/* notice box */
.attention, .warning, .success, .none, .messages_div, .errors_div { margin:10px; padding:10px; border:1px solid; text-align:center; line-height:20px;}
.stdcontainer .attention, .stdcontainer .warning, .stdcontainer .success, .stdcontainer .none, .stdcontainer .messages_div, .stdcontainer .errors_div { margin:10px 0;}
.attention { border-color:#ffe222; background:#fffbe2;}
.warning { border-color:#dd3c10; background:#ffebe8;}
.success { border-color:#3b5998; background:#f7f7f7;}
.none { border-color:#d8dfea; background:#fff;}
.messages_div { border-color:#ffe222; background:#fffbe2;}
.errors_div { border-color:#dd3c10; background:#ffebe8;}

/* people list */
.peoplelist, .peoplelist ul { list-style-type:none;}

.people { display:block; margin:10px 0; padding:10px; border:1px solid #d8dfea; background:#fff;}
.people:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .people { height:1%;}
*+html .people { min-height:1%;}

.people .image { overflow:hidden; float:left; width:108px; text-align:left;}
.people .image img { padding:3px; border:1px solid #d8dfea; background:#fff;}
.people .image a:hover { background:transparent;}
.people .image a:hover img { border:1px solid #3b5998; background:#d8dfea;}
.people .info { display:inline; overflow:hidden; float:left; width:300px; margin-left:10px; text-align:left; line-height:20px;}
.people .info h4 { color:#808080;}
.people .info .subinfo { color:#808080;}
.people .actions { float:right;}
.people .actions ul { list-style-type:none; width:100px;}
.people .actions li { text-indent:5px; border-bottom:1px solid #d8dfea; color:#808080; font-family:Tahoma, Helvetica, sans-serif; text-align:left;}
.people .actions a { display:block; width:100px; text-decoration:none;}

/* Table of Contents */
#toc { position:relative; padding:5px 0 0; font-family:Tahoma, Helvetica, sans-serif; line-height:19px;}
#toc a { text-decoration:none;}
.crumbs, .snav, .status { padding:0 10px;}
.crumbs a { text-decoration:none; font-weight:bold;}

#toc .status { float:right; color:#808080;}
#toc .op { color:#808080;}
#toc .op a { font-weight:normal;}
#toc .count { padding:0 3px; color:#3b5998; font-weight:bold;}
#toc form { float:right; margin-top:-8px;}
#toc input#name { border:1px solid #bdc7d8; padding:3px;}
#toc strong { padding:0 3px;}

#headline { padding:5px 10px 0; color:#3b5998; font-size:14px; font-weight:bold; line-height:19px;}
#pagename { margin:10px 0; border-top:1px solid #d8dfea; border-bottom:1px solid #d8dfea; color:#3b5998; font-family:Tahoma, Helvetica, sans-serif; font-size:14px; font-weight:bold; line-height:30px;}

/* tab */
#tabs { list-style-type:none; padding-left:10px; border-bottom:1px solid #3b5998;}
#tabs:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html #tabs { height:1%;}
*+html #tabs { min-height:1%;}
#tabs li { float:left;}
#tabs a { display:block; margin-right:5px; padding:2px 5px 1px; text-decoration:none; line-height:16px; word-break:keep-all;}
#tabs a:hover { background:#d8dfea; text-decoration:none;}
#tabs .activetab a { color:#fff; background:#3b5998;}
#tabs .activetab a:hover { text-decoration:none; background:#3b5998;}
#tabs .inactivetab a:hover { color:#3b5998; background:#d8dfea; text-decoration:none;}

.admin { color:#dc5173;}
.admin:hover { background:#dc5173;}

/* ==== list styles ==== */
/* infolist (ol) */
.infolist { margin:10px 0; list-style-type:none;}
.infolist div { margin:5px 0; padding:10px; border:1px solid #d8dfea; background:#fff;}
.infolist div:after { content:"."; display:block; clear:both; height:0; visibility:hidden;}
.infolist div { display:inline-block;}
.infolist div { display:block;}
.infolist .image { float:left; margin-right:10px; overflow:hidden;}
.infolist .image a img { border:1px solid #d8dfea;}
.infolist .image a:hover img { border:1px solid #3b5998; background:#fff;}
.infolist .info { float:left; table-layout:fixed; overflow:hidden;}
.infolist .info caption { padding:3px 0; color:#808080; font-weight:bold; text-align:left;}
.infolist .info th { color:#808080; font-weight:normal; text-align:left; vertical-align:top;}
.infolist .info .count, .infolist .info .date, .infolist .info .time { padding:0 2px;}
.infolist .actions { float:right; list-style-type:none; width:100px;}
.infolist .actions li { border-bottom:1px solid #d8dfea; background:#fff; color:#808080; text-indent:8px; font-family:Tahoma, Helvetica, sans-serif;}
.infolist .actions a { display:block; width:100px; text-decoration:none;}

/* announcement list */
.announcement .image { float:right; width:62px; margin:0; text-align:center;}
.announcement .image img { width:50px; margin-bottom:5px; padding:5px; border:1px solid #d8dfea; background:#fff; overflow:hidden;}
.announcement .image a:hover { background:transparent;}
.announcement .image a:hover img { border:1px solid #3b5998; background:#d8dfea;}
.announcement .info, .announcement .info caption { width:480px;}
.announcement .info caption { color:#3b5998;}
.announcement .info th { width:6em;}

/* navlist (ol) */
.navlist { list-style-type:none; margin:10px 0;}
.navlist li { margin:5px 0; padding-left:11px; color:#808080; font-family:Tahoma, Helvetica, sans-serif;}
.navlist li.current { text-indent:-11px;}
.navlist li a { font-family:Arial, Helvetica, sans-serif;}

/* datalist (table) */
.datalist { table-layout:fixed;}
.datalist th { height:24px; border:solid #d8dfea; border-width:1px 0; background:#f8f9fc; color:#3b5998; line-height:24px;}
.datalist td { padding:5px 0; overflow:hidden; border-bottom:1px solid #d8dfea; line-height:15px; vertical-align:middle;}
.datalist td p { white-space:nowrap;}
.datalist .title { padding:0 5px; border-right:1px solid #d8dfea;}
.datalist .author, .datalist .responder { width:6em; padding:0 5px; text-align:center;}
.datalist .author { border-right:1px solid #d8dfea;}
.datalist .responder { width:6em; padding:0 2px; text-align:center;}
.datalist .time { width:65px; text-align:center;}
.datalist td.time { font-size:11px;}

/* Resizable text areas */
.resizable-textarea { margin:10px 0; background:#fff;}
.resizable-textarea .grippie { height: 14px; background: #eee url() 100% 100% no-repeat; border:1px solid #ccc; border-top:0; cursor:s-resize;}
.dragging { border:1px dotted #000; opacity:0.5; filter:Alpha(Opacity=50);}

.floatRight {float:right;}
div#dlgContainer {border:10px #d8dfea solid; padding:1px; background-color:#D8DFEA;margin-left:auto; margin-right:auto;}
div#dlgContainerInner {border:1px #3B5998 solid; background:#FFF;padding:10px}
.caution {font-size:11pt;color:red;}

/* popup */
.popupwrap { display:none; position:absolute; padding:10px; border:1px solid; border-color:#fff #666 #666 #fff; background:#d8dfea; text-align:left; z-index:1000;}
.popup { padding:10px; border:1px solid #3b5998; background:#f7f7f7;}
.popup h4 { color:#3b5998; border-bottom:1px solid #e8eef6; line-height:24px;}
.popup p { margin:5px 0; color:#000;}
.popup p.operation { text-align:right;}
#commendit { width:300px;}
/* poke */
#pan{ width:300px;}
#poke_confirm, #poke_working,#poke_ok { display:none;}
#poke_ok, #poke_working { text-align:center;}
ＨＯＭＥ．ＣＳＳ

#content { padding:10px 10px 0; width:606px;}

.box { float:left;}
.box h3 { height:24px; margin-bottom:5px; padding-left:5px; background:#d8dfea; color:#3b5998; border-top:1px solid #3b5998; font-size:12px; font-weight:bold; line-height:24px;}
.box h3 .stat { height:24px; margin-left:5px; color:#000; font-size:12px; font-weight:normal; line-height:24px;}
.box h3 .edit { float:right; padding-right:10px; font-weight:normal; line-height:24px;}
.box .count { padding:0 2px;}

/* no entry */
#homepage .stdcontainer { height:auto; margin:10px -10px 0; padding:10px;}
.person { display:block; list-style-type:none; padding:10px; border:1px solid #d8dfea; background:#fff;}
.person:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .person { height:1%;}
*+html .person { min-height:1%;}
.person .image { float:left; width:125px; text-align:left;}
.person .image img { padding:1px; border:1px solid #ccc; background:#fff;}
.person .info { display:inline; float:left; text-align:left; line-height:24px;}
.person .info h4 { font-size:14px;}
.person .info .subinfo { color:#808080; list-style-type:none;}
.person .actions { float:right;}
.person .actions ul { width:100px; list-style-type:none;}
.person .actions a { display:block; width:90px; padding:0 5px; border-bottom:1px solid #d8dfea; text-align:left; text-decoration:none;}

.personIcon { background:#fff;}
.personIcon td { background:#fff;}

/* ==== 1 userRelations ==== */
#userRelations { overflow:hidden; float:left; width:202px; padding-bottom:10px;}

/* ==== 1.1 userInfo ==== */
#userPicture { margin-bottom:10px;}
#userPicture a img { border:1px solid #d8dfea;}
#userPicture a:hover img { border:1px solid #3b5998;}

#userActions { list-style-type:none; font-family:Tahoma, Helvetica, sans-serif;}
#userActions li { border-bottom:1px solid #d8dfea; color:#808080; text-indent:5px; line-height:20px;}
* html #userActions li { height:1%;}
*+html #userActions li { min-height:1%;}
#userActions li a { display:block; width:202px; text-decoration:none; font-size:12px;}

/* ==== 1.15 userIntroducer ==== */
#userIntroducer { overflow:hidden; background:#f4f4f4;}
#userIntroducer .boxcont:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html #userIntroducer .boxcont { height:1%;}
*+html #userIntroducer .boxcont { min-height:1%;}
#userIntroducer .boxcont { padding:0 5px 5px;}

#userIntroducer .info { overflow:hidden; width:133px;}
#userIntroducer .personIcon { float:left; margin-right:5px;}
* html #userIntroducer .personIcon { margin-right:2px;}
#userIntroducer .info caption { text-align:left; line-height:24px;}
#userIntroducer .info th { width:3em; color:#808080; font-weight:normal; vertical-align:top;}

/* ==== 1.2 userVisitor ==== */
#userVisitor { overflow:hidden; background:#f4f4f4;}

/* ==== 1.3 userFriend ==== */
#userFriend { overflow:hidden; background:#f4f4f4;}
#userFriend .noncont { margin:5px; line-height:20px;}
#userFriend .readmore { margin:5px;}

/* ==== 1.3 userFriendUniv ==== */
#userFriendUniv { overflow:hidden; background:#f4f4f4;}
#userFriendUniv .boxcont { padding:0 5px;}
#userFriendUniv .noncont { margin:5px; line-height:20px;}

#userFriendUniv ul { list-style-type:none; margin:5px 0;}
#userFriendUniv ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html #userFriendUniv ul { height:1%;}
*+html #userFriendUniv ul { min-height:1%;}
#userFriendUniv li { float:left; width:96px;}

/* ==== 2 userUpdates ==== */
#userUpdates { overflow:hidden; float:right; width:394px;}

/* ==== 2.05 userVacation ==== */
#userVacation { overflow:hidden; background:#f4f4f4;}
#userVacation .boxcont { padding:5px 10px; border:1px solid #3b5998;}

/* ==== 2.1 userProfile ==== */
#userProfile { overflow:hidden; padding-bottom:5px;}
#userProfile .boxcont { padding:0 5px;}
#userProfile .boxcont .edit { margin-left:1.5em; color:#808080; font-weight:normal;}
#userProfile .boxcont .edit:hover { color:#fff;}
* html #userProfile .boxcont .edit { margin-left:1em;}
*+html #userProfile .boxcont .edit { margin-left:1em;}

#userProfile h4 { color:#3b5998; font-weight:bold; line-height:20px;}
#userProfile table { line-height:16px;}
#userProfile th { width:6em; color:#808080; font-weight:normal; text-align:left; vertical-align:top;}

#PersonalInfo { color:#808080;}

/* ==== 2.19 userEvent ==== */
#userEvent { overflow:hidden;}
#userEvent .boxcont { padding:0 5px; color:#808080;}
#userEvent .boxcont p { margin:5px 0;}

/* ==== 2.2 userAlbum ==== */
#userAlbum { overflow:hidden;}
#userAlbum .boxcont { padding:0 5px;}

#album { list-style-type:none; clear:both; margin:5px 0;}
#album:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html #album { height:1%;}
*+html #album { min-height:1%;}
#album li { float:left; overflow:hidden; width:192px;}

#album .image { overflow:hidden; float:left; width:60px; text-align:left;}
#album .image a:hover { background:transparent;}
#album .image a img { padding:2px; border:1px solid #d8dfea; background:#fff;}
#album .image a:hover img { border:1px solid #3b5998; background:#d8dfea;}

#album .info { display:inline; float:left; text-align:left;}
#album h4 { line-height:24px;}
#album .subinfo { color:#808080;}

/* ==== 2.4 userBlog ==== */
#userBlog { overflow:hidden;}
#userBlog .boxcont { padding:0 5px;}

#blog { list-style-type:none; clear:both;}
#blog li { margin:5px 0; }
* html #blog .article { height:1%;}
*+html #blog .article { min-height:1%;}

#blog .info { position:relative; padding:2px 0 2px 5px; border-top:1px solid #d8dfea; background:#f7f7f7; line-height:20px;}
* html #blog .info { height:1%;}
*+html #blog .info { min-height:1%;}
#blog h4 { overflow:hidden; display:block; width:250px;}
#blog .subinfo { position:absolute; top:0; right: 5px; color:#808080; line-height:20px;}
#blog .subinfo .time { color:#808080;}

#blog .text { padding:5px;}
#blog .text img { max-width:369px;}
* html #blog .text img { width:expression((this.width < 369) ? "auto" : "369px");}
#blog .stat { padding:0 5px; color:#808080; line-height:24px;}

/* ==== 2.5 userPandora ==== */
#content #userPandora { position:static;}
#userPandora .boxcont { padding:0 5px;}
#userPandora .boxcont p { margin:5px 0;}

/* ==== 2.6 userGroup ==== */
#userGroup { overflow:hidden;}
#userGroup .boxcont { padding:0 5px; color:#808080;}
#userGroup .boxcont p { margin:5px 0;}

/* ==== 2.7 userTalk ==== */
#userTalk { overflow:hidden;}
#userTalk .boxcont { padding:0 5px;}

#starttalk { margin:5px 0;}
#starttalkForm p { margin:5px 0;}
#message { width:742px; padding:3px; border:1px solid #d8dfea;}
#content #message { width:588px;}
#userUpdates #message { width:376px;}

#talk { list-style-type:none;}
#talk li { padding:0 0 5px;}
#talk .article { clear:both;}
#talk .article:after { content:"haha"; display:block; height:0; clear:both; visibility:hidden;}
* html #talk .article { height:1%;}
*+html #talk .article { min-height:1%;}

#talk .picture { overflow:hidden; float:left; width:56px;}
#talk .thumbpic a img { padding:1px; border:1px solid #d8dfea;}
#talk .thumbpic a:hover img { padding:1px; border:1px solid #3b5998; background:#d8dfea;}
#talk .info { margin-left:56px; padding:0 5px; border-top:1px solid #d8dfea; background:#f7f7f7; line-height:20px; text-align:right;}
* html #talk .info { height:1%;}
*+html #talk .info { min-height:1%;}
#talk .info cite { float:left; text-align:left;}
#talk .info .author { float:left;}
#talk .info .time { color:#808080;}
#talk .text { margin-left:61px; padding:5px 0;}
* html #talk .text { margin-left:64px; text-indent:-3px;}

#userTalk .readmore { margin:0 0 5px;}

/* ==== 3 permalink ==== */
#permalink { padding:5px 0; clear:both; border-left:1px solid #d8dfea; border-right:1px solid #d8dfea; border-bottom:1px solid #3b5998; background:#f7f7f7; color:#808080; text-align:center;}
#container #permalink { margin-left:132px;}
#content #permalink { margin:0 -10px; border:0; border-top:1px solid #d8dfea;}
#permalink em { font-style:normal; font-weight:bold;}
#permalink strong { color:#3b5998;}

/* Talk Page */
#talkpage #content { padding:10px 0 0; width:626px;}
#talkpage #talk { overflow:hidden; width:584px; padding:10px; border:1px solid #d8dfea; background:#fff;}
#talkpage #message { width:598px; padding:3px;}
#talkpage #starttalk { padding-bottom:5px; border-bottom:1px solid #d8dfea;}
#talkpage .pnav { margin:5px 0;}