/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require_tree .
*/

/* 20111028 created by Double ========================================================================== */

/* ============ css reset ============*/
/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0;	font-size: 100%; font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/**/
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/* ============ css reset ends ============*/

/* ============ global ============*/
h1, h2, h3, h4, h5, h6{*font-weight:normal;}
*{font-family:Helvetica, Arial,"Heiti TC","微軟正黑體",sans-serif;}
html{height:100%;}
body{/*background:#E8E7E6;*/ background:url(../images/bg.png) fixed repeat; font-family:Helvetica, Arial,"Heiti TC","微軟正黑體",sans-serif; -webkit-text-size-adjust:auto; height:100%;}
a{text-decoration:none; cursor:pointer;}
a:hover{text-decoration:underline;}
strong{font-weight:bold;}
.bold{font-weight:bold;}
.greenReply{color:#008000;}
.hyperName12{color:#1380ca; font-weight:bold; /*font-size:13px;*/}
.hyperName11{color:#1380ca; font-weight:bold; font-size:11px;}
.hyperName11nor{color:#1380ca; font-weight:normal; font-size:11px;}
.hyperName13nor{color:#1380ca; font-weight:normal; font-size:15px; margin-right:5px;}
/* placeholder's color for chrome & safari */
::-webkit-input-placeholder{color:#777;}
:-moz-placeholder{color:#777;}
.placeholder{color:#777;}
/* footer */
.footerWrap{background:#ccc; width:100%; height:45px; position:absolute; bottom:0; font-size:12px; color:#333;}
.footerWrap a{color:#333; margin-right:12px;}
.footerWrap span{line-height:45px; *float:left;}
.innerFooter{width:960px; height:100%; margin:0 auto;}
.innerFooter ul{float:right;}
.innerFooter li{float:left; height:30px; line-height:45px;}
/**/
.staticFooter .footerWrap{position:static;}
/* footer ends */
/* ============ global ends ============*/

/* ============ clearfix ============*/
.clearfix:after {content: "."; display: block; clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* ============ clearfix ends ============*/

/* ============ notifications indicator ============*/
.pinkSquare{display:inline-block; background:#EB008B; font-size:9px; color:#fff; text-align:center; padding:3px; margin-left:5px; line-height:1em;
min-width:10px; position:absolute; top:10px; right:-20px; cursor:pointer;}
.pinkSquare{*display:inline; *top:8px;}
#leftColumn .pinkSquare{top:4px; right:7px;}
/* ============ notifications indicator ends ============*/

/* ============ others popup ============ */
.othersPopup{background:#fff; width:400px; /*height:412px; overflow:auto;*/}
.othersPopup h2{font-size:16px; color:#444; font-weight:bold; border-bottom:solid 1px #D6D6D6; padding-bottom:5px;}
.othersPopup a{font-size:12px; color:#1380ca; vertical-align:top; margin-left:5px;}
.othersPopup li{border-bottom:solid 1px #D6D6D6; padding:8px 0;}
.othersPopup li img{width:48px; height:48px;}
/* ============ others popup ends ============ */

/* ============ header ============ */
#headerWrap{position:fixed; top:0; left:0; width:100%; z-index:1001; background:url(../images/bg.png) repeat; padding-bottom:5px;}
/**/
#topHeaderWrap{background:#424242; color:#fff; font-size:14px; /*font-weight:bold;*/}
#topHeader{width:1095px; height:32px; margin:0 auto; position:relative; /*ie7*/*z-index:40;}
#topHeader small{font-size:1.5em; margin-left:3px;}
#topHeader .ibzLogo{display:block; float:left; margin-top:2px;}
#topHeader .btnNewMess{position:absolute; left:90px; line-height:33px; color:#999; font-weight:bold;}
#topHeader .btnNewMess a{color:#999;text-decoration:none;}
#topHeader .btnNewMess a:hover span{text-decoration:underline;}
/**/
#topHeader .newMessWrap{position:absolute; z-index:30; left:87px; top:0px; display:none;}
#topHeader .btnNewMessBack{display:block; height:32px; line-height:32px; background:#fff; color:#000; padding-left:3px; width:86px;
border-left:solid 1px #000; font-weight:bold;}
#topHeader .btnNewMessBack:hover{text-decoration:none;}
#topHeader .newMessList{background:#fff; border:solid 1px #000; border-top:none; padding-top:1px; color:#111; max-height:700px; overflow-y:auto; overflow-x:hidden;}
#topHeader .newMessItem{width:525px; padding:5px 0px 5px 22px; margin:10px; /*background:#fff url(../images/tri_big.png) top left no-repeat;*/
border-bottom:solid 1px #ccc;}
#topHeader .newMessItem h2{font-size:11px; margin-left:-18px;}
#topHeader .messZone{background:#F2F1F0; width:500px;/*444-8*/ margin:5px 0; padding:8px 0 5px 8px;}
#topHeader .messThumb{width:33px; float:left;}
#topHeader .messContent{font-weight:normal; line-height:15px; float:left; width:445px; margin-left:5px; font-size:12px; word-wrap:break-word;}
#topHeader .message{height:75px; word-wrap:break-word; overflow:hidden;}
#topHeader .time{color:#555; font-size:11px; display:block; margin-top:5px;}
/*#topHeader .seeFullMess{width:439px; height:29px; line-height:29px; border-bottom:solid 1px #ddd; background:#EBEBEB; padding-left:5px;}
#topHeader .seeFullMess a{font-size:11px; color:#1380ca;}*/
#topHeader .seeFullMess{font-size:11px; color:#1380ca; margin-left:20px;}
#topHeader .seeAll{font-size:11px; height:34px; line-height:34px; text-align:center; color:#1380ca; background:#ccc; *width:567px;}
#topHeader .seeAll:hover{background:#DBE8FE; cursor:pointer; border:solid 1px #9DB1D5;}
#topHeader .seeAll a{color:#1380ca;}
/**/
#topHeader .btnAcc{position:absolute; right:3px; line-height:32px; color:#fff; font-weight:bold;}
#topHeader .btnAcc img{width:27px; height:27px; float:left; margin:2px 7px 0 0;}
#topHeader .btnAcc .devider{margin:0 10px 0; position:relative; top:0px; top:-1px \9;}
#topHeader .btnAcc a{color:#fff;}
#topHeader .accManage:hover{text-decoration:none;}
#topHeader .accManage:hover span{text-decoration:underline;}
/**/
#topHeader .accZone{position:absolute; z-index:31; right:0px; top:0px; width:155px; border-bottom:solid 1px #000; display:none;}
#topHeader .accZone li{border-left:solid 1px #000; border-right:solid 1px #000; background:#F2F2F2;}
#topHeader .accZone li:first-child{background:none;}
#topHeader .accZone li a{color:#333; font-weight:normal; display:block; height:33px; line-height:33px; padding-left:5px;}
#topHeader .accZone li a:hover{background:#CCC;}
#topHeader li.btnAccBack{height:32px; border:none; border-right:1px solid #000;}
#topHeader li.btnAccBack a{background:#f2f2f2; text-align:right; font-weight:bold; width:76px;/*86-3*/ float:right; padding-right:3px; padding-left:0;}
#topHeader li.btnAccBack a:hover{background:#fff; text-decoration:none;}
#topHeader li.devider{height:8px; background:#f2f2f2; /*ie7*/*margin-top:-11px;}
/**/
#bottomHeaderWrap{background:#76B900;}
#bottomHeader{width:1095px; height:41px; margin:0 auto; line-height:41px;}
#bottomHeader .networkName{color:#fff; font-size:22px; font-weight:bold; float:left; max-width:255px; height:100%; overflow:hidden; margin-top:2px;}
#bottomHeader .networkName a{color:#fff;}
#bottomHeader .networkName a:hover{text-decoration:none;}
#bottomHeader .searchZone{background:#fff; float:right; margin-top:6px;/*63-25 /2*/ border:solid 1px #ABADB3;}
#bottomHeader .searchInput{width:243px; height:28px; line-height:28px \9; padding:0 0 0 10px; float:left; border:none; border-right:1px solid #eee;}
#bottomHeader .searchBtn{background:#fff; float:left; margin-top:4px;}
#bottomHeader .advsearchBtn{background:#fff; float:right; margin-top:6px; margin-left:2px; border:solid 1px #ABADB3; height:28px;}
#bottomHeader .advsearchBtn input{margin-top:4px; *margin:0 0 9px 0;}
/**/
#bottomHeader ul{float:left; margin:10px 0 0 15px;}
#bottomHeader li{float:left; height:30px; line-height:30px; padding:1px 10px 0; margin-right:5px;}
#bottomHeader li a{color:#fff; font-size:14px;}
#bottomHeader li.active{border:solid 1px #A6A5A2; border-bottom:none;}
#bottomHeader li.active a{color:#666;}
#bottomHeader li#navi1.active{background:#BCBBAC;}
#bottomHeader li#navi2.active{background:#CCCC99;}
#bottomHeader li#navi3.active{background:#99CCCC;}
#bottomHeader li#navi4.active{background:#EAA7A0;}
#bottomHeader li#navi5.active{background:#FFA057;}
/**/
#headerNaviWrap{border:solid 1px #A6A5A2;}
#headerNavi{width:1095px; height:32px; line-height:32px; margin:0 auto;}
#headerNavi ul{padding-top:5px;}
#headerNavi li{float:left; height:27px; line-height:27px; padding:0px 10px; margin-right:5px; position:relative;}
#headerNavi li a{color:#fff; font-size:14px;}
#headerNavi li.active{background:url(../images/bg.png) repeat; border:solid 1px #A6A5A2; border-bottom:none;}
#headerNavi li.active a{color:#666;}
#headerNavi .pinkSquare2{display:inline-block; background:#EB008B; font-size:9px; color:#fff; text-align:center; line-height:1em;
min-width:10px; padding:3px; margin-left:3px; position:relative; top:-2px; *top:1px; *left:3px;}
#headerNavi .pinkSquare2{*display:inline;}
/**/
#headerNaviWrap.menu1{background:#BCBBAC;}
#headerNaviWrap.menu2{background:#CCCC99;}
#headerNaviWrap.menu3{background:#99CCCC;}
#headerNaviWrap.menu4{background:#EAA7A0;}
#headerNaviWrap.menu5{background:#FFA057;}
/* ============ header ends ============*/

/* ============ main content ============*/
#contentWrap{width:1095px; margin:0 auto 90px auto; /*for fixed header, was 10px*/padding-top:122px; min-height:72%;}
/* ============ main content ends ============*/

/* ============ left column ============*/
#pinGroupList{float:left; width:100px; margin-right:15px;}
#pinGroupList h3.titleBar{background:url(../images/right_bar.png) -240px 0 no-repeat; width:100px;/*347-18*/ height:39px; font-size:14px; line-height:31px; color:#222; font-weight:bold;padding:0 0 0 10px;}
#pinGroupList li{color:#666; margin-bottom:10px;font-size: 13px;cursor:pointer}
#pinGroupList li a{color:#666;}

#leftColumn{float:left; width:140px; background:#F2F2F2; padding-bottom:30px; /**/display:none;}
#leftColumn .userWelcome{color:#555; font-weight:bold; line-height:14px; font-size:12px; padding:15px 0 0 15px; background:#ccc;}
#leftColumn .userWelcome a{color:#555;}
#leftColumn .userThumb{padding:20px 0; background:#ccc; margin-bottom:10px;}
#leftColumn .userThumb img{display:block; margin:0 auto; min-width:70px;}
#leftColumn .naviZone li{width:151px; margin-left:-11px; position:relative; *margin-top:1px;}
#leftColumn .naviZone span{position:absolute; width:11px; height:33px; left:0; top:0px; *height:11px; *top:23px;}
#leftColumn .naviZone a{color:#666; font-size:11px; display:block; border-bottom:solid 1px #B3B3B3; width:105px;/*130-25*/ /*height:22px;*/ line-height:22px;
margin:2px 0 0 16px; padding-left:25px; /*ie7*/*margin-top:0;}
#leftColumn .naviZone a:hover{background:#ccc; text-decoration:none;}
/* navigation red marker */
#leftColumn .naviZone li.active{background-color:#EC1C24;}
#leftColumn .naviZone li.active span{background:url(../images/Red_Bar.png) no-repeat; z-index:-10; *background-position:0 -22px;}
#leftColumn .naviZone li.active a{border-bottom:solid 1px #EC1C24; color:#fff; background:url(../images/icons_sprites.png) 0 0 no-repeat;}
/**/
#leftColumn .naviZone li.active a.messNavi01{background-position:0 2px;}
#leftColumn .naviZone li.active a.messNavi02{background-position:0 -20px;}
#leftColumn .naviZone li.active a.messNavi03{background-position:0 -40px;}
#leftColumn .naviZone li.active a.messNavi04{background-position:0 -60px;}
#leftColumn .naviZone li.active a.messNavi05{background-position:0 -82px;}
#leftColumn .naviZone li.active a.messNavi06{background-position:0 -103px;}
/**/
#leftColumn .naviZone li.active a.groupNavi02{background-position:0 -123px;}
#leftColumn .naviZone li.active a.groupNavi03{background-position:0 -145px;}
/**/
#leftColumn .naviZone li.active a.otherNavi01{background:url(../images/admin_icon.png) 0 4px no-repeat;/*獨立一張icon圖*/}
#leftColumn .naviZone li.active a.otherNavi02{background-position:0 -165px;}
#leftColumn .naviZone li.active a.otherNavi03{background-position:0 -187px;}
#leftColumn .naviZone li.active a.otherNavi04{background-position:0 -208px;}
#leftColumn .naviZone li.active a.otherNavi05{background-position:0 -229px;}
/* navigation red marker ends */
#leftColumn #naviGroup{margin-top:20px; margin-bottom:20px;}
#leftColumn li.naviTitle{width:117px;/*140-23*/ height:26px; line-height:20px; background:url(../images/sibebar_title_bg.png) no-repeat; font-size:13px; font-weight:bold; color:#666;
padding:0 0 0 23px; margin:0;}
#leftColumn .subNavi{width:104px; margin-left:40px;}
#leftColumn .subNavi li{width:auto; margin:0; padding:0px;}
#leftColumn .subNavi li a{width:94px;/*104-10*/ margin:2px 0 0 0; line-height:15px; padding:3px 0 3px 10px; word-wrap:break-word;}
#leftColumn .subNavi li a:hover{color:#fff;}
/* ============ left column ends ============ */

/* ============ middle column ============ */
#middleColumn{float:left; width:645px; margin-right:15px;}
#middleColumn .uGotNewMess{display:block; text-align:center; color:#333; font-size:12px; background:#E7F0FE; border:solid #BFCEEA 1px; padding:6px; margin-bottom:13px;
margin-top:-5px; box-shadow:5px 5px 5px #999;}
#middleColumn .uGotNewMess:hover{text-decoration:none; background:#E0ECFF; border:solid 1px #94B2EA;}
/* make a post */
#middleColumn .postZone{background:#fff url("../images/tri_big.png") no-repeat left top; padding: 29px 20px 20px 34px; font-size:12px; margin-bottom:17px; position:relative;
box-shadow:5px 5px 6px #D5D5D5; behavior:url(assets/PIE.htc);}
#middleColumn .postZone .postZoneThumb{width:48px;height:48px;object-fit: cover; float:left;}
#middleColumn .postZone .postZoneRight{float:left; margin-left:13px; width:530px;/*645-34-20-48-13*/}
#middleColumn .postZone .btnCue a{color:#000;}
#middleColumn .postZone small{font-size:0.9em; margin-left:3px;}
#middleColumn .postZone .postOptions{font-size:16px; margin-bottom:8px; position:relative;}
/**/
#middleColumn .postZone .btnType, #middleColumn .postZone .btnTo{color:#fff; background:#000; padding:2px 2px; display:inline-block; height:17px; line-height:19px;
padding-bottom:4px \9;}
#middleColumn .postZone .btnType, #middleColumn .postZone .btnTo{*display:inline;}
#middleColumn .postZone .btnType:hover, #middleColumn .postZone .btnTo:hover{text-decoration:none; background:#666;}
/**/
#middleColumn .postZone .postHiddenList{position:absolute; border:solid 1px #000; font-size:12px; top:21px; z-index:20; display:none;}
#middleColumn .postZone .postHiddenList li span{display:block; height:22px; line-height:22px; padding:0 10px 0 20px; background:#EDEDED; color:#555; cursor:pointer; /*ie7*/*height:auto;}
#middleColumn .postZone .postHiddenList li span:hover{background:#ccc;}
#middleColumn .postZone .postHiddenList li span.active{background:#ccc url(../images/checkMarker_icon.png) 6px 6px no-repeat;}
/**/
#middleColumn .postZone .typeList{left:68px;}
#middleColumn .postZone .typeList li span{padding-right:5px;}
#middleColumn .postZone .toList{left:146px;}
#middleColumn .postZone .toList li a{padding-right:10px;}
/**/
#middleColumn .postZone .btnCue{font-size:12px; position:absolute; right:0px; /*ie7*/*line-height:14px; *top:5px;}
#middleColumn .postZone h2{line-height:15px; margin:15px 0 10px 0; display:none; /*ie7*/*font-weight:normal; color:#111;}
#middleColumn .postZone textarea{width:522px;/*530-6-2*/ overflow:hidden; resize:none; border:1px solid #ccc; padding:3px; font-size:15px; line-height:16px;}
#middleColumn .postZone textarea.original{font-size:15px; letter-spacing:2px; padding:8px 3px 0 3px; height:30px;}
/**/
#middleColumn .vote{margin-top:8px; color:#111; display:none;}
#middleColumn .vote li input{border:1px solid #ccc; width:360px; height:22px; line-height:22px; padding:0 5px; color:#6d6d6d; margin-top:5px;
overflow:hidden; word-wrap:break-word;}
/**/
#middleColumn .attachList{margin-top:8px; /**/max-width:591px;}
#middleColumn .attachList li{border:1px solid #ccc; height:22px; line-height:22px; padding:0 17px 0 3px; color:#76B900; margin-top:5px;
position:relative; overflow:hidden; word-wrap:break-word; background:#fff; font-size:12px;}
#middleColumn .attachList a{display:block; width:8px; height:8px; background:url(../images/x_gray.png) no-repeat; position:absolute; right:5px; top:7px;}
#middleColumn .attachList a:hover{background:url(../images/x_black.png) no-repeat;}
/**/
#middleColumn .postZone h3{color:#1380ca; font-size:11px; margin:10px 0 0px 3px; height:22px; line-height:22px; display:none;}
#middleColumn .postZone h3 a{color:#01317E; margin-left:10px; font-weight:normal; *float:left; /**/cursor:default;}
#middleColumn .postZone h3 span{*float:left;}
#middleColumn .postZone h3 a:hover{text-decoration:none;}
#middleColumn .postZone h3 button{float:right; border:solid #000 1px; color:#fff; background:#666; cursor:pointer; width:80px; padding:3px 0; line-height:1em; *padding:4px 0 0 0;}
#middleColumn .privateMess h3{color:#1380ca; font-size:11px; margin:10px 20px 0px 3px; height:22px; line-height:22px; display:none;}
#middleColumn .privateMess h3 button{float:right; border:solid #000 1px; color:#fff; background:#666; cursor:pointer; width:80px; padding:3px 0; line-height:1em; *padding:4px 0 0 0;}
/**/
#middleColumn .postZone .autoComplete{border:1px solid #ddd; border-radius:4px; padding:1px; margin-top:-1px;}
#middleColumn .postZone .autoComplete li{line-height:1.5em; font-size:13px;}
#middleColumn .postZone .autoComplete li a{display:block; padding:2px 4px; border:1px solid #fff; border-radius:4px; color:#333;}
#middleColumn .postZone .autoComplete li a:hover{background:url(../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50%;
border:1px solid #94ADD5; color:#0E52BE; text-decoration:none;}
/**/
#middleColumn .postZone .announcePeriod{margin:10px 0;}
#middleColumn .postZone .announcePeriod h4{color:#76b900; font-weight:bold; margin:0 0 10px 3px;}
#middleColumn .postZone .announcePeriod li{float:left; color:#666; margin-right:10px;}
/* make a post ends */

/* message threads */
.messThreadsList .messThread{background:#fff/*url(../images/tri_big.png) top left no-repeat*/; padding:19px 0 17px 38px; font-size:13px; margin-bottom:17px;
position:relative; color:#666; line-height:135%; box-shadow:5px 5px 6px #D5D5D5; behavior:url(assets/PIE.htc);}
.messThreadsList .messThread.new{background-image:url("../images/border_blue.png"); background-repeat:repeat-y;}
.messThreadsList .messThumb{float:left; width:48px;height:48px;object-fit: cover;}
.messThreadsList .newMessItem{float:left; width:530px; margin-left:13px;}
.messThreadsList .message{margin:8px 0 0px 0; font-size:15px;}
.messThreadsList .message p{color:#000; word-wrap:break-word; line-height:1.4em;}
.messThreadsList .message a{color:#1380ca;}
.messThreadsList .iconAnnounce{margin-right:3px; margin-bottom:-2px;}
.messThreadsList .infoActions{font-size:11px; margin-top:5px;}
/**/.messThreadsList .infoActions{height:18px \9; line-height:18px \9;}
.messThreadsList .color555{color:#555;}
.messThreadsList .pinkText{color:#EB008B; margin-right:15px;}
.messThreadsList .actions{color:#998675; margin-right:10px;}
.messThreadsList .qMarks{margin:10px 0; line-height:18px; font-size:11px;}
.messThreadsList .oldMess{background:#F1F2F0; height:30px; line-height:30px; color:#1380ca; font-size:11px; margin-bottom:4px;}
.messThreadsList .oldMess a{color:#1380ca; padding-left:7px;}
.messThreadsList .leaveAMess{background:#E6E6E6; padding:7px;}
.messThreadsList .leaveAMess textarea{border:1px solid #ccc; resize:none; display:block; width:504px; height:16px;/*26-10*/ font-size:15px; padding:5px;
overflow:hidden;}
.messThreadsList .leaveAMess button{border:solid #000 1px; color:#fff; background:#666; cursor:pointer; width:80px; padding:2px 0;
line-height:1em; *padding:4px 0 0 0; position:absolute; left:432px; top:-4px;}
.messThreadsList .messThread .bookmark{position:absolute; left:0px; top:0px;}
.messThreadsList .messThread .triangle{position:absolute; left:0; top:0;}
/**/
.messThreadsList .linkContent{margin-top:10px; font-size:11px;}
.messThreadsList .linkContent .linkPic img{max-width:120px; max-height:90px; float:left; margin-right:10px;}
.messThreadsList .linkContent ul{/*width:400px; float:left;*/ overflow:hidden; /*display:table-cell;*/ max-width:520px;}
/*.messThreadsList .linkContent ul.noThumbnail{width:520px;}*/
.messThreadsList .linkContent li{word-wrap:break-word;}
.messThreadsList .linkContent h5{font-weight:bold; word-wrap:break-word; line-height:1.3em;}
.messThreadsList .linkContent h5 a{color:#1380ca; word-wrap:break-word;}
.messThreadsList .linkContent h6{color:#999; word-wrap:break-word; line-height:1.2em; padding:3px 0;}
/*by..?*/.getimg_width{max-width:120px; max-height:90px; float:left; margin-right:10px;}
/**/
.messThreadsList .attachmentsContent{padding-top:10px;}
.messThreadsList .attachmentsContent a img{max-width:92px; max-height:92px; border:1px solid #CCC; margin-right:5px;}
/**/
div.thumbChoosingContent{font-size:11px; line-height:160%; color:#333; margin-top:10px; overflow:hidden; display:none;}
.thumbChoosingContent .linkPic{float:left; margin-right:10px; width:120px;}
.thumbChoosingContent .linkPic img{max-width:120px; max-height:90px;}
.thumbChoosingContent ul{float:left; margin-right:10px; width:336px;}
.thumbChoosingContent ul.noThumbnail{width:466px;}
/**/.privateMess .thumbChoosingContent{width:591px;}
/**/.leaveAMess .thumbChoosingContent ul{width:322px;}
/**/.leaveAMess .thumbChoosingContent ul.noThumbnail{width:452px;}
.thumbChoosingContent h5{font-weight:bold; word-wrap:break-word;}
.thumbChoosingContent h5 a{color:#1380ca;}
.thumbChoosingContent h6{color:#4C4C4C; *font-weight:normal; word-wrap:break-word;}
.thumbChoosingContent .choosing{margin-top:10px;}
.thumbChoosingContent .choosing a{background:url("../images/thumbnail.png") no-repeat; display:inline-block; height:16px; width:27px; float:left;}
.thumbChoosingContent .choosing a{*display:inline;}
.thumbChoosingContent a.nextThumb{background-position:-28px 0;}
.thumbChoosingContent span{font-size:12px; color:#111;}
.thumbChoosingContent .choosing span{margin-left:5px; color:#808080;}
/**/
.messThreadsList .messReply{background:#F2F1F0; margin-bottom:4px; *margin-bottom:2px; padding:8px; /*border-left:3px solid #95BDED;*/ position:relative;}
.messThreadsList .messReply.new{background-image:url("../images/border_blue.png"); background-repeat:repeat-y;}
/**/.messThreadsList .messReply .triangle{display:none;}
.messThreadsList .messReply .messThumb33{width:33px; float:left;}
.messThreadsList .messReply .messContent{font-weight:normal; float:left; width:473px; margin-left:5px; font-size:12px; word-wrap:break-word;}
.messThreadsList .messReply .message{word-wrap:break-word; /*overflow:hidden;*/ font-size:13px; /**/margin-top:0;}
/*.messThreadsList .messReply .linkContent ul{width:343px;}*/
/*.messThreadsList .messReply .linkContent ul.noThumbnail{width:473px;}*/
.messThreadsList .messReply .hiddenInfoActions{display:inline-block;}
.messThreadsList .messReply .hiddenInfoActions{*display:inline;}
.messThreadsList .messReply .hiddenInfoActions *{visibility:hidden;}
.messThreadsList .messReply .hiddenInfoActions:hover *{visibility:visible;}
.messThreadsList .messReply .qMarks{margin:10px 0 0 0;}
.messThreadsList .messReply .bookmark{right:5px;}
/**/
.messThreadsList .messReply .replyToWrap{position:relative;}
.messThreadsList .messReply .talkBoxPaPa{width:500px; position:absolute; bottom:18px; left:-7px; display:none; z-index:60;}
.messThreadsList .messReply .talkBox{background:#000; border-radius:5px; padding:5px 10px; color:#fff; font-size:12px; display:inline-block; min-width:25px; /**/max-width:100%; behavior:url(assets/PIE.htc);}
.messThreadsList .messReply .talkBoxTri{margin-left:13px; display:block;}
/**/
.messThreadsList .actionsList{position:relative; display:inline-block;}
.messThreadsList .actionsList{*display:inline;}
.messThreadsList .actionsList ul{position:absolute; left:0; top:15px; background:#f2f2f2; border:solid 1px #ccc; z-index:10;}
.messThreadsList .actionsList ul a{color:#3d3d3d; display:block; width:110px; height:20px; line-height:20px; padding:3px 5px;}
.messThreadsList .actionsList ul a:hover{background:#ccc; text-decoration:none;}
/* stupid way to avoid IE7 z-index */
.messThreadsList .actionsList ul{*width:240px;}
.messThreadsList .actionsList li{*float:left;}
.messThreadsList .actionsList ul a{*padding:0px 5px;}
.messThreadsList .actionsList ul{*top:-100px; *left:-3px;}
/* stupid way to avoid IE7 z-index ends*/
.leaveAMess h3{/*color:#1380ca;*/ font-size:11px; font-weight:bold; margin:15px 0 0px 3px; display:none; position:relative;}
.leaveAMess h3 a{color:#01317E; margin-left:7px; font-weight:normal; /**/cursor:default;}
.leaveAMess h3 a:hover{text-decoration:none;}
.leaveAMess h2{color:#111; font-size:12px; padding-left:5px; *font-weight:normal;}
/**/
.messThreadsList .moreThreads{text-align:center; padding:0; /**position:static;*/ height:50px;}
.messThreadsList .moreThreads:hover{background-color:#e6e6e6;}
.messThreadsList .moreThreads a{display:block; height:50px; line-height:50px; color:#333; font-size:13px; font-weight:bold;}
/**/.messThreadsList .moreThreads .loadingCircle{margin-top:18px;}
/* message threads ends */

/* other threads start here--------------------------------------------------------------------------------------------------- */
#middleColumn .mainTitle{height:50px; line-height:50px; background:#fff; padding-left:34px; position:relative; margin-bottom:15px; /**/display:none;}
#middleColumn .mainTitle span{font-size:19px; font-weight:bold; color:#222;}
#middleColumn .mainTitle a.btn{background:#76B900; color:#FFF; display:block; height:20px; line-height:20px; text-align:center; font-size:12px;
padding:0 0.5em; position:absolute; right:15px; top:15px;}
#middleColumn .mainTitle a.btn:hover{background:#6EA000; text-decoration:none;}
/**/
#middleColumn .privateMess{background:#fff url(../images/tri_big.png) top left no-repeat; padding:27px 0px 13px 38px; margin-bottom:15px;}
#middleColumn .privateMess .reciverZone{width:589px; min-height:24px; line-height:24px; border:solid 1px #ccc; margin-bottom:5px; padding-top:4px; position:relative;}
#middleColumn .privateMess .reciverZone input{width:150px; height:19px; border:none; *border:0; padding-left:3px; background:transparent; *background:url(../images/trans.png) repeat-x;}
#middleColumn .privateMess .reciver{display:inline-block; background-color:#808080; height:19px; line-height:22px; color:#FFF; font-size:12px; margin:0 0 3px 3px;
padding-left:6px; *line-height:19px; *margin:0 0 6px 6px;}
#middleColumn .privateMess .reciver{*display:inline;}
#middleColumn .privateMess .reciver a{display:inline-block; width:20px; height:100%; background:#ccc url(../images/cross_white.png) 50% 50% no-repeat; margin-left:6px;
text-indent:-5000px; vertical-align:top;}
#middleColumn .privateMess .reciver a{*display:inline;}
#middleColumn .privateMess .reciver a:hover{background:#ccc url(../images/cross_rollover.png) 50% 50% no-repeat;}
#middleColumn .privateMess textarea{width:583px; min-height:40px;/*46-6*/ overflow:hidden; resize:none; border:1px solid #ccc; padding:3px; font-size:15px;
line-height:18px;}
#middleColumn .privateMess textarea.original{min-height:20px; padding-top:10px; font-size:15px; letter-spacing:2px;}

#middleColumn .js_showinput_user .reciver{*display:inline;}
#middleColumn .js_showinput_user .reciver a{display:inline-block; width:20px; height:20px; background:#ccc url(../images/cross_white.png) 50% 50% no-repeat; margin-left:6px;
text-indent:-5000px; vertical-align:top;}
#middleColumn .js_showinput_user .reciver a{*display:inline;}
#middleColumn .js_showinput_user .reciver a:hover{background:#ccc url(../images/cross_rollover.png) 50% 50% no-repeat;}

/* new message notice */
.newMessListMC .messThread{background:#fff url(../images/tri_big.png) top left no-repeat; padding:17px 0 17px 60px; font-size:13px; margin-bottom:15px;
position:relative; color:#333; line-height:135%; box-shadow:5px 5px 6px #D5D5D5; behavior:url(assets/PIE.htc);}
.newMessListMC .messThread h2{font-size:12px; margin-left:-18px; font-weight:normal;}
.newMessListMC .messZone{width:457px;/*465-8*/ margin:7px 0 15px 0; padding-left:8px;}
.newMessListMC .messThumb{width:33px; float:left;}
.newMessListMC .messContent{font-size:12px; line-height:15px; float:left; width:410px; margin-left:10px; word-wrap:break-word;}
.newMessListMC .message{height:75px; word-wrap:break-word; overflow:hidden;}
.newMessListMC .time{color:#555; font-size:11px; display:block; margin-top:5px;}
.newMessListMC .seeFullMess{width:439px;/*444-5*/ height:29px; line-height:29px; border-bottom:solid 1px #ddd; background:#EBEBEB; padding-left:5px;}
.newMessListMC .seeFullMess a{font-size:11px; color:#1380ca;}
.newMessListMC .seeFullMessPink{border-top:solid 1px #000; padding-top:8px; width:465px;}
.newMessListMC .seeFullMessPink a{color:#EB008B; font-size:11px;}
/* new message notice ends */

/* group */
#middleColumn .groupTitle{background:#fff; padding:20px; margin-bottom:17px; position:relative; font-size:12px; box-shadow:5px 5px 6px #D5D5D5;}
#middleColumn .groupTitle h2{font-size:22px; width:400px; word-wrap:break-word; overflow:hidden;}
/*fix mac safari*/#middleColumn .groupTitle h2{padding-top:2px;}
#middleColumn .groupTitle h3{font-weight:bold; margin:2px 0 8px 0;}
#middleColumn .groupTitle h4 a{color:#998675;}
#middleColumn .groupTitle .dropOut{display:block; width:33px;/*68-35*/ height:20px; line-height:20px; padding-left:35px; background:#ccc url(../images/minus_icon.png) 9px 9px no-repeat;
color:#fff; font-size:13px; position:absolute; top:20px; right:20px;}
#middleColumn .groupTitle .dropOut:hover{background-color:#999; text-decoration:none;}
#middleColumn .groupTitle .btnJoin{background:#76B900 url(../images/plus_icon.png) no-repeat 9px 5px; color:#FFF; font-size:13px; display:block; width:60px;
height:20px; line-height:20px; padding-right:8px; text-align:right; position:absolute; top:20px; right:20px;}
#middleColumn .groupTitle .btnJoin:hover{background-color:#6EA000; text-decoration:none;}
#middleColumn .groupTitle .groupEmail{display:block; margin-top:3px;}
#middleColumn .groupTitle .groupEmail a{color:#1380ca;}
/**/
#middleColumn .groupEditTitle{display:block;}
/**/
#middleColumn .groupEdit{background:#fff url(../images/tri_big.png) top left no-repeat; padding:17px 0 0 34px; font-size:12px; color:#111;}
#middleColumn .groupEdit th{padding:6px 70px 15px 0; vertical-align:top; text-align:left;}
#middleColumn .groupEdit td{padding:0px 0px 15px 0px; vertical-align:top;}
#middleColumn .groupEdit li{margin-bottom:3px;}
#middleColumn .groupEdit .evenLi{margin-bottom:20px;}
#middleColumn .groupEdit button{background:#76B900; color:#FFF; padding:0 0.5em; border:none; padding:0.3em 0.7em \9; *padding:0.3em 0.3em 0;}
#middleColumn .groupEdit button:hover{background:#6EA000; cursor:pointer;}
#middleColumn .groupEdit input[type="text"]{border:solid 1px; border-color:#A0A3A6 #D2D2D2 #D2D2D2 #A0A3A6; width:350px;}
#middleColumn .groupEdit textarea{border:solid 1px; border-color:#A0A3A6 #D2D2D2 #D2D2D2 #A0A3A6; width:340px;/*350-10*/ resize:none;
font-size:12px; line-height:16px; padding:5px; min-height:100px;}
/**/
#middleColumn .groupList{background:#fff url(../images/tri_big.png) top left no-repeat;}
#middleColumn .groupTableWrap{padding:33px 0px 25px 25px;}
#middleColumn .groupList table{text-align:left; table-layout:fixed;}
#middleColumn .groupList table *{text-align:left;}
#middleColumn .groupList thead{border-top:1px solid #DDD; border-bottom:1px solid #DDD; font-size:15px; line-height:2em; padding: 0 0 0 6px;}
#middleColumn .groupList thead th{background:#999; padding-left:5px;}
#middleColumn .groupList thead th{*border-top:1px solid #DDD; *border-bottom:1px solid #DDD;}
#middleColumn .groupList thead th:last-child{padding-left:0px;}
#middleColumn .groupList thead a{color:#fff; padding-right:18px; font-weight:bold;}
#middleColumn .groupList thead a.active{background:url(../images/icon_sort_down.png) no-repeat right 2px;}
#middleColumn .groupList tbody{font-size:12px;}
#middleColumn .groupList tbody tr{line-height:30px;}
#middleColumn .groupList tbody th{padding:5px 10px 0 0px; word-wrap:break-word; border-bottom:1px solid #DDD; padding-left:5px; position:relative;}
#middleColumn .groupList tbody th a{color:#4d4d4d; font-weight:bold; line-height:1.7em;}
#middleColumn .groupList tbody th img{position:relative; top:3px; left:3px;}
#middleColumn .groupList tbody td{color:#4d4d4d; border-bottom:1px solid #DDD; padding-left:5px;}
#middleColumn .groupList tbody td:last-child{padding-left:0px;}
#middleColumn .groupList tbody td a{color:#4d4d4d;}
#middleColumn .groupList .btnJoin{background:#76B900 url(../images/plus_icon.png) no-repeat 9px 5px; color:#FFF; font-size:13px; display:block; width:50px;
height:20px; line-height:20px; padding-right:8px; text-align:right;}
#middleColumn .groupList .btnJoin:hover{background-color:#6EA000; text-decoration:none;}
#middleColumn .groupList .btnDropout{background:#CCC url(../images/minus_icon.png) no-repeat 9px 9px; color:#FFF; font-size:13px; display:block; width:50px;
height:20px; line-height:20px; padding-right:8px; text-align:right;}
#middleColumn .groupList .btnDropout:hover{background-color:#999; text-decoration:none;}
#middleColumn .groupList tfoot td{padding:8px 0; border-bottom:1px solid #DDD; padding-left:5px;}
#middleColumn .groupList tfoot td a{color:#4d4d4d; font-size:12px;}

#middleColumn .groupList .btnPinJoin{background:#76B900 url(../images/plus_icon.png) no-repeat 9px 5px; color:#FFF; font-size:13px; display:block; width:50px;
height:20px; line-height:20px; padding-right:8px; text-align:right;}
#middleColumn .groupList .btnPinJoin:hover{background-color:#6EA000; text-decoration:none;}
#middleColumn .groupList .btnPinDropout{background:#CCC url(../images/minus_icon.png) no-repeat 9px 9px; color:#FFF; font-size:13px; display:block; width:50px;
height:20px; line-height:20px; padding-right:8px; text-align:right;}
#middleColumn .groupList .btnPinDropout:hover{background-color:#999; text-decoration:none;}
/* group ends */

/* admin */
#middleColumn .adminFunctionWrap .tabNavigator li a{padding: 0 15px 0 25px;}
#middleColumn .adminInnerWrap{padding:15px; background:#fff url(../images/tri_big.png) top left no-repeat; min-height:690px;}
#middleColumn .adminInnerWrap li{border-bottom:1px solid #B3B3B3; min-height:65px; line-height:65px;}
#middleColumn .adminTitle{font-size:18px; font-weight:bold;}
#middleColumn .adminInnerWrap dt{float:left; width:105px; font-weight:bold; font-size:14px; text-align:right; margin-right:30px;}
#middleColumn .adminInnerWrap dd{font-size:12px; float:left; padding:16px 0 11px; width:450px;}
#middleColumn .adminInnerWrap dd{*float:none;}
#middleColumn .adminInnerWrap dd input[type="text"]{width:160px; height:24px; border:1px solid; border-color:#A0A3A6 #D2D2D2 #D2D2D2 #A0A3A6; padding:3px 2px; float:left;
border-right:none;}
#middleColumn .adminInnerWrap dd button{width:32px; height:32px; background:#CCC url(../images/plus_icon.png) no-repeat 11px 10px; cursor:pointer;
border:#333 solid 1px; border-left:none; border-left:0; padding:0px; float:left;}
#middleColumn .adminInnerWrap dd div{line-height:24px; margin-bottom:5px;}
#middleColumn .adminInnerWrap dd span{background:#808080; color:#FFF; padding:0px 10px; margin-right:5px; display:inline-block; max-width:300px; word-wrap:break-word;}
#middleColumn .adminInnerWrap dd span{*display:inline;}
#middleColumn .adminInnerWrap dd a{background:#CCC; border:1px solid #333; color:#FFF; padding:4px 10px;}
#middleColumn .adminInnerWrap dd h5{float:left; margin:3px 0 15px; line-height:1em; color:#777; *width:300px;}
#middleColumn .adminInnerWrap dd h3{line-height:1em; margin-top:8px;}
/**/
#middleColumn li.authorityTitle{border:none;}
#middleColumn .adminInnerWrap .setupSquare{border:solid 1px #B3B3B3; margin-bottom:30px;}
#middleColumn .adminInnerWrap .blockTitle{background:#999; height:40px; min-height:40px; line-height:40px; color:#fff; font-size:15px; padding-left:15px;
border-bottom:solid 1px #B3B3B3;}
#middleColumn .adminInnerWrap .borderB{border-bottom:solid 1px #B3B3B3;}
#middleColumn .adminInnerWrap dd.noPT16{padding-top:0;}
#middleColumn .adminInnerWrap dd.PT20{padding-top:20px;}
#middleColumn .adminInnerWrap .colorPicker{display:block; width:25px; height:24px; padding:0; border:none; background:#000 url(../images/picker.gif) no-repeat; float:left;}
#middleColumn .adminInnerWrap .rgb{width:55px !important; margin-left:5px;}
#middleColumn .adminInnerWrap .colorPatten{margin:0; padding-top:3px;}
#middleColumn .adminInnerWrap .colorPatten a{display:inline-block; width:24px; height:18px; padding:0; border:solid 1px #000; margin:0px 3px 0 0;}
#middleColumn .adminInnerWrap .cpWhite{background:#fff;}
#middleColumn .adminInnerWrap .cpBlack{background:#000;}
#middleColumn .adminInnerWrap .cpGray{background:#999;}
/*fix rails added form*/#middleColumn .adminInnerWrap form{border-top:dashed #fff 1px;}
/* data & style */
#middleColumn .dataAndStyle dd input[type="text"]{width:300px; height:30px; border:solid 1px; border-color:#A0A3A6 #D2D2D2 #D2D2D2 #A0A3A6;}
#middleColumn .dataAndStyle dd input[type="file"]{display:block; margin-top:5px \9;}
#middleColumn .dataAndStyle dd{padding:19px 0 0px;}
#middleColumn .dataAndStyle button{background:#76B900; border:none; border:0; color:#FFF; cursor:pointer; width:100px; padding:3px 0px; margin:15px 0 30px 135px;}
#middleColumn .dataAndStyle button:hover{background:#6EA000;}
/* data & style ends */
/**/.modcoderDD{line-height:1em;}
/**/.modcoderDD input[type="text"]{padding:2px 0 0 !important; *float:none !important; *margin-left:-3px;}
/* admin ends */

/* user list */
#middleColumn .userListWrap{background:#fff url(../images/tri_big.png) top left no-repeat; padding:25px; min-height:730px;}
#middleColumn .userListWrap table{table-layout:fixed;}
#middleColumn .userListWrap td{table-layout:fixed; border-bottom:1px solid #DDD; word-wrap:break-word;}
#middleColumn .userListWrap thead{border-top:1px solid #DDD; font-size:15px; line-height:2em; padding: 0 0 0 6px;}
#middleColumn .userListWrap thead td{background:#999;}
#middleColumn .userListWrap thead td a{color:#fff;}
#middleColumn .userListWrap thead a{color:#B3B3B3; padding-right:18px; font-weight:bold;}
#middleColumn .userListWrap thead a.active{background:url(../images/icon_sort_down.png) right center no-repeat;}
#middleColumn .userListWrap tbody td{padding:6px 10px 6px 0; font-size:12px; color:#4D4D4D; line-height:16px; vertical-align:top;}
#middleColumn .userListWrap tbody td a{color:#4D4D4D;}
#middleColumn .userListWrap tbody img{width:48px; height:48px;}
#middleColumn .userListWrap .taCenterTD{text-align:center;}
#middleColumn .userListWrap tfoot td{padding:8px 0; border-bottom:1px solid #DDD; padding-left:5px;}
#middleColumn .userListWrap tfoot td a{color:#4d4d4d; font-size:12px;}
/* user list ends */

/* invite new */
#middleColumn .inviteNewWrap{padding:25px 15px 15px 35px; background:#fff url(../images/tri_big.png) top left no-repeat; min-height:720px;}
#middleColumn .inviteNewWrap li{margin-bottom:10px;}
#middleColumn .inviteNewWrap input{font-size:13px; border:solid 1px; border-color:#A0A3A6 #D2D2D2 #D2D2D2 #A0A3A6; text-align:right; width:125px; padding:3px 2px;}
#middleColumn .inviteNewWrap strong{font-size:12px; margin-left:5px; color:#111;}
#middleColumn .inviteNewWrap button{background:#4D4D4D; border:1px solid #000; color:#FFF; cursor:pointer; line-height:1em; padding:2px 6px 4px; *padding:5px 0 0 0;}
/* invite new ends */

/* tag list */
#middleColumn .tagListWrap .tabNavigator{display:block;}
/**/
#middleColumn .tagListWrap{background:#fff url(../images/tri_big.png) top left no-repeat; min-height:750px;}
#middleColumn .tagInnerWrap{padding:25px 34px;}
#middleColumn .tagListWrap table{table-layout:fixed;}
#middleColumn .tagListWrap td{border-bottom:solid 1px #111; padding:6px 10px 6px 0; width:33%; word-wrap:break-word; vertical-align:top;}
#middleColumn .tagListWrap td:last-child{padding-right:0;}
#middleColumn .tagListWrap td a{font-size:13px; color:#000; line-height:28px; background:#E6E6E6;}
#middleColumn .tagListWrap td a:hover{text-decoration:none;}
#middleColumn .tagListWrap td .spanWrap{display:inline-block; float:left; width:80%; *width:79.9%;}
#middleColumn .tagListWrap td .spanWrap{*display:inline;}
#middleColumn .tagListWrap td .spanWrap span{display:block; padding:0 7px;}
#middleColumn .tagListWrap td strong{float:left; color:#EB008B; background:#D8D2D0; width:20%; height:28px; line-height:28px; text-align:center;}
/* tag list ends */

/* vote */
#middleColumn .voteShow{display:block;}
#middleColumn .voteMessage p{font-weight:bold;}
#middleColumn .voteMessage p *{font-weight:bold;}
#middleColumn .voteOptions{margin-top:5px; color:#111;}
/**/
#middleColumn .voteOptions li{font-size:11px;}
#middleColumn .voteOptions li h3{clear:both;}
#middleColumn .voteOptions li .percentBar{float:left; width:220px; border:solid 1px #ccc; margin:0 5px 5px 0; padding:1px;}
#middleColumn .voteOptions li .percentBar div{height:12px; background:#76B900; width:50%;}
/**/
#middleColumn .voteOptions td{vertical-align:top;}
#middleColumn .voteOptions input[type="radio"]{display:block; margin:2px 3px 0 0; margin:0 3px 0 0 \9;}
#middleColumn .voteOptions label{display:block; width:400px;}
#middleColumn .voteOptions button{background:#4D4D4D; border:1px solid #000; color:#FFF; cursor:pointer; padding:0; line-height:1em; margin-top:7px; padding:2px 4px; *padding:4px 4px 0;}
#middleColumn .voteOptions .result{margin-top:5px;}
#middleColumn .voteOptions .result *{font-size:11px;}
/* vote ends */

/* personal */
#middleColumn .personalThreadsWrap .tabNavigator{display:block;}
/**/
#middleColumn .personalTitle{line-height:1em; height:62px; padding:26px 15px 15px; background:#fff url(../images/tri_big.png) no-repeat left top; display:block;}
#middleColumn .personalTitle img{float:left; height:54px; margin:0 10px 0 22px;}
#middleColumn .personalTitle .pTitle{float:left;}
#middleColumn .personalTitle h2{font-size:30px; line-height:1em; margin-bottom:5px;}
#middleColumn .personalTitle h3{font-size:19px; line-height:1em;}
#middleColumn .personalTitle .btns{position:absolute; right:24px; top:22px;}
#middleColumn .personalTitle a.btn{position:static; width:72px; margin-bottom:5px;}
#middleColumn .personalThreadsWrap .messThreadsList>li:first-child .triangle{display:none;}
#middleColumn .personalThreadsWrap #firstMessThread .triangle{display:none;}
#middleColumn .personalThreadsWrap .newMessItem h2 span{color:#404040; font-size:11px;}
#middleColumn .personalThreadsWrap .personalFileImg{max-width:92px; max-height:92px;}
/* personal ends */

/* personal edit */
#middleColumn .personalEditWrap .tabNavigator{display:block;}
/**/
#middleColumn .personalEditWrap{font-size:14px; color:#111;}
#middleColumn .personalEditWrap table{table-layout:fixed; width:100%;}
#middleColumn .personalEditWrap th{border-bottom:solid 1px #B3B3B3; padding:10px 0 10px 0; width:130px; text-align:left; vertical-align:middle;}
#middleColumn .personalEditWrap td{border-bottom:solid 1px #B3B3B3; padding:10px 0 10px 0;}
#middleColumn .personalEditWrap th img{border:5px solid #76B900; width:96px;}
#middleColumn .personalEditWrap .verticalAM{vertical-align:middle; line-height:18px;}
#middleColumn .personalEditWrap .verticalAT{vertical-align:top; padding-top:17px;}
#middleColumn .personalEditWrap input[type="text"]{border:solid 1px; border-color:#A0A3A6 #D2D2D2 #D2D2D2 #A0A3A6; padding:3px 2px;}
#middleColumn .personalEditWrap .lastTR th, #middleColumn .personalEditWrap .lastTR td{border:none;}
#middleColumn .personalEditWrap button{background:#76B900; color:#FFF; height:20px; line-height:1em; margin:0; padding:2px 5px 4px; cursor:pointer;
border:none; *border:0; *padding:4px 5px;}
#middleColumn .personalEditWrap button:hover{background:#6EA000;}
#middleColumn .personalEditWrap h4{font-size:15px; font-weight:bold; margin-bottom:18px;}
#middleColumn .personalEditWrap textarea{resize:none; width:280px; height:100px; border:solid 1px; border-color:#A0A3A6 #D2D2D2 #D2D2D2 #A0A3A6; padding:4px;
font-size:12px; line-height:16px; overflow:hidden \9;}
#middleColumn .personalEditWrap select{font-size:12px; vertical-align:top; height:20px;}
#middleColumn .accountInfoWrap{background:#fff; min-height:720px; padding:15px 34px;}
#middleColumn .personalInfoWrap input[type="text"]{width:280px}
#middleColumn .personalInfoWrap .infoZone1{background:#fff; margin-bottom:17px; padding:17px 34px 17px 34px;}
#middleColumn .personalInfoWrap .infoZone2{background:#fff url(../images/tri_big.png) no-repeat left top; margin-bottom:17px; padding:17px 34px 17px 34px;}
#middleColumn .personalInfoWrap .infoZone2 h4{margin-bottom:25px;}
#middleColumn .personalInfoWrap .infoZone2 th, #middleColumn .personalInfoWrap .infoZone2 td{border:none; padding:0 0 15px 0; vertical-align:middle;}
#middleColumn .personalInfoWrap input.w125{width:125px;}
#middleColumn .personalInfoWrap input.w40{width:40px;}
#middleColumn .personalInfoWrap .experienceWrap{margin-bottom:30px;}
#middleColumn .personalInfoWrap .tableWrap{background:#F1F2F0; border:1px solid #CCC; padding:25px 0 0 15px; margin-bottom:5px; position:relative;}
#middleColumn .personalInfoWrap .addMoreData{display:block; color:#1380ca; background:url(../images/icons_sprites.png) no-repeat 0 -402px; padding:1px 0 0 20px;}
#middleColumn .personalInfoWrap .delData{color:#1380ca; position:absolute; top:10px; right:10px; *line-height:16px;}
#middleColumn .personalInfoWrap .infoZone2 .btnSave{text-align:right;}
/**/
#middleColumn .pwChangeWrap{background:#fff; min-height:720px; padding:15px 34px;}
#middleColumn .pwChangeWrap input[type="text"]{width:280px}
#middleColumn .pwChangeWrap th{vertical-align:baseline;}
#middleColumn .pwChangeWrap td span{color:#666; margin-top:3px; display:block; font-size:11px;}
/* personal edit ends */

/* group purchase */
#middleColumn .gPurchaseListWrap{background:#fff url(../images/tri_big.png) no-repeat top left; padding:33px 0 25px 25px;}
#middleColumn .gPurchaseListWrap table{padding:10px; text-align:left; table-layout:fixed;}
#middleColumn .gPurchaseListWrap table *{text-align:left;}
#middleColumn .gPurchaseListWrap thead{border-top:1px solid #666; border-bottom:1px solid #666; font-size:15px; line-height:2em; padding: 0 0 0 6px;}
#middleColumn .gPurchaseListWrap thead th{background:#999; padding-left:5px;}
#middleColumn .gPurchaseListWrap thead th{*border-top:1px solid #666; *border-bottom:1px solid #666;}
#middleColumn .gPurchaseListWrap thead a{color:#fff; padding-right:18px; font-weight:bold;}
#middleColumn .gPurchaseListWrap thead a.active{background:url(../images/icon_sort_down.png) no-repeat right 2px;}
#middleColumn .gPurchaseListWrap tbody{font-size:12px;}
#middleColumn .gPurchaseListWrap tbody tr{line-height:30px;}
#middleColumn .gPurchaseListWrap tbody th{padding:10px 10px 10px 5px; word-wrap:break-word; border-bottom:1px solid #DDD;}
#middleColumn .gPurchaseListWrap tbody th a{color:#4d4d4d; font-weight:bold; line-height:15px;}
#middleColumn .gPurchaseListWrap tbody th img{margin-left:5px;}
#middleColumn .gPurchaseListWrap tbody td{color:#4d4d4d; border-bottom:1px solid #DDD; padding-left:5px;}
#middleColumn .gPurchaseListWrap tbody td a{color:#4d4d4d;}
#middleColumn .gPurchaseListWrap .btnJoin{background:#76B900 url(../images/plus_icon.png) no-repeat 9px 5px; color:#FFF; font-size:13px; display:block; width:60px;
height:20px; line-height:20px; padding-right:8px; text-align:right;}
#middleColumn .gPurchaseListWrap .btnJoin:hover{background-color:#6EA000; text-decoration:none;}
#middleColumn .gPurchaseListWrap .btnDropout{background:#CCC url(../images/minus_icon.png) no-repeat 9px 9px; color:#FFF; font-size:13px; display:block; width:60px;
height:20px; line-height:20px; padding-right:8px; text-align:right;}
#middleColumn .gPurchaseListWrap .btnDropout:hover{background-color:#999; text-decoration:none;}
#middleColumn .gPurchaseListWrap tfoot td{padding:8px 0; border-bottom:1px solid #DDD; padding-left:5px;}
#middleColumn .gPurchaseListWrap tfoot td a{color:#4d4d4d; font-size:12px;}
#middleColumn .gPurchaseListWrap .on{color:#76b900;}
#middleColumn .gPurchaseListWrap .off{color:#f00;}
/**/
#middleColumn .addPurchaseWrap{background:#fff url(../images/tri_big.png) no-repeat top left; padding:34px 0 34px 34px; font-size:14px;}
#middleColumn .addPurchaseWrap table{text-align:left; table-layout:fixed;}
#middleColumn .addPurchaseWrap th{vertical-align:top; padding-top:4px;}
#middleColumn .addPurchaseWrap td{padding-bottom:5px; line-height:20px;}
#middleColumn .addPurchaseWrap td.vm *{vertical-align:middle \9;}
#middleColumn .addPurchaseWrap textarea{width:400px; resize:none; border:solid 1px #808080; padding:3px; min-height:70px; line-height:20px;}
#middleColumn .addPurchaseWrap a{color:#000;}
#middleColumn .addPurchaseWrap input[type="text"]{border:solid 1px #808080; height:20px; padding:0 3px;}
#middleColumn .addPurchaseWrap input.item{width:280px;}
#middleColumn .addPurchaseWrap input.price{width:70px;}
#middleColumn .addPurchaseWrap label{margin-right:10px;}
#middleColumn .addPurchaseWrap .pb30{padding-bottom:30px; *line-height:16px;}
#middleColumn .addPurchaseWrap .btnCreat{background:#76B900; color:#FFF; border:none; border:0; line-height:20px; padding:0 25px; cursor:pointer; *padding:0 15px;}
#middleColumn .addPurchaseWrap .btnCreat:hover{background:#6EA000;}
/**/
#middleColumn .groupPurchase h3{font-weight:bold;}
#middleColumn .groupPurchase h4{font-weight:bold; color:#ED1C24; margin:10px 0;}
#middleColumn .groupPurchase h5{font-weight:bold; color:#808080; margin:10px 0;}
#middleColumn .groupPurchase table{text-align:left; table-layout:fixed;}
#middleColumn .groupPurchase th{padding:0 0 15px 0; word-wrap:break-word; text-align:left; font-weight:bold;}
#middleColumn .groupPurchase td{padding-bottom:15px; word-wrap:break-word; text-align:left;}
#middleColumn .groupPurchase .add{display:block; width:20px; height:20px; background:#76b900 url(../images/plus_icon.png) no-repeat 50% 50%; margin-bottom:-5px;}
#middleColumn .groupPurchase .add:hover{background-color:#6EA000;}
#middleColumn .groupPurchase .del{display:block; width:20px; height:20px; background:#ccc url(../images/minus_icon.png) no-repeat 50% 50%; margin-bottom:-5px;}
#middleColumn .groupPurchase .del:hover{background-color:#999;}
#middleColumn .groupPurchase td.numbers{text-align:center; padding:0 5px 15px;}
#middleColumn .groupPurchase .btns{margin-bottom:10px;}
#middleColumn .groupPurchase .btns a{background:#76b900; color:#fff; padding:2px 20px;}
#middleColumn .groupPurchase .btns a:hover{background:#6EA000; text-decoration:none;}
#middleColumn .groupPurchase a.btnCancel{background:#ccc;}
#middleColumn .groupPurchase a.btnCancel:hover{background:#999;}
#middleColumn .groupPurchase .attach{margin-bottom:20px;}
#middleColumn .groupPurchase .attach a{color:#000;}
#middleColumn .groupPurchase th input[type="text"]{width:190px;}
#middleColumn .groupPurchase td.numbers span{color:#9E9E9E;}
#middleColumn .groupPurchase td.numbers input[type="text"]{width:40px; padding:0 2px;}
/**/
#middleColumn ul.gPurchaseFinal{margin-bottom:30px;}
#middleColumn ul.gPurchaseFinal li{border-bottom:solid 2px #999;}
#middleColumn ul.gPurchaseFinal dl{margin-top:10px;}
#middleColumn ul.gPurchaseFinal dd{color:#ED1C24; padding-bottom:5px;}
#middleColumn ul.gPurchaseFinal dt{padding:10px 0 10px 0;}
#middleColumn ul.gPurchaseFinal dt a{background:#76b900; color:#fff; padding:2px 10px;}
#middleColumn ul.gPurchaseFinal dt a:hover{background:#6EA000; text-decoration:none;}
#middleColumn ul.gPurchaseFinal table{margin-top:10px;}
#middleColumn ul.gPurchaseFinal td{position:relative; padding:0 5px 10px 0;}
#middleColumn ul.gPurchaseFinal .accounts td{color:#76b900;}
#middleColumn ul.gPurchaseFinal .paid td{color:#D9D9D9;}
#middleColumn ul.gPurchaseFinal .amount a{position:relative; top:3px;}
#middleColumn ul.gPurchaseFinal input[type="checkbox"]{position:relative; top:2px;}
/* group purchase ends */

/* tab navigator */
#middleColumn .tabNavigator{/*background:#E8E7E6;*/ background:url(../images/bg.png) repeat; /**/display:none;}
#middleColumn .tabNavigator li{float:left;}
#middleColumn .tabNavigator li a{background:#998675 url(../images/tri_tab.png) no-repeat 0 0; color:#FFF; display:block; font-size:15px; height:28px;
line-height:28px; padding: 0 26px 0 35px;}
#middleColumn .tabNavigator li a.active{background-color:#FFF; color:#333;}
/* tab navigator ends */

/* message for first time login */
#middleColumn .firstTimeIn{background:#fff url("../images/tri_big.png") no-repeat left top; padding:19px 0 17px 38px; font-size:15px; margin-bottom:17px;
box-shadow:5px 5px 6px #D5D5D5; behavior:url(assets/PIE.htc);}
#middleColumn .firstTimeIn .firstTimeThumb{width:48px; height:48px; float:left;}
#middleColumn .firstTimeIn .firstTimeInRight{float:left; margin-left:13px; width:530px; line-height:1.3em;}
#middleColumn .firstTimeIn h4{margin:10px 0;}
#middleColumn .firstTimeIn h5{margin:0 0 3px;}
#middleColumn .firstTimeIn h4 a{background:#76B900; color:#FFF; display:inline-block; height:20px; line-height:22px; text-align:center; font-size:15px;
padding:2px 7px; margin-left:15px;}
#middleColumn .firstTimeIn h4 a:hover{background:#6EA000; text-decoration:none;}
/* message for first time login ends */

/* no messages */
#middleColumn .noMessages{background:#fff; text-align:center; height:50px; line-height:50px; font-size:16px;}
/* no messages ends */

/* advanced search */
#middleColumn .avSearchTitle{display:block;}
#middleColumn .avSearchWrap{background:#fff; padding:20px 40px 10px; font-size:13px; position:relative; margin-bottom:17px;}
#middleColumn .avSearchWrap th{font-weight:bold; text-align:right; padding-right:10px; width:60px; vertical-align:top; padding-top:5px;}
#middleColumn .avSearchWrap td{padding-bottom:10px;}
#middleColumn .avSearchWrap input[type="text"]{width:300px; display:block;}
#middleColumn .avSearchWrap input.datepicker{width:75px; display:inline;}
#middleColumn .avSearchWrap button{color:#fff; background:#76B900; border:none; cursor:pointer; position:absolute; right:15px; bottom:23px;
padding:0 10px; *padding:0; height:20px; line-height:20px;}
#middleColumn .avSearchWrap button:hover{background:#6EA000;}
/**/
#middleColumn .avSearchWrap .reciver{display:inline-block; background-color:#808080; height:19px; line-height:22px; color:#FFF; font-size:12px; margin:0 3px 5px 0px;
padding-left:6px; *line-height:19px;}
#middleColumn .avSearchWrap .reciver{*display:inline;}
#middleColumn .avSearchWrap .reciver a{display:inline-block; width:20px; height:100%; background:#ccc url(../images/cross_white.png) 50% 50% no-repeat; margin-left:6px;
text-indent:-5000px; vertical-align:top;}
#middleColumn .avSearchWrap .reciver a{*display:inline;}
#middleColumn .avSearchWrap .reciver a:hover{background:#ccc url(../images/cross_rollover.png) 50% 50% no-repeat;}
/* advanced search ends */
/* ============ middle column ends ============*/

/* ============ right column ============*/
#rightColumn{float:left; width:320px;/*260*/}
#rightColumn h3.titleBar{background:url(../images/right_bar.png) -18px 0 no-repeat; width:329px;/*347-18*/ height:39px; font-size:14px; line-height:31px; color:#222; font-weight:bold;
padding:0 0 0 10px;}
/**/
#rightColumn .networkLogoZone{/*height:103px; line-height:103px;*/ background:#fff; text-align:center; padding:15px 0; margin-bottom:15px;}
/*#rightColumn .networkLogoZone i{display:inline-block; width:0px; vertical-align:middle;}
#rightColumn .networkLogoZone i{*display:inline;}*/
#rightColumn .networkLogoZone img{max-width:230px; max-height:130px; vertical-align:middle;}
#rightColumn .networkLogoZone a{color:#666; font-size:12px;}
/**/
#rightColumn .announce{margin-bottom:20px; background:#F2F1F0; padding-bottom:10px;}
#rightColumn .announce h3 span{*float:left;}
#rightColumn .announce .more{font-size:11px; color:#808080; font-weight:normal; float:right; margin-right:20px;}
#rightColumn .announce li{border-bottom:solid 1px #B3B3B3; padding:7px; font-size:12px;}
#rightColumn .announce li:last-child{border-bottom:none;}
#rightColumn .announce .messThumb{float:left; width:33px;}
#rightColumn .announce .messContent{float:left; width:263px; margin-left:10px; font-size:13px; line-height:135%; word-wrap:break-word;}
#rightColumn .announce .message{height:75px; word-wrap:break-word; overflow:hidden;}
#rightColumn .announce .time{color:#555; font-size:11px; display:block; margin-top:5px; font-size:11px;}
#rightColumn .announce .time a{color:#998675;}
/**/
#rightColumn .facePile{background:#f2f2f2; padding-bottom:10px; margin-bottom:10px;}
#rightColumn .facePile h3 span{color:#666; font-size:0.9em;}
#rightColumn .facePile ul{padding:3px 6px 0; *padding-bottom:6px;}
#rightColumn .facePile li{float:left; margin:0 4px 6px;}
#rightColumn .facePile li img{width:36px; height:36px;object-fit: cover;}
/* group */
#rightColumn .facePile .invite{margin:0 9px; border:1px solid #ccc;}
#rightColumn .facePile .invite input{border:none; *border:0; width:150px; margin:0 0 3px 3px;}
#rightColumn .facePile .member{display:inline-block; background-color:#808080; height:19px; line-height:19px; color:#FFF; font-size:12px; margin:3px 0 3px 3px;
padding-left:6px;}
#rightColumn .facePile .member{*display:inline;}
#rightColumn .facePile .member a{display:inline-block; width:20px; height:100%; background:#ccc url(../images/cross_white.png) 50% 50% no-repeat; margin-left:6px;
text-indent:-5000px;}
#rightColumn .facePile .member a{*display:inline;}
#rightColumn .facePile .btnInvite{background:#4D4D4D; border:1px solid #000; color: #FFF; cursor: pointer; margin:5px 10px; padding:3px 4px;}
#rightColumn .facePile .btnInvite{*width:80px; *margin:3px 0 3px 10px; *padding:4px 0 0 0; *line-height:18px;}
#rightColumn .noadmin{border:1px solid #F6D67E; border-radius:3px 3px 3px 3px; padding:7px 10px; margin:0 9px; font-size:11px; line-height:15px; background:#FFFFF1; /*display:none;*/}
#rightColumn .noadmin a{color:#1380ca;}
/* group ends */

/* personal data */
#rightColumn .personalData{background:#F2F2F2; font-size:13px; color:#111; line-height:15px; padding-bottom:10px; overflow:hidden; margin-bottom:8px;}
#rightColumn .personalData p{padding:10px 6px 0;}
#rightColumn .personalData table{margin:10px 0 0 10px; width:305px;}
#rightColumn .personalData th{text-align:left; padding-bottom:5px; width:85px; *width:80px;}
#rightColumn .personalData td{padding:0 5px 5px 0; word-wrap:break-word; width:215px;}
#rightColumn .personalData td a{color:#335599;}
/* personal data ends */

/* announce period */
#rightColumn .announcePeriod{padding-top:10px; clear:both;}
#rightColumn .announcePeriod h4{color:#76b900; font-weight:bold; margin:0 0 10px 3px;}
#rightColumn .announcePeriod li{float:left; color:#666; margin:0 10px 5px 0; padding:0; border:none;}
#rightColumn .announcePeriod button{margin:5px 0 5px 3px; background:#666; border:1px solid #000; color:#FFF; cursor:pointer; line-height:1em; padding:2px 0; width:65px;}
#rightColumn .announcePeriod button{*padding:5px 0 0 0;}
/* announce period ends */

/* ============ right column ends ============*/

/* ============ login page ============*/
#loginPageBody{background:#fff;}

/* login pages header */
#loginHeaderWrap{background:url(../images/header.png) center center no-repeat; height:196px;}
#loginHeaderWrap .innerWrap{width:960px; height:100%; margin:0 auto; position:relative;}
#loginHeaderWrap .loginPageLogo{position:absolute; left:177px; top:109px;}
#loginHeaderWrap .loginPageLogo img{height:40px;}
#loginHeaderWrap .contactUs{position:absolute; right:50px; top:138px;}
#loginHeaderWrap .contactUs a{color:#fff; font-size:12px; font-weight:bold; margin-left:23px;}
/* login pages header ends */

/* login zone */
#loginPageWrap .loginZone{width:540px;/*670-130*/ margin:60px auto 0 auto; padding:20px 0px 45px 130px; background:#F5F5F5 url(../images/dogear_white_big.png) left top no-repeat;}
#loginPageWrap .loginZone h2{font-size:30px; margin-bottom:20px; margin-left:-2px; margin-top: 20px;}
#loginPageWrap .loginZone .keyin{border:solid 1px #B3B7BA; width:222px; font-size:13px; padding:3px;}
#loginPageWrap .loginZone h3{margin-bottom:20px; font-size:12px; color:#666;}
#loginPageWrap .loginZone h3 label{display:inline-block; font-weight:bold; margin-bottom:3px; width:100px;}
#loginPageWrap .loginZone h3 label{*display:inline;}
#loginPageWrap .loginZone h3 span{display:block; margin-top:3px; padding-left:105px; *font-weight:normal;}
#loginPageWrap .loginZone h3 span input{vertical-align:middle;}
#loginPageWrap .loginZone h3 span a{color:#76B900; font-size:11px; margin-left:10px;}
#loginPageWrap .loginZone button{width:55px; height:20px; line-height:17px; background:#76B900; border:none; color:#fff; text-align:center; cursor:pointer; margin-left:105px;}
#loginPageWrap .loginZone button:hover{background:#6EA000;}
/**/
#loginPageWrap .joinWelcome{width:670px; margin:60px auto 0 auto; padding:58px 0px 70px 0px; background:#F5F5F5 url(../images/dogear_white_big.png) left top no-repeat; text-align:left;}
#loginPageWrap .joinWelcome h2{font-size:30px; color: #76b900; margin-left: 180px; *font-weight:normal;}
#loginPageWrap .joinWelcome h3{font-size:22px; margin:10px 0 3px 180px; *font-weight:normal;}
#loginPageWrap .joinWelcome p{font-size:12px; margin-left: 180px; color: #666666;}
#loginPageWrap .joinWelcome a{color:#76b900;}
/* login zone ends */

/* join page */
#loginPageWrap .row1{height:120px;}
#loginPageWrap .row1inner{width:960px; height:100%; margin:0 auto; position:relative;}
#loginPageWrap .row1inner img{position:absolute; left:177px; bottom:5px;}
/**/
#loginPageWrap .row2{height:95px; background:#F2F2F2; padding-top:21px;}
#loginPageWrap .row2inner{width:960px; height:100%; margin:0 auto;}
#loginPageWrap .join{margin-left:177px;}
#loginPageWrap .join input{width:410px;/*447-10*/ height:52px; border:solid 1px #000; font-size:25px; color:#000; padding:0 5px; line-height:52px \9;}
#loginPageWrap .join button{width:165px; height:54px; background:url(../images/bt_join.png) 0 0 no-repeat; border:none; vertical-align:top; margin-left:8px;}
#loginPageWrap .join button:hover{background-position:0 -54px; cursor:pointer;}
#loginPageWrap .join h3{font-size:12px; color:#666; margin-top:6px; *font-weight:normal;}
#loginPageWrap .join h3 img{width:17px; height:17px; margin-left:5px; margin-bottom:-4px;}
/**/
#loginPageWrap .row3{height:324px;/*352-28*/ background:url(../images/bottom_bg.png) repeat-x; padding-top:28px;}
#loginPageWrap .guide{width:960px; margin:0 auto;}
#loginPageWrap .guideBox{width:236px;/*256-20*/ height:274px; padding:18px 0 0 20px; float:left; background:#fff; font-size:12px; position:relative;}
#loginPageWrap .guideBox strong{display:block; margin:10px 0 12px 0;}
#loginPageWrap .guideBox p{line-height:140%; padding-right:14px;}
#loginPageWrap .ft{background:#A3A29F; width:220px;/*256-18-18*/ height:12px; padding:18px; position:absolute; left:0; bottom:0;}
#loginPageWrap .ft a{color:#fff;}
#loginPageWrap .guideLine{float:left; width:77px; height:223px; margin:34px 0; background:url("../images/line.png") repeat-y 50% 0}
/* join page ends */
.pwForgot{background-color:#FFFFFF; border:1px solid #bbb; border-radius:5px 5px 5px 5px; margin:25px auto; width:780px;/*800-20*/ padding:35px 0 26px 20px;}
.pwForgot h2{color:#222; font-size:22px; margin-bottom:35px;}
.pwForgot table{color:#111; font-size:12px;}
.pwForgot th{width:140px; text-align:left;}
.pwForgot td{padding-bottom:18px;}
.pwForgot label{*line-height:16px; *font-weight:normal;}
.pwForgot td input{width:302px;}
.pwForgot td span{color:#666; font-size:10px; display:block; margin-top:3px;}
.pwForgot td button{margin-top:26px; background:#4D4D4D; border:1px solid #000; color:#FFFFFF; cursor:pointer; width:45px; padding:2px 5px; *vertical-align:middle;}

/* fogotten_Pass written by Max */
#loginPageWrap .fogotten_Pass{width:540px;/*670-130*/ margin:60px auto 0 auto; padding:20px 0px 20px 130px;
background:#F5F5F5 url(../images/dogear_white_big.png) left top no-repeat;}
#loginPageWrap .fogotten_Pass h2{font-size:20px; margin-bottom:20px; margin-top: 20px; font-weight: bold; color: #222;}
#loginPageWrap .fogotten_Pass table{color:#111; font-size:12px; border-top: 1px solid #666;}
#loginPageWrap .fogotten_Pass th{width:95px; text-align:left; padding-top: 20px;}
#loginPageWrap .fogotten_Pass td{padding-bottom:18px; padding-top: 20px;}
#loginPageWrap .fogotten_Pass label{line-height:16px; font-weight:bold; color: #777;}
#loginPageWrap .fogotten_Pass td span{color:#666; font-size:11px; display:block; margin-top:3px;}
#loginPageWrap .fogotten_Pass td a{margin-left: 10px; color:#76b900; font-size:11px;}
#loginPageWrap .fogotten_Pass td button{margin-top:0px; background:#76b900; border:1px solid #666; color:#FFFFFF; cursor:pointer; width:55px; padding:3px 7px; *vertical-align:middle;}
#loginPageWrap .fogotten_Pass td button:hover{background:#6EA000}
#loginPageWrap .fogotten_Pass .keyin{border:solid 1px #B3B7BA; width:222px; font-size:13px; padding:3px;}
/* fogotten_Pass written by Max ends */
/* ============ login page ends ============*/

/* ============ intro page ============*/
.introWrap{background:#E6E6E6; width:1000px; margin:40px auto 60px auto;}
.introWrap .introNavi{background:#fff; text-align:center; font-weight:bold; *height:44px;}
.introWrap .introNavi li{display:inline-block; width:200px; height:44px; line-height:44px;}
.introWrap .introNavi li{*display:inline;}
.introWrap .introNavi li.active{background:#E6E6E6 url(../images/dogear_white.png) no-repeat top left;}
.introWrap .introNavi li a{color:#000;}
.introWrap .introNavi li.introMidTab{margin:0 70px;}
/**/
.introWrap .introContentWrap{padding:33px 0;}
.introWrap .introContent{width:726px; margin:0 auto;}
.introWrap .introContent>li{background:#fff url(../images/tri_big_2.png) no-repeat top left; padding:34px 30px; font-size:14px; line-height:1.4em; margin-bottom:17px;}
.introWrap .introContent>li h2{font-size:16px; font-weight:bold; margin-bottom:20px;}
/**/
.introWrap .contList li{margin-bottom:25px;}
.introWrap .contList div{display:inline-block; width:560px; margin-left:25px;}
.introWrap .contList img{vertical-align:top; margin-top:5px;}
.introWrap .contList div{*display:inline;}
.introWrap .contList h3{color:#76B900; font-weight:bold;}
.introWrap .contList p{font-size:13px; color:#333;}
/**/
.introWrap .videoList{*min-height:0;}
.introWrap .videoList li{margin-bottom:30px;}
.introWrap .videoList .textZone{width:205px; float:left;}
.introWrap .videoList h4{font-weight:bold; font-size:16px; margin-bottom:10px;}
.introWrap .videoList p{font-size:13px; color:#333;}
.introWrap .videoList .videoZone{width:435px; float:right;}
/**/
.introWrap h5{font-weight:bold; font-size:15px; line-height:1.5em;}
/**/
.introWrap .join{margin-left:40px !important;}
/* ============ intro page ends ============*/

/* ============ for ipad ============ */
@media only screen and (device-width: 768px) {
	#headerWrap{position:static; padding-bottom:10px;}
	#contentWrap{padding-top:0;}
}
/* ============ for ipad ends============ */

/* ============ message modify zone ============ */
.modifyZone{margin:10px 0;}
.modifyZone textarea{width:99%; margin-bottom:5px; resize:none; font-size:15px;}
.modifyZone input[type="button"]{float:right; border:solid #000 1px; color:#fff; background:#666; cursor:pointer; width:60px; line-height:1em; padding:5px 0\9;}
.modifyZone .cancel_modify{margin-right:5px; background:#999;}
/* ============ message modify zone ends ============ */

/* 20111028 created by Double ends ========================================================================== */


/* by..? */
#rightColumn .facePile .invite{min-height:40px; line-height:24px; border:solid 1px #ccc; margin-bottom:5px; padding-top:4px; position:relative;}
#rightColumn .facePile .invite input{width:150px; height:19px; border:none; *border:0; padding-left:10px; background:transparent; *background:url(../images/trans.png) repeat-x;}
#rightColumn .facePile .reciver{display:inline-block; background-color:#808080; height:19px; line-height:22px; color:#FFF; font-size:12px; margin:0 0 3px 3px;
padding-left:6px; *line-height:19px; *margin:0 0 6px 6px;}
#rightColumn .facePile .reciver{*display:inline;}
#rightColumn .facePile .reciver a{display:inline-block; width:20px; height:100%; background:#ccc url(../images/cross_white.png) 50% 50% no-repeat; margin-left:6px;
text-indent:-5000px; vertical-align:top;}
#rightColumn .facePile .reciver a{*display:inline;}
#rightColumn .facePile .reciver a:hover{background:#ccc url(../images/cross_rollover.png) 50% 50% no-repeat;}
/**/

/* 20111109 created by Jeffrey */
.pwForgot .error_message{color: red; display: none; font-size: 14px; font-weight: bold;}
.error_message{color: red; display: none;}

.js_replyto_who .remove_btn{display:block; width:8px; height:8px; background:url(../images/x_gray.png) no-repeat;  display: inline-block; margin-left: 10px}
.js_replyto_who .remove_btn:hover{background:url(../images/x_black.png) no-repeat;}

/* Jeffrey end */

.pending-attachment .cancel-button:hover {text-decoration: none;background-image: url(/images/x_black.png)}
.pending-attachment .remove-button {position: absolute;top: 0.4em;right: 0.4em;text-indent: -9999em;background-image: url(/images/x_grey.png);background-repeat: no-repeat;background-position: 4px 4px;width: 16px;height: 12px}
.sys_reply {font-family:Helvetica, Arial,"Heiti TC","微軟正黑體",sans-serif; font-style:italic;}
.oldMessHide {display:none}
.js_messagemodified {background-color:#f2cece}
.js_remove_grp_member {
    background:url(../images/rm.png) no-repeat;
    background-position: center;
    margin-top: 5px;
    padding-bottom: 50%;
    cursor:pointer;
}
.js_attach_btn {border:solid #000 1px; color:#fff; background:#666; cursor:pointer; width:80px; padding:3px 0; line-height:1em; *padding:4px 0 0 0;}
.changelog_title {background:#f6f7f8;height:20px;color:#141823;font-size:18px;font-weight:bold;}
.changelog_messThumb{width:32px;height:32px;object-fit: cover;}
.changelog_text{vertical-align:top;margin-bottom:5px;}
.js_chg_more,.js_chg_less,.js_mess_less {color:#fff; background:#666; cursor:pointer;font-size:10px}
.js_chg_date {color:#9197a3}
.js_chg_name {color:#3b5998}

.blink {
	color: red;
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink {
    0% {opacity: 1;}
    98% {opacity: 1;}
    99% {opacity: 0;}
    100% {opacity: 0;}
}

.task_log {color:#141823;font-size:12px;font-weight:bold;}
.fixed-btm {
  position: fixed; right: 15px; bottom: 0; margin-bottom: -1px;
  z-index: 999;
}

#go-to-top {
  background-image:url("../images/sprite_index.png");
  background-position: -10px -1119px;
  display: block;
  width: 31px; height: 31px;
}

#go-to-top span { visibility: hidden; }
a:focus#go-to-top { outline: none; }