/* SpaceBuilder Forums 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 { min-width: 760px; padding: 0 10px; }
/*#commonHeader { background: #3b5998; margin-bottom: 10px; }*/
#commonHeader { background: url(../../../../../Utility/images/bbs_head.gif); margin-bottom: 10px; }
#commonContent {}
.clear { clear: both; }
.wrap { overflow: hidden; zoom: 1; }
.line { border-bottom: #ddd 1px solid; }
.border { border: #ddd 1px solid; }
/* 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; }
/* breadcrum and search */
.shortcut { border: #9cb1ce 1px solid; margin-bottom: 10px; padding: 5px; clear: both; }
.breadcrumb { float: left; line-height: 20px;}
.searchArea { text-align: right; }
/* footer */
#commonFooter { padding: 10px; border-top: solid #3b5998 1px; clear: both;}
#commonFooter p { line-height: 25px; text-align: center;}
#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;}
/* top toolbar */
.topbarMenuPage {margin-bottom: 10px;}
.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: 21px;}
.skinColor { width: 200px; float: left; background: url(../../../../../Utility/images/skin_color.gif) no-repeat; margin: 5px 10px; }
.skinColor li { width: 15px; height: 10px; display: block; float: left; overflow: hidden; cursor: pointer; }
.skinColor li.current { background: url(../../../../../Utility/images/skin_color.gif) no-repeat 0 -10px; }
.skinColor li a { line-height: 60px; display: block; }
.siteMenu {text-align: right; padding: 3px 5px 2px; }
.userMenu {}
.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 */
.logo { float: left; padding: 10px 25px 10px 10px;  }
.userInfo { float: right; color: #c6d2e1; }
.userInfo a, .userInfo a:hover { color: #c6d2e1; }
.userInfoName { font-weight: bold;  position: relative; }
.newMessage { display: block; position: absolute; width: 104px; height: 22px; background: url(../../../../../Utility/images/bg.png) no-repeat -10px -670px; padding: 18px 6px 0 10px; top: 18px; left: -20px; text-align: left; font-weight: normal; }
.newMessage a { color: #fff; }
.newMessage a.newMessageClose { width: 10px; height: 10px; display: block; float: right; text-indent: -9999px; line-height: 1px; cursor: pointer; }
#commonHeader .ad { float: right; clear: none; }
.topbarMenuUserInfo { line-height: 30px; }
.topbarUserInfoLink { padding-left: 6px; padding-right: 13px; background: url(../../../../../Utility/Icons/unwrap.gif) no-repeat right center; }
.dropmenudiv{ position: absolute; top: 0; z-index: 9999; background: #f3ffeb; border: #b1d990 1px solid; width: auto; padding: 6px 10px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); }
.dropmenudiv a{ display: block; line-height: 20px; white-space: nowrap; }
.typesetColumn { padding-left: 20px; background: url(../../../../../Utility/Icons/typeset_column.gif) no-repeat left center; }
.typesetColumnCloss { padding-left: 20px; background: url(../../../../../Utility/Icons/typeset_column_closs.gif) no-repeat left center; }
.typesetPlano { padding-left: 20px; background: url(../../../../../Utility/Icons/typeset_plano.gif) no-repeat left center; }
/* modules */
.module { margin-bottom: 10px; clear: both; border: solid #9cb1ce 1px; }
.moduleTitle { 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: 5px; border-bottom: solid #ddd 1px; color: #999; }
.more { float: right; }
/* tabs */
@media projection, screen { .ui-tabs-hide { display: none; }}
@media print { .ui-tabs-nav { display: none; }}
.tabs { margin-bottom: 10px;}
.ui-tabs-nav { position: relative; border-left: solid #9cb1ce 1px; bottom: -1px; background: url(Images/glass.png) repeat-x 0 50%; border: solid #9cb1ce 1px; border-bottom: none; z-index: 98; }
.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; }
/* Toggler */
.toggler { display: block; width: 20px; height: 20px; float: right; position: relative; top: -22px; right: 0px; line-height: 80px; overflow: hidden; z-index: 90; background-repeat: no-repeat; background-position: center 5px; }
.toggler-opened:hover { background-image: url(../../../../../Utility/images/toggler_highlight_open.gif); text-decoration: none; }
.toggler-opened { background-image: url(../../../../../Utility/images/togglero.gif); }
.toggler-closed:hover { background-image: url(../../../../../Utility/images/toggler_highlight_close.gif); text-decoration: none; }
.toggler-closed { background-image: url(../../../../../Utility/images/togglerc.gif); }
.toggler-c { padding: 10px; }
.toggler-c-closed {}
.toggler-c-opened {}
/* 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; }
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); }
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; }
/* paging */
.pages { padding: 5px 10px; clear: both; }
.paginator { text-align: right; 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; }
/* text */
.textCenter { text-align: center; clear: both; padding: 10px; }
.more { clear: both; line-height: 25px; text-align: right; margin-right: 6px }
.explainArea { background: #F5F5F5; border: solid #ddd 1px; margin: 5px 10px; padding: 5px; }
a.selected:hover { text-decoration: none; }
/* from style  */
.textBox{ border: solid #ccc 1px; padding: 2px 1px; vertical-align: baseline; * vertical-align: middle; }
.SearchBox { border: solid #ccc 1px; margin: 0; padding: 3px 1px 2px; vertical-align: baseline; * vertical-align: middle; }
.textBoxSearch{ border: solid #ccc 1px; margin: 2px 0; padding: 2px 1px; }
.textBoxWaterMarked { background-color: #F0F8FF; color: gray; }
.passwordBox { border: 1px solid #ccc; }
.radiobutton {}
.radiobutton td,.radiobutton th {padding:0px; margin:0px; }
.radiobutton label {padding:0px 5px 0px 0px; margin:0px; }
.checkbox { vertical-align: baseline; * vertical-align: middle; }
.dropDownList { border: solid #ccc 1px; padding: 1px;}
.textareaBox { border: 1px solid #ccc; }
.fileUpload { border: 1px solid #ccc; padding: 2px 1px; }
.noteRequired { margin: auto 5px; color: #f00; }
.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 { 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; }
/* form validate */
form label.error{ color:#f00;}
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; position: absolute; }
.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; }
/* forum */
.forumWraper { }
.forumInfo {  margin-bottom: 10px; padding: 5px;}
.forumData { float: right; line-height: 22px; }
.forumData em { font-style: normal; color: #999; }
.forumViewOption { float: left; line-height: 22px; }
.forumViewOption a.selected { color: #333; font-weight: bold; cursor: text; }
.forumNotice { padding: 0 10px 5px; }
.forumNotice h5 { width: 75px; float: left; line-height: 20px; padding-top: 5px; }
.forumNotice ul { margin-left: 80px; }
.forumNotice li { display: block; float: left; width: 260px; padding: 8px 10px 0 10px; height: 15px; line-height: 15px; background: url(../../../../../Utility/images/arrow.gif) no-repeat left 10px; }
.forumJumpingArea { border: #ddd 1px solid; margin-bottom: 10px; padding: 5px 10px; overflow: hidden; zoom: 1; }
.forumJumping { width: 40%; float: right; text-align: right; }
.forumListSelect { width: 40%; float: left; }
.mainWrap { overflow: hidden; zoom:1;}
.category {}
.categoryAct { padding: 0 5px 2px; text-align: right; line-height: 15px;border-bottom: solid #ddd 1px;  }
.categorySingle, .categorySingle:hover, .categorySmall, .categorySmall:hover, .categoryAct .select { background-image: url(../../../../../Utility/images/bg.png); display: block; width: 25px; height: 15px; float: right; }
.categorySingle { background-position: -95px -120px; }
.categorySingle:hover, .categoryAct .categorySingle.select { background-position: -155px -120px; }
.categorySmall { background-position: -125px -120px; }
.categorySmall:hover, .categoryAct .categorySmall.select { background-position: -185px -120px; }
.categorySingle.select, .categorySmall.select { cursor: default; }
.forumView {}
.forumBox {}
.forumTopicRehit { float: right; font-weight: normal; text-align: right;  padding: 4px 10px 5px; * padding: 6px 10px 4px;  }
.forumTopicRehit em { color: #999; }
.categoryItem { overflow: hidden; zoom: 1; padding: 10px 0 5px; border-bottom: solid #ddd 1px; }
.categoryIcon, .categoryIconGray, .categoryIconLock, .categoryIconNone { width: 40px; height: 50px; float: left; text-align: center; background: url(Images/bg_forum_ico.gif) no-repeat; line-height: 50px; }
.categoryIcon { background-position: left center; }
.categoryIconGray { background-position: -80px center; }
.categoryIconLock { background-position: -120px center; }
.categoryIconNone { background-position: -40px center; }
.categoryLogo { width: 100px; height: 50px; float: right; overflow: hidden; }
.categoryInfo { margin: 0 110px 0 50px;}
.categoryInfo h5,
.categoryInfo p { line-height: 20px; height: 20px; overflow: hidden; }
.categoryInfo em { color: #999; }
.categoryData, .categoryLast { float: right; display: block; width: 340px; padding-left: 10px;}
.categoryIntro { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.categoryManager {}
.categoryLastAuthor { float: right; width: 60px; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.small .categoryItem { width: 33%; float: left; }
.small .categoryInfo { margin: 0; }
.small .categoryIcon, .small .categoryIconGray, .small .categoryIconLock, .small .categoryIconNone, .small .categoryLogo, .small .categoryIntro, .small .categoryLast { display: none; }
.small .categoryData { float: none; } 
.forumTopicNumberArea { overflow: auto; zoom: 1; }
.forumTopicNumber { float: left; width: 49%; overflow: hidden; line-height: 25px; }
.forumTopicPostNumber { float: left; width: 49%; overflow: hidden; line-height: 25px; }
.forumTopicNumber em, .forumTopicPostNumber em { font-style: normal; color: #666; }
.forumTopicLastArea { overflow: auto; zoom: 1; }
.forumTopicListArea { padding: 6px; background: transparent; }
.forumTopicList { float: left; width: 24.9%; margin-bottom: 10px; }
.forumTopicListTitle { display: block; line-height: 25px; height: 25px; overflow: hidden; font-weight: bold; font-size: 12px; }
.forumTopicListData { display: block; line-height: 25px; height: 25px; overflow: hidden; }
.forumTopicListData em { font-style: normal; color: #666; }
.forumTopicListManager { display: block; line-height: 25px; height: 25px; overflow: hidden; }
.forumBylaw { margin: 10px; }
.forumBylaw h4 { font-weight: normal; border-bottom: solid #ddd 1px; padding: 5px; line-height: 20px; }
.forumBylaw p { padding: 5px; line-height: 20px; }
.forumPostsListArea {}
.forumPostsListTitle { padding: 5px 0; overflow: hidden; zoom: 1; clear: both; }
.forumPostsListTitle .forumRowTitle,
.forumPostsListTitle .forumRowText,
.forumPostsListTitle .forumRowGroup,
.forumPostsListTitle .forumRowAuthor,
.forumPostsListTitle .forumRowRehit,
.forumPostsListTitle .forumRowReuser { line-height: 15px; height: 15px; font-weight: normal; }
.forumPostsListTitle .forumRowPic { padding-top: 0px; }
.forumRow { border-top: #bbcede 1px solid; overflow: hidden; zoom: 1; }
.forumRowRight { float: right; width: 410px; overflow: hidden; zoom: 1; }
.forumRowPic { float: right; width: 30px; text-align: center; padding-top: 12px; }
.forumRowReuser { float: right; width: 130px; }
.forumRowRehit { float: right; width: 90px; line-height: 40px; height: 40px; overflow: hidden; }
.forumRowAuthor { float: right; width: 140px; }
.forumRowGroup { float: right; width: 100px; padding-left: 10px; font-weight: bold; line-height: 40px; height: 40px; overflow: hidden }
.forumRowReuser p, .forumRowAuthor p { line-height: 20px; height: 20px; overflow: hidden; }
.forumRowTitle { padding-left: 70px; line-height: 20px; }
.forumRowContent { overflow: hidden; zoom: 1; }
.forumRowTextPic { float: left; width: 30px; text-align: center; padding-top: 9px; }
.forumRowText { padding-top: 13px; overflow: hidden; font-weight: bold;  margin-left: 45px }
.forumRowTextPaging { font-size: 12px; padding-left: 10px; }
.forumRowTextPaging a { color: #666; padding: 0 2px }
.forumRowTextPaging a:hover { color: #f60; }
.forumRowSpace6{ background-color: #bbcede; height: 3px; line-height: 3px; font-size: 3px; }
.manageSelect { width: 15px; padding-top: 13px; * padding-top: 9px; float: left; text-align: right; }
.manageAct { padding: 5px 0; border-top: #bbcede 1px solid; background: #f5f5f5; }
.manageAct a { padding: 0 5px; }
.manageAct .manageSelect { padding: 0 5px 0 0; }
.approveSelect { float: left; }
.approveWrap { padding-bottom: 20px; }
.postActPaging { padding: 5px; overflow: hidden; zoom: 1; }
.publish, .reply { float: left; width: 65px; margin: 0 10px; padding: 4px 0 0 20px; * padding: 6px 0 0 20px; height: 18px; * height: 16px; font-weight: bold; background: url(../../../../../Utility/images/bg.png) no-repeat; }
.publish { background-position: -10px -600px; }
.reply { background-position: -120px -600px; }
.forumPostRehit { float: right;  padding: 4px 10px 5px; * padding: 6px 10px 4px; text-align: right; }
.forumPostRehit em { font-weight: normal; font-style: normal; color: #666; }
.forumSideColumnBotton { float: left; width: 100px; line-height: 25px; }
.forumPostViewArea { }
.forumPostList {}
.forumPostArea { display: block; border-top: #bbcede 1px solid; border-bottom: #bbcede 4px solid; overflow: hidden;; zoom:1;}
.forumPostUserPanel { float: left; width: 180px; overflow: hidden; }
.forumPostUserTitle { font-weight: bold; padding: 5px; height: 20px; line-height: 20px; overflow: hidden; border-bottom: solid #bbcede 1px; }
.forumPostUserTitle img { vertical-align: middle; }
.forumPostUserPortrait { padding: 8px; }
.forumPostUserPortraitImg { width: 160px; overflow: hidden; border: solid #ddd 1px; padding: 1px; }
.forumPostUserinfo { padding: 5px; }
.forumPostUserinfo p { line-height: 20px; text-indent: 30px; }
.forumPostUserinfo p em { color: #999; }
.forumPostContentArea { margin-left: 180px; border-left: solid #bbcede 1px }
.forumPostTitle { padding: 5px; height: 20px; line-height: 20px; overflow: hidden; border-bottom: solid #bbcede 1px; }
.forumPostContentControl { float: right; text-align: right; }
.forumPostTime { color: #999; }
.forumPostContent { padding: 10px; overflow: hidden; }
.forumPostContent .ad { width: 120px; float: right; overflow: hidden; margin: 0 0 20px 20px; }
.forumPostTitleText { font-size: 14px; font-weight: bold; padding: 5px; margin-bottom: 10px;}
.tag { padding: 5px; }
.forumPostEdit { text-align: right; padding: 5px; color: #666; }
.forumPosts {  min-height: 200px; overflow: hidden; zoom: 1; table-layout: fixed; word-wrap: break-word;font-size: 14px; line-height: 1.5em; }
.forumPosts * {font-size: 14px; line-height: 1.5em;}
.forumPosts p { padding: 10px 0; }
.forumPosts blockquote { padding: 5px; border: solid #ddd 1px; border-left-width: 3px; background: #f5f5f5; word-wrap: break-word; margin: 5px; }
.quoteCont { padding: 10px; }
.forumPosts blockquote h4 { border-bottom: solid #ddd 1px; }
.small .forumPostTitleText, .small .forumPosts, .small .forumPosts * { font-size: 12px; }
.middle .forumPostTitleText, .middle .forumPosts, .middle .forumPosts * { font-size: 14px; }
.larger .forumPostTitleText, .larger .forumPosts, .larger .forumPosts * { font-size: 16px; }
.forumPostSign { padding: 10px; border-top: solid #ddd 1px; }
.forumPostStatistics { }
.forumPostAdArea { }
.forumPostfooter { clear: both; border-top: #bbcede 1px solid; }
.forumPostTool { padding: 5px; line-height: 20px; height: 20px; text-align: right; color: #666; border-left: solid #bbcede 1px; margin-left: 180px; }
.forumPostIP { width: 170px; line-height: 20px; text-align: center; color: #666; float: left; padding: 5px }
.forumPostBackTop { display: block; width: 16px; height: 16px; float: right; }
.forumPostListSpace6 { background-color: #bbcede; height: 4px;}
.postNextPre { float: left; }
.forumPostPagingPrevious { padding-left: 20px; background: url(../../../../../Utility/Icons/arrow_previous.gif) no-repeat left center; }
.forumPostPagingNext { padding-right: 20px; background: url(../../../../../Utility/Icons/arrow_next.gif) no-repeat right center; }
a.disabled { color: #999; }
a.disabled:hover { text-decoration: none; color: #999; cursor: text; }
.forumPostArea .ad { background-color: #fff; margin-bottom: 0px; }
.forumReplyArea { margin-bottom: -1px;}
.forumFormRow { border-bottom: #bbcede 1px solid; }
.forumFormRow:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.forumFormFieldName { padding: 5px; width: 120px; text-align: right; float: left; line-height: 20px; }
.forumFormField { padding: 5px; line-height: 20px; border-left: #bbcede 1px solid; margin-left: 130px; }
.annex { padding: 5px; border: solid #ddd 1px; width: 700px; }
.annexUpload { padding: 0 0 5px; }
.annexUpload p { line-height: 20px; padding: 5px;}
.annexUpload em { padding: 0 5px; color: #999; }
.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: 150px; }
.annexFix { padding: 5px 0; margin-top: 10px; }
.annexFix * { font-size: 12px; }
.annexShow { line-height: 20px; padding: 5px; }
.annexSize { color: #999; }
.hideDescription { 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; }
/* 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; }
/* other style */
.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; }
.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: 10px; clear: both;}
.hint { padding: 5px; border: solid 1px #ff0; background-color: #ff9; }
.hint a.del { float: right; }
.hint img { vertical-align: middle; }
/* dataGrid */
.tableGrid { width: 100%; border: 0px; border-collapse: collapse; border-spacing: 0px; }
.tableGrid th { padding: 5px; font-weight: normal; text-align: left; border-bottom: solid #ddd 1px; color: #999; }
.tableGrid td { padding: 5px; border-bottom: solid #ddd 1px; }
.gridItem { }
.gridAltItem { background: #f5f5f5; }
.treeArea { padding: 6px; }
.collapse { background: url(Images/leftbar_on.gif) no-repeat right center; width: 6px; position: absolute; height: 100%; }
.expand { background: url(Images/leftbar_on.gif) no-repeat left center; width: 6px; position: absolute; height: 100%; }
* html .collapse { height: 621px; }
* html .expand { height: 621px; }
.leftColumnButtonArea { background: #f3ffeb; border: #b1d990 1px solid; margin-bottom: 6px; padding: 6px; }
.treeParent { height: 24px; background: url(../../../../../Utility/images/tree_parent.gif) no-repeat left center; line-height: 24px; }
.treeIco { width: 20px; float: left; padding-top: 4px; line-height: 24px; }
.treeList { display: block; }
.treeSubmenuArea { }
.treeSubmenu { background: url(../../../../../Utility/images/tree_submenu.gif) no-repeat left top; overflow: auto; zoom: 1; }
.treeSubmenuText { float: left; line-height: 24px; }
.treeSubmenuEnd { background: url(../../../../../Utility/images/tree_submenu_end.gif) no-repeat left top; overflow: auto; zoom: 1; }
.treeListOn { width: 16px; float: left; text-align: center; padding-top: 8px; line-height: 24px; }
.treeSubmenuOpenArea { padding-left: 16px; background: url(../../../../../Utility/images/tree_line.gif) repeat-y left top; clear: both; }
.treeSubmenuEndOpenArea { padding-left: 16px; clear: both; }