/* list */
#wrapList { width: 720px;  margin:0 auto;}

#wrapList .top { height: 22px; margin-bottom: 3px; }
#wrapList .top .pageInfo { float: left; padding-top: 3px; font-family: tahoma; }
#wrapList .top .pageInfo .txt { float: left; }
#wrapList .top .pageInfo strong { color: #e65101; }
#wrapList .top .pageInfo img { float: left; padding-left: 5px; padding-top: 1px; }
#wrapList .top .category { float: right; padding-top: 3px; }

#wrapList table.middle { width: 100%; border: 0px; border-top: 2px solid #B8382A; table-layout: fixed; }
#wrapList table.middle thead tr { height: 28px; }
#wrapList table.middle thead th { background-color: #FDFAFA; font-weight: 100; border: 0px; border-bottom: 1px solid #F7E2E2; }
#wrapList table.middle thead #number { width: 50px; font-size: 0.92em; color: #333; }
#wrapList table.middle thead #subject { font-size: 0.92em; color: #333; }
#wrapList table.middle thead #name { width: 100px; font-size: 0.92em; color: #333; }
#wrapList table.middle thead #totalHit { width: 50px; font-size: 0.92em; color: #333; }
#wrapList table.middle thead #date { width: 80px; font-size: 0.92em; color: #333; }

#wrapList table.middle tbody tr { height: 30px; border-bottom: 1px solid #eaeaea; }
#wrapList table.middle tbody td { border: 0px; border-bottom: 1px solid #f1f1f1; }
#wrapList table.middle tbody td.number { font-size: 0.92em; font-family: tahoma; color: #777; text-align: center; }
#wrapList table.middle tbody td.number strong { color: #ff6f06; }
#wrapList table.middle tbody td.number img { padding-top: 2px; }
#wrapList table.middle tbody td.subject { padding-left: 5px; color: #333; overflow: hidden; white-space : nowrap; }
#wrapList table.middle tbody td.subject a { color: #333; }
#wrapList table.middle tbody td.subject a:hover { text-decoration: underline; }
#wrapList table.middle tbody td.subject .totalComment { font-size: 0.92em; color: #e65101; }
#wrapList table.middle tbody td.subject img { vertical-align: middle; }
#wrapList table.middle tbody td.subject input.checkNo { vertical-align: middle; }
#wrapList table.middle tbody td.name { overflow: hidden; white-space : nowrap;  text-align: center; }
#wrapList table.middle tbody td.name a {  color: #555; }
#wrapList table.middle tbody td.name img { vertical-align: middle; }
#wrapList table.middle tbody td.totalHit { font-size: 0.92em; font-family: tahoma; color: #e36928; text-align: center; }
#wrapList table.middle tbody td.date { font-size: 0.92em; font-family: tahoma; color: #777; text-align: center; }
#wrapList table.middle tbody td.noList { padding-top: 100px; padding-bottom: 100px; color: #666; text-align: center; }

#wrapList .bottom { margin-top: 5px; height: 100%; overflow: hidden; }
#wrapList .bottom .listBtPage { float: left; }
#wrapList .bottom .listBtWrite { float: right; }

#wrapList .bottom p.pagingBt { clear: both; margin: 0 auto; padding-top: 10px; height: 26px; text-align: center; }
#wrapList .bottom #search { margin-top: 10px; padding: 5px; border: 1px solid #e2e2e2; background-color: #fbfbfb; text-align: center; }
#wrapList .bottom #search fieldset { margin: 0 auto; padding: 0px; border: 0px; }
#wrapList .bottom #search .inputKeyword { padding-top: 3px; height: 15px; border: 1px solid #ddd; }
#wrapList .bottom #search .bt { vertical-align: top; }


body#zh #wrapList table.middle thead { font-size: 1.08em; }
body#zh #wrapList table.middle thead #totalHit { width: 80px; }



/* view */
#wrapView { margin-bottom: 20px; width: 720px; margin:0 auto;}

#wrapView .postInfo { border: 1px solid #e2e2e2; }
#wrapView .postInfo h2.subject { margin: 0px; padding: 10px; font-weight: 900; font-size: 1em; border-bottom: 1px solid #e2e2e2; background-color: #f9f9f9; line-height: 1.2em; }
#wrapView .postInfo p { padding: 5px; height: 20px; }
#wrapView .postInfo p img { vertical-align: middle; }
#wrapView .postInfo p .copyUrl { float: right; padding-left: 4px; padding-top: 3px; }
#wrapView .postInfo p .total { float: right; padding-top: 6px; font-size: 0.92em; color: #9999ac; }
#wrapView .postInfo p .total strong { font-weight: 100; color: #666; }

#wrapView .viewBt1 { margin-top: 5px; margin-bottom: 10px; text-align: right; } 
#wrapView .viewBt1 img { vertical-align: middle; }

#wrapView fieldset.survey { margin: 0px; margin-bottom: 10px; padding: 15px; background-color: #faffa9; border: 1px dotted #ced900; }
#wrapView fieldset.survey h3 { font-weight: 900; font-size: 1em; line-height: 1.4em; }
#wrapView fieldset.survey p.date { margin: 0px; padding: 0px; text-align: right; }
#wrapView fieldset.survey ul { margin: 0px; padding: 0px; list-style: none; }
#wrapView fieldset.survey ul li { margin: 0px; padding: 0px; }
#wrapView fieldset.survey li label span { line-height: 1.4em; }
#wrapView fieldset.survey .status { margin-top: 5px; margin-bottom: 5px; margin-left: 20px; }
#wrapView fieldset.survey .status .bar { display: inline-block; margin-right: 10px; height: 10px; font-size: 0em; background-color: orange; }
#wrapView fieldset.survey .status .percent { font-size: 0.92em; font-family: tahoma; }
#wrapView fieldset.survey p.controll { margin: 0px; padding: 0px; margin-top: 5px; text-align: right; }

#wrapView #content { margin-bottom: 5px; padding-bottom: 20px; color: #666; line-height: 1.6em; overflow: hidden; }
#wrapView #content p { margin: 0px; padding: 0px; line-height: 1.6em; }
#wrapView p.postedBy { clear: both; margin-bottom: 15px; text-align: left; color: #666; }
#wrapView p.postedBy strong { color: #858585; }
#wrapView p.postedBy img { vertical-align: middle; }

#wrapView .viewBt2 { margin-top: 15px; margin-bottom: 25px; text-align: center; } 
#wrapView .signature { margin-top: 5px; margin-bottom: 10px; padding: 5px; padding-top: 5px; padding-bottom: 7px; color: #666; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background-color: #ececec; line-height: 1.2em; } 

#wrapView .linkUrl { margin-bottom: 5px; font-size: 0.92em; color: #666; } 
#wrapView .linkUrl p.txt { clear: both; margin-bottom: 5px; }
#wrapView .linkUrl strong { display: inline-block; width: 80px; }

#wrapView .file { margin-bottom: 5px; padding-left: 80px; font-size: 0.92em; color: #666; overflow: hidden; white-space: nowrap; }
#wrapView .file strong { display: inline-block; width: 80px; }
#wrapView .file a.viewFileList { color: #f0632d; }
#wrapView .file p.txt { margin-bottom: 5px; margin-left: -80px; }
#wrapView .file #fileList { line-height: 1.4em; }
#wrapView .file #fileList img { vertical-align: middle; }

#wrapView .tag { margin-top: 13px; margin-bottom: 5px; font-size: 0.92em; color: #666; } 
#wrapView .tag img { vertical-align: middle; }
#wrapView .tag p.txt { margin-bottom: 5px; }

#wrapView .viewBt3 { margin-top: 15px; padding-top: 5px; text-align: right; border-top: 2px solid #e2e2e2; } 
#wrapView .viewBt3 .commentViewBt { float: left; margin-top: 5px; color: #666; }
#wrapView .viewBt3 a { color: #666; }
#wrapView .viewBt3 strong { color: #ff6600; }
#wrapView .viewBt3 .codeBt { float: right; }

#wrapView .positionList { clear: both; margin-top: 15px; margin-bottom: 5px;  color: #666; } 
#wrapView .positionList p.txt { margin-bottom: 5px; }
#wrapView .positionList img { vertical-align: middle; }

body#zh #wrapView .postInfo { font-size: 1.08em; }


/* write */
#formBoardWrite { width: 720px; margin:0 auto;}

#formBoardWrite fieldset { margin: 0px; padding: 0px; border: 0px; }

#formBoardWrite fieldset.essential { width: 700px; padding: 10px; padding-bottom: 5px; border-top: 2px solid #B8382A; background-color: #e9e9e9; }

#formBoardWrite fieldset.essential p.option { margin-bottom: 5px; padding-bottom: 5px; font-size: 0.92em; color: #666; border-bottom: 1px solid #d6d6d6; }
#formBoardWrite fieldset.essential p.option select { vertical-align: middle; } 
#formBoardWrite fieldset.essential p.option input { vertical-align: middle; } 

#formBoardWrite fieldset.essential p.guest { margin-bottom: 5px; padding-bottom: 5px; font-size: 0.92em; color: #666; border-bottom: 1px solid #d6d6d6; }
#formBoardWrite fieldset.essential p.guest input { width: 100px; height: 16px; border: 1px solid #c4c4c4; } 
#formBoardWrite fieldset.essential p.guest .passwdTxt { margin-left: 20px; }

#formBoardWrite fieldset.essential p.subject { padding-bottom: 5px; font-size: 0.92em; color: #666; }
#formBoardWrite fieldset.essential p.subject input { width: 696px; height: 16px; border: 1px solid #c4c4c4; } 

#formBoardWrite fieldset.content { margin: 0px; margin-top: 5px; margin-bottom: 5px; padding: 0px; border: 0px; }
#formBoardWrite fieldset.content textarea { margin: 0px; padding: 0px; width: 720px; height: 250px; background-color: #f0f0f0; line-height: 1.2em; color: #666; border: 1px solid #d0d0d0; }

#formBoardWrite fieldset.file { margin: 0px; padding: 0px; border: 0px; margin-bottom: 5px; }
#formBoardWrite fieldset.file .fileStatus { float: left; }
#formBoardWrite fieldset.file #uploadList { margin-bottom: 5px; }
#formBoardWrite #fileProgress { clear: both; padding: 2px; height: 10px; width: 564px; border: 1px solid #ccc; vertical-align: middle; }
#formBoardWrite #fileProgress #fileUploadBar { float: left; width: 0px; height: 10px; }
#formBoardWrite #fileProgress #filePecent { float: left; margin-left: 5px; font-size: 0.79em; font-family: tahoma; color: #ccc; }
#formBoardWrite fieldset.file #uploadList { float: left; width: 550px; border: 1px solid #ccc; }
#formBoardWrite fieldset.file p.button { float: left; margin-left: 10px; }
#formBoardWrite fieldset.file p.button #uploader { margin-right: 4px; }

#formBoardWrite fieldset.etc { margin: 0px; padding: 0px; border: 0px; margin-top: 15px; border-bottom: 2px solid #d6d6d6; }
#formBoardWrite fieldset.etc p.line { height: 28px; border-top: 1px solid #d6d6d6; }
#formBoardWrite fieldset.etc p.line label { float: left; margin-top: 8px; padding-left: 10px; width: 140px; font-weight: 900; color: #323232; }
#formBoardWrite fieldset.etc p.line input { float: left; margin-top: 4px; width: 496px; height: 16px; border: 1px solid #c4c4c4; } 
#formBoardWrite fieldset.etc p.line .txt { float: left; padding-top: 8px; padding-left: 5px;  color: #666; }
#formBoardWrite fieldset.etc p.line #tag { width: 100px; }
#formBoardWrite fieldset.etc p.tagList { padding-left: 150px; padding-bottom: 5px; font-size: 0.92em; color: #666; line-height: 1.4em; }
#formBoardWrite fieldset.etc p.line .addTagBt { float: left; margin-left: 5px; margin-top: 3px; }
#formBoardWrite fieldset.etc p.line #writeKey { width: 40px; }
#formBoardWrite fieldset.etc p.line .writeKeyImg { float: left; margin-top: 3px; }

#formBoardWrite fieldset.etc p.line .surveySubject { background-color: #e9e9e9; }
#formBoardWrite fieldset.etc p.line #surveyDate { width: 60px; background-color: #e9e9e9; }
#formBoardWrite fieldset.etc p.line .surveyDateBt { float: left; margin-left: 5px; margin-top: 6px; }
#formBoardWrite fieldset.etc p.line .addSurveyBt { float: left; margin-left: 5px; margin-top: 5px; }
#formBoardWrite fieldset.etc p.line .deleteSurveyBt { float: left; margin-left: 7px; margin-top: 9px; }

#formBoardWrite fieldset.control { margin: 0px; padding: 0px; border: 0px; margin-top: 10px; text-align: right; }


/* trackback list */
#wrapTrackbackUrl { margin-top: 10px; margin-bottom: 10px; padding: 8px; font-size: 0.92em; background-color: #f9f9f9; border: 2px solid #e9e9e9; }
#wrapTrackback { margin: 0px; margin-bottom: 10px; padding: 0px; width: 720px; list-style: none; margin:0 auto;}
#wrapTrackback li { margin-top: 5px; }
#wrapTrackback .trackback { border-top: 1px solid #dadada; }
#wrapTrackback .info { display: table-cell; vertical-align: middle; padding: 10px; }
*html #wrapTrackback .info { display: inline; zoom: 1; }
*:first-child+html #wrapTrackback .info { display: inline; zoom: 1; }
#wrapTrackback .info img { vertical-align: middle; }
#wrapTrackback .info .name {  color: #555; }
#wrapTrackback .info .date { padding-left: 5px; font-size: 0.92em; font-family: tahoma; color: #999; }
#wrapTrackback .info .button { padding-left: 5px; }

#wrapTrackback .viewSubject { clear: both; padding: 10px; padding-bottom: 0px; color: #666; line-height: 1.4em; overflow: hidden; white-space: nowrap; }
#wrapTrackback .viewContent { clear: both; padding: 10px; padding-top: 3px; color: #666; line-height: 1.4em; overflow: hidden; }


/* trackback paging */
.pagingTrackbackBt { clear: both; width: 720px; height: 26px; text-align: center; margin:0 auto;}


/* comment list */
#wrapComment { margin: 0px; margin-bottom: 10px; padding: 0px; width: 720px; list-style: none; }
#wrapComment li { margin-top: 5px; }
#wrapComment .comment { border-top: 1px solid #dadada; }
#wrapComment .info { display: table-cell; vertical-align: middle; padding: 10px; }
*html #wrapList #wrapComment .info { display: inline; zoom: 1; }
*:first-child+html #wrapComment .info { display: inline; zoom: 1; }
#wrapComment .info img { vertical-align: middle; }
#wrapComment .info .name {  color: #555; }
#wrapComment .info .date { padding-left: 5px; font-size: 0.92em; font-family: tahoma; color: #999; }
#wrapComment .info .button { padding-left: 5px; }
#wrapComment .viewContent { clear: both; padding: 10px; color: #666; line-height: 1.4em; overflow: hidden; }


/* comment paging */
.pagingCommentBt { clear: both; width: 720px; height: 26px; text-align: center; margin:0 auto;}


/* comment write */
#wrapCommentWrite { margin-top: 10px; margin-bottom: 10px; }
#formCommentWrite { padding: 10px; width: 698px; border: 1px solid #eee; background-color: #f7f7f7; margin:0 auto;}
#formCommentWrite fieldset { margin: 0px; padding: 0px; border: 0px; }
#formCommentWrite .essential { float: left; padding-top: 4px; width: 100px; }
#formCommentWrite .essential p { margin-bottom: 5px; font-size: 0.92em; color: #555; }
#formCommentWrite .essential p img { vertical-align: top; }
#formCommentWrite .essential p.useSecret { margin-top: 10px; }
#formCommentWrite .essential p.writeKey { margin-top: 10px; }
#formCommentWrite .essential #commentWriteKey { width: 30px; }
#formCommentWrite .essential .txt { display: block; }
#formCommentWrite .essential input { width: 90px; border: 1px solid #c3c3c3; }
#formCommentWrite .essential input.checkbox { width: 20px; border: 0px; vertical-align: middle; }
#formCommentWrite .content { float: left; padding-left: 10px; }
#formCommentWrite .content textarea { padding: 5px; width: 495px; height: 140px;  color: #666; border: 1px solid #c3c3c3; line-height: 1.2em; }
#formCommentWrite .control { float: right; padding-top: 20px; width: 60px; }
#formCommentWrite .control a { display: inline-block; margin-top: 4px; }


/* upload */
#wrapUpload { }
#wrapUpload fieldset { margin: 0px; padding: 0px; border: 0px; }
#wrapUpload .top { padding-top: 12px; padding-left: 8px; height: 27px; padding-left: 4px; font-size: 1em; font-weight: 900; color: #fff; background: url('../imgs/popup_bg.gif') repeat-x; cursor: default; }
#wrapUpload .top h1 { margin: 0px; padding: 0px; font-weight: 900; font-size: 1em; }
#wrapUpload .top h1 img { vertical-align: middle; }

#wrapUpload .middle { margin-top: 10px; margin-left: 8px; }
#wrapUpload .middle .topBg { height: 8px; font-size: 0em; background: url('../imgs/upload_bg_top.gif') no-repeat; }
#wrapUpload .middle .middleBg { padding: 10px; background: url('../imgs/upload_bg_middle.gif') repeat-y; }
#wrapUpload .middle .bottomBg { height: 8px; font-size: 0; background: url('../imgs/upload_bg_bottom.gif') no-repeat; }
#wrapUpload .middle p.txt { margin-bottom: 15px; font-size: 0.92em; color: #666; }
#wrapUpload .middle .inputFile { width: 250px; height: 22px; border: 0px; border: 1px solid #e9e9e9; }
#wrapUpload .bottom { margin: 0 auto; margin-top: 10px; width: 126px; }

#wrapUpload #loading { width: 80px; font-size: 0.92em; color: #666; text-align: center; }
#wrapUpload #loading img { vertical-align: middle; }


/* report */
#wrapReport { }

#wrapReport h1 {  margin: 0px; padding: 0px;  font-weight: 900; font-size: 1em; color: #fff; }

#wrapReport .top { padding-top: 12px; padding-left: 8px; width: 100%; height: 27px; padding-left: 4px; background: url('../imgs/report/popup_bg.gif') repeat-x; cursor: pointer; }
#wrapReport .top img { vertical-align: middle; }

#wrapReport .middle { margin-top: 10px; margin-left: 8px; }
#wrapReport .middle .topBg { height: 8px; font-size: 0; background: url('../imgs/report/popup_bg_top.gif') no-repeat; }
#wrapReport .middle .middleBg { padding: 10px; background: url('../imgs/report/popup_bg_middle.gif') repeat-y; }
#wrapReport .middle .middleBg .subject { margin: 0px; margin-top: 10px; border: 0px; }
#wrapReport .middle .bottomBg { height: 8px; font-size: 0; background: url('../imgs/report/popup_bg_bottom.gif') no-repeat; }
#wrapReport .bottom { margin-top: 10px; text-align: center; }

#wrapReport .txt { font-size: 0.92em; color: #666; }
#wrapReport .inputSubject { width: 400px; height: 16px; border: 0px; border: 1px solid #e9e9e9; ime-mode: active; }

body#en #wrapReport .inputSubject { width: 366px; }

/* paging */
a.pagingBt { margin-right: 2px; }
a.pagingBt img { vertical-align: middle; }
a.pagingBtList { padding: 5px; padding-top: 3px; padding-left: 8px; padding-right: 8px; color: #333; font-family: tahoma; text-decoration: none; border-left: 1px solid #d9d9d9; }
a.pagingBtList:hover { text-decoration: underline; }
a.pagingBtListFirst { border-left: 0px; }
a.pagingBtListBold { color: #eb302f; font-weight: 900; }