@import url("common.css");
@import url("logo.css");

* { font-size:10pt;}
body{ font-size:10pt;}
#wrap { margin:auto; width:100%;}
#header {position:absolute; z-index:20;height:90px; width:100%; background-color:#fff; border-bottom:30px solid #dfdfdf;}

#header .language{ position:absolute; right:10px; top:15px; z-index:999; text-align:right;}
#header .language label{ float:left;}
#header .language ul{ display:inline;}
#header .language ul li{list-style-type:none;margin-left:8px; display:inline; }
#header .language ul li a{ color:#888;}
#header .language ul li a.current{ color:#000; font-weight:bold; text-decoration:underline;}
#header .language div{ }

/*
#header .language{ position:absolute; right:10px; top:15px; width:150px; z-index:999; cursor:pointer;}
#header .language p{ text-align:right;}
#header .language div{ width:100%;}
*/
#header .account {position:absolute; right:10px; top:50px; text-align:right; width:340px;}


#header .gnbEmpty {height:5px; top:80px;}

#body{ margin-bottom:20px; }
#body #snb{
  z-index: 10;
  width: 180px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #283c51;
}
#body #snb .gnb{ margin-top:120px;}
#body #snb .banner{ margin:10px 0px 10px 7px;}

#body #colgroup{
  padding: 1.3rem 1rem;
  margin-left: 180px;
  padding-top:100px;
  
}

#body h3.pageTitle{ height:40px; line-height:40px;box-shadow: 0 5px 10px rgba(0, 0, 0, .2); border-bottom:2px solid #DDD; padding-top:20px;}
#body h3.pageTitle span{ padding-left:20px;}
#body #colgroup .container{ padding:30px 0px; width:980px;}

#footer{ text-align:center; padding:20px 0px; line-height:160%; position:relative; border-top:2px solid #d3d2d2;}
#footer .copyright{display:inline-block; margin:auto;text-align:left;font-size:12px;}
#footer .powerdby{ font-size:0.9em; color:#808080;margin-left:20px;}
#footer .privacyStatement{ position:absolute;right:10px;top:0px; font-size:0.9em; color:#808080; text-decoration:none;}

#totalstatus{ width:92%; margin:auto; border:1px solid #fff;  border-radius:4px; background-color:#fff;}
#totalstatus .header{ text-align:center; padding:7px 0px; border-bottom:1px solid #395673;}
#totalstatus .body{padding:10px 0px;}
#totalstatus .body ul{ list-style-type:none;}
#totalstatus .body ul li{ line-height:160%; padding-left:10px;}
#totalstatus .body ul li a{ color:#000;}
#totalstatus .body span.item{ margin-right:3px;}
#totalstatus .body span.count{ color:#f00;}
#totalstatus .footer{text-align:center; padding:7px 0px;}


.account dl{ margin-bottom:10px;}
.account dt{ margin-bottom:3px;}
.account dd{ line-height:160%; color:#808080;}
.account dd span{ color:#f00; font-weight:bold;}
.account dd .classificaitonBox span{ color:#000; font-weight:normal;}

/* login page */
.login {width:800px; height:200px; padding-top:30px; margin:50px auto 30px; background:url(/images/cover.jpg) no-repeat 0px 0px; position:relative;}
.login h3{ margin-bottom:5px; text-indent:10px;}
.login .box{ border:2px solid #ddd; border-radius:6px; padding:40px 20px; height:80px; width:450px; position:absolute; left:200px;}
.login .input-field{ width:300px; float:left;}
.login .action-field{ width:100px; float:left;} 

.login dl{ margin-bottom:10px; clear:both;}
.login dt{ float:left; width:80px; height:30px; line-height:30px;}
.login dd{ float:left; width:220px; height:30px; line-height:30px;}
.login .input-field p{ height:30px; line-height:30px; padding-left:80px;}
.login .input-field ul li{ line-height:1.6em; margin-left:100px;}

.loginMsg { width:800px; margin:auto; border-radius:5px;}

/* search id/pass page */
.inquiryIdPass { margin:50px auto; width:500px;}
.inquiryIdPass h4{ margin-bottom:5px; text-indent:10px;}
.inquiryIdPass .inquiryId{ width:500px; margin-bottom:30px;}
.inquiryIdPass .inquiryPass{ width:500px;margin-right:30px;}
.inquiryIdPass .input-field{ width:320px; float:left;}
.inquiryIdPass .action-field{ width:80px; float:left;} 
.inquiryIdPass dl{ margin-bottom:10px; clear:both;}
.inquiryIdPass dt{ float:left; width:90px; height:30px; line-height:30px;}
.inquiryIdPass dd{ float:left; width:220px; height:30px; line-height:30px;}
.inquiryIdPass .box{ border:2px solid #ddd;border-radius:6px; padding:30px 20px; width:100%; height:80px;}

.inquiryIdPass .inquiryId p{ margin-top:8px; text-align:center;}

div.msg{ margin-bottom:20px; padding:20px; background-color:#f1f1f1; border-radius:6px;}

.addSection{border:2px solid #ddd;padding:15px 20px; margin-bottom:20px;}
.addSection dl{ }
.addSection dt{ margin-bottom:3px;}
.addSection dd{ line-height:160%; color:#808080;}
.addSection dd img{ vertical-align:text-bottom; margin-left:2px;}

.classificationMng{ position:relative;}
.classificationMng #subClass{ position:absolute; display:none; width:100%; left:0px; }
.classificationMng #subClass .addSection{ width:400px; margin:10px 40px;}

.classificaitonBox { border:1px solid #acacac; padding:10px 0px;}
.classificaitonBox ul li{ list-style-type:none; padding-left:20px; line-height:160%;}

.listTopBtn_Area{ margin-bottom:10px; text-align:right;}

.statsInfo{margin-top:30px; margin-bottom:35px; padding:20px 10px; background-color:#f1f1f1;}
.statsInfo p{margin-bottom:15px; color:#f00;}

/* author submission page */
#agreement{margin-bottom:20px;}
#agreement_action{ margin-bottom:20px; border-top:2px solid #dfdfdf; padding-top:10px; }

.submissionAgain{ margin-bottom:20px; padding:10px; border-radius:5px; background-color:#f1f1f1; line-height:160%;}

.submissionForm{ margin-bottom:40px;}
.submissionForm h4{ 
	margin-bottom:10px; padding-left:7px; font-size:1.2em; 
	height:30px; line-height:30px; color:#fff; border-bottom:3px solid #427C97;border-left:3px solid #2A455C; 
	background:url(/images/layout/subTitle_BG.png) repeat-y 200px 0px; 
	background-color:#427C97; }
.submissionForm dt{ margin-bottom:3px;}
.submissionForm dd{ margin-bottom:20px;}
.submissionForm .authorWrite{ margin-top:50px;}
.submissionForm .authorWrite .tip strong{ color:#f00;}

.submissionForm .authorWrite .members{overflow-x:auto;}

.submissionForm .headline{ margin-bottom:30px; padding:10px 10px 3px; background-color:#f1f1f1;}
.submissionForm .headline p{margin-bottom:8px;}
.submissionForm .headline p strong{}

.submissionComplete{ line-height:160%;}
.submissionError{line-height:160%;}

.submissionProcess{ background-color:#427C97; margin-bottom:15px;}
.submissionProcess ol{ list-style-type:none;}
.submissionProcess li{ float:left; line-height:40px; width:130px; text-align:center; font-weight:bold; color:#fff; font-family:Verdana;}
.submissionProcess li.selected{background-color:#2A455C;}

.treatiseRead{}
.treatiseRead h4{ 
	margin-top:20px;margin-bottom:10px; padding-left:7px; font-size:1.2em; 
	height:30px; line-height:30px; color:#fff; border-bottom:3px solid #427C97;border-left:3px solid #2A455C; 
	background:url(/images/layout/subTitle_BG.png) repeat-y 200px 0px; 
	background-color:#427C97; }
.treatiseRead dl.info{ position:relative; background-color:#efefef; margin-bottom:1px; }
.treatiseRead dl.info dt{ position:absolute; top:0px; left:10px; width:150px;padding-top:10px; box-sizing:border-box;}
.treatiseRead dl.info dd{ margin-left:150px; min-height:30px; padding:10px; box-sizing:border-box; background-color:#fff; }
/*
.treatiseRead dd{ margin-bottom:20px;}
.treatiseRead dd ul li{ line-height:160%;}
*/

.otherFiles { margin:10px 0px 20px 30px;}
.otherFiles ul li{ line-height:160%; margin-bottom:7px;}
.otherFiles ul li button{ margin-left:20px;}

/* author revision page */
.feedback{}
.feedback ul{  margin:10px 0px 20px 30px;}
.feedback ul li{ line-height:160%; margin-bottom:7px;}
.feedback ul li span{ display:inline-block; width:180px;}
.feedback p{ padding-left:10px;}

/* author read page */
.authorResult {}
.authorResult .result{ color:#f00; font-weight:bold;}
.authorResult dl.info{ margin-bottom:20px;}
.authorResult dl.info dt{ background:url(/Images/icon/bullet_blue.png) no-repeat 5px;padding-left:20px;}
.authorResult dl.info dd{ padding:10px; line-height:160%;}
.authorResult dl.info dd ul{ list-style-type:none;}
.authorResult dl.info dd ul ul{ padding-left:10px;}

.authorResult dl.title{}
.authorResult dl.title dt{ display:none;} 
.authorResult dl.title dd{ background-color:/* #9EE1FE*/ #F1F3F3; font-weight:bold; color:#000; border-radius:5px;}

.authorResult table.read{ border-collapse:collapse; width:100%;}
.authorResult table.read th{ font-weight:normal; border:1px solid #ccc; line-height:160%; background-color:#f1f1f1;}
.authorResult table.read td{ border:1px solid #ccc; padding-left:4px; line-height:160%;}

.authorResult table.list{ border-collapse:collapse; width:100%;}
.authorResult table.list th{ font-weight:normal; border:1px solid #ccc; background-color:#f1f1f1;}
.authorResult table.list td{ border:1px solid #ccc;}
.authorResult .section{margin-bottom:20px;}
.authorResult .section h4{background:url(/Images/icon/bullet_blue.png) no-repeat 5px;padding-left:20px;}
.authorResult .section dl{margin-top:20px; position:relative;}
.authorResult .section dt{ position:absolute;left:0px;top:0px; text-align:right; width:80px; line-height:160%; height:30px;}
.authorResult .section dd{ padding-left:100px;}
.authorResult .section .comment{padding:10px; line-height:160%; background-color:#f1f1f1; margin-bottom:5px;}

.authorResult .section ul{margin-left:20px; margin-top:10px;}
.authorResult .section ul li{ line-height:160%;}

.authorResult .versionSec table.read td{padding:5px;}
.authorResult .versionSec ul.review{ list-style-type:none; margin-left:0px;}
.authorResult .versionSec ul.review li{margin-bottom:10px;}
.authorResult .versionSec ul.review li li{padding:0px !important; margin:0px !important;}
.authorResult .versionSec ul.review div{width:95%; margin:auto; margin-top:10px;}
.authorResult .versionSec ul.review div.title{ height:30px; line-height:30px; width:100%; background-color:#efefef;}
.authorResult .versionSec ul.review div.title span{padding-left:20px;}
.authorResult .versionSec ul.review .result{color:#000;}
.authorResult .versionSec ul.review div.files ul{list-style-type:none;margin:0px; margin-left:5px;}
.authorResult .versionSec ul.evaluation { list-style-type:none; margin:0px; margin-left:5px;}
.authorResult .versionSec ul.evaluation li{}
.authorResult .versionSec ul.evaluation span.score{margin-left:10px; color:#f00; font-weight:bold;}
.authorResult .versionSec div.decision_result{ height:30px; line-height:30px; width:100%; background-color:#f9f9f9;}
.authorResult .versionSec div.decision_result span{padding-left:10px; color:#f00; font-weight:bold;}
.authorResult .versionSec .comment {background-color:#fff;}
.authorResult .versionSec .comment p.content{margin-left:5px;}
.authorResult textarea{ height:100px;}
.authorResult .section dl.finalupload p{ line-height:160%;}


/* editor read page */
.treatiseEditor {}
.treatiseEditor dl{ margin-bottom:20px;}
.treatiseEditor dl dt{ background:url(/Images/icon/bullet_blue.png) no-repeat 5px;padding-left:20px;}
.treatiseEditor dl dd{ padding:3px 10px; line-height:160%;}
.treatiseEditor dl dd ul{ list-style-type:none;}
.treatiseEditor dl dd ul ul{ padding-left:10px;}

.treatiseEditor li.pastfiles{ margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}
.treatiseEditor li.pastfiles ul li{ margin-bottom:6px;}
.treatiseEditor li.pastfiles ul li span{ display:inline-block; width:90px;}
.treatiseEditor dl.file{ margin:0px; position:relative;}
.treatiseEditor dl.file dt{ position:absolute; width:120px; padding:0px !important; background:none; line-height:160%; text-align:right;left:0px;top:0px;}
.treatiseEditor dl.file dd{ padding:0px 0px 0px 130px !important; line-height:160%; min-height:20px;}
.treatiseEditor dl.file ul{ padding-left:0px !important;}


.treatiseEditor .headline { position:relative;}
.treatiseEditor .headline .volume{ position:absolute; right:3px; top:-5px;}
.treatiseEditor .headline .edit{position:absolute;right:0px;top:0px; border-radius:1px; border:1px solid #efefef; background-color:#f1f1f1;font-size:0.9em;padding:2px 4px; cursor:pointer;}


.treatiseEditor dl.title{}
.treatiseEditor dl.title dt{ display:none;} 
.treatiseEditor dl.title dd{ background-color:#ef6b08; font-weight:bold; color:#fff; border-radius:5px; padding:10px;}

.treatiseEditor table.read{ border-collapse:collapse; width:100%;}
.treatiseEditor table.read th{ font-weight:normal; border:1px solid #ccc; line-height:160%; background-color:#f1f1f1;}
.treatiseEditor table.read td{ border:1px solid #ccc; padding-left:4px; line-height:160%;}

.treatiseEditor table.list{ border-collapse:collapse; width:100%;}
.treatiseEditor table.list th{ font-weight:normal; border:1px solid #ccc; background-color:#f1f1f1;}
.treatiseEditor table.list td{ border:1px solid #ccc;}
.treatiseEditor table.list tr.review td{ text-align:center;}
.treatiseEditor table.list tr.review span.return{ font-weight:bold; color:#f00;}
.treatiseEditor table.list tr.review p.comment{ }

.treatiseEditor label.review{ margin-left:4px; font-weight:bold; color:#ef6b08;}

.treatiseEditor dl.integration{ margin:0px; position:relative; margin-top:8px; margin-bottom:20px; background-color:#f7f7f7; padding:10px;}
.treatiseEditor dl.integration dt{ border:none !important; position:absolute; width:90px; padding:0px !important; background-color:#f7f7f7 !important; line-height:160%; text-align:right;left:0px;top:10px;}
.treatiseEditor dl.integration dd{ padding:0px 0px 0px 110px !important; line-height:160%; min-height:20px;}
.treatiseEditor dl.integration ul{ padding-left:0px !important;}
.treatiseEditor dl.integration p.result{ font-weight:bold; color:#ef6b08;}

.treatiseEditor div.help{ text-align:right;}
.treatiseEditor p .btn{margin-left:20px;}
.treatiseEditor p.msg{ padding-left:20px; color:#ef6b08;}
.treatiseEditor dl.objection div{ background-color:#f1f1f1; padding:10px; margin-bottom:10px;}
.treatiseEditor dl.result{ margin-bottom:20px;}
.treatiseEditor dl.result .history{ list-style-type:none;}
.treatiseEditor dl.result .history li{ padding-bottom:10px; border-bottom:1px solid #acacac;padding-top:10px;}
.treatiseEditor dl.result .history dt{ background:none; border:none; display:none;}
.treatiseEditor dl.result .history dd{padding:0px; margin-bottom:10px;}
.treatiseEditor dl.result .history .comment{padding:5px 10px; background-color:#f1f1f1; border-radius:4px;}
.treatiseEditor dl.result #items{}
.treatiseEditor dl.result #items li{ list-style-type:none; margin-bottom:10px;}
.treatiseEditor dl.result #items .txt{ margin-left:10px; width:40px;}
.treatiseEditor dl.result #items .description{ margin-left:20px; font-size:0.75em !important; color:#888;}
.treatiseEditor dl.result textarea{ height:150px !important; margin-bottom:10px;}
.treatiseEditor dl.result p{ text-align:center;}
.treatiseEditor dl.result p label{ margin-right:20px;}
.treatiseEditor dl.result td.result{ text-align:center; vertical-align:top; padding-top:4px;}
.treatiseEditor dl.result td.comment{ vertical-align:top; padding-top:4px;}
.treatiseEditor dl.result td.file{ vertical-align:top; padding-top:4px;}
.treatiseEditor dl.result table{ margin-bottom:30px;}



.treatiseEditor .adminMemoContainer{padding:5px 18px; background-color:#f1f1f1;}
.treatiseEditor .admMemoChecker{}
.treatiseEditor .admMemoChecker-off{display:none;}
.treatiseEditor .admMemoChecker div{padding:5px 0px; margin-bottom:15px; border-bottom:1px solid #bcbcbc; text-align:center;}
.treatiseEditor .admMemoChecker button{padding:5px 40px 5px 20px;  border:none; border-radius:3px; cursor:pointer;
	background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACtklEQVRYR+2US0hUYRTHz3fuHY2wh4tCcaOBEAQ53rkzvamINrmsJDIKHZwHvSl3BlO7WkRENA8JtU1pq6h2vcmKmXtnsoUERUIgiRWKNgude8+JkQQJnPnmbiSYb/udx+/8z0PAMj+xzPmhDFBW4D9VIMLYXJPZqIBdT4gIAr6tHpseeRnZa5W6VSUp4IkbaxhEFwP7gSiroPhMhMxgNwDiOiDqg0r1aqZD+yELIg2g9ZhbmXhQAX7KIK6ZQf3T4iTuaKYekS4w8CFV0JFUwPdKBqIgQL5ii9QqF+TqGPgxILabQf1JocDeRHI3WexBVbxPBXxvi0EUBNDjqSAL4QWGfYL5nBHyPiwWMP/fHEs3KcJuyZGrfzjsHivkUxBAS5idZFl+BcUUAP6kCjwv2189kTpINk6mw57njgH0WMpvs7gFCFkFONJQPRp90Npqy6jQFP1Qp6rUbXZqYccA3kTSzSxaKtXZm0P+nTMyiRfbNEeT5kyuevuXM42zS/lKb0GpyfP2nrjhMoN6zrECfwdqWyakvXMCIONTWIEIo1Zr9KUD+gkQgmUCLthoPeZmsOmygnyj0E0o2gI9nrpvs3IlE9JGZAB23HmzataqvG2TOCAEuBD4lBHy3nU8A95EcpNlQ3sm7LsoAzB/rlG0W3PUpiJkQWB/OuTpdQywJ/JC/V1bdRoYxo2Q954URMzoFoL3sy2GGcVQOuQZcAyQd3T3Ztaqc3SWgSfMgCe21DwcHhxURicbLtnExxBxlxnUvxcDLjoDCwHcsUwjCnsASEyjQtfnVlQ8+3i8KbsAiDlqEcxdwPQLbWhLnfSNF0ue/5cGyBvPt6Om6igxdjDwFkCYQiAE4JUklNcKcNzo1B+VsjElASyuKH9kLFLXq2jRhuqvE7In+l9VHAPIyCtjUwYoK1BW4A8P7xYwz9MJrQAAAABJRU5ErkJggg==") no-repeat 96% 45%;
}

.treatiseEditor .admMemoChecker button span{font-size:.9rem;}
.treatiseEditor .admMemoChecker button span.msg{ color:rgba(117, 185, 221, 1); font-weight:bold;}

.treatiseEditor .admMemoList{}
.treatiseEditor .admMemoList li.memo{}
.treatiseEditor .admMemoList li.memo div.name{font-size:.9rem;}
.treatiseEditor .admMemoList li.memo div.contents{float:left;margin-right:10px;padding:6px 8px; background-color:#fff;border-radius:3px;max-width:85%;}
.treatiseEditor .admMemoList li.memo div.info{ float:left; font-size:.85rem; line-height:140%;}
.treatiseEditor .admMemoList li.memo div.info button.remove { width:16px;height:16px;border:none; cursor:pointer;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABLElEQVQ4T+2TQSuEURSGn/dioxSaWCkWU6xkR5OUlcUotrLwDxS/g/ITpGwpFjYW0sROViMpyoomlLLBffXpfjVN32h+gLu6nfec55z73ntF8eoC5oHhJD8Bp0BsTVdRvaRjYAF4S3o/cGK72gmgLOnW9gxwmQqmJV3YLgN3zZB8gg1JK0noBSaAa+ArxbqBSaAOfGQx2/vAdg6ohBCWbW9K2okxNoqOFkIo2V6XtBVjPABqzR6MSrq3nXW/ATIjvxMo349LqtseAx4yrR0gSKrZHvpNkp5tV7Jb6BRQknRuuy8B3m3PAo1/QOcefEo6tD2VTLyyvQT0/GXigKQX24tA9heKVlXSke1B4LX1HRBC2LW9mosFhKzJXoxxLdeKfuMcMNJmgkfgrFn7AZE8zBFEB84JAAAAAElFTkSuQmCC") no-repeat 50% 50%;
}
.treatiseEditor .admMemoList li.memo div.date button.remove span{display:none;}
.treatiseEditor .admMemoList li.remove div.contents{color:#898989; padding:8px 8px;}
.treatiseEditor .admMemoList li.memo::after{content:' ' ; display:block; clear:both; margin-bottom:12px;}
.treatiseEditor .admMemoList li.memo:last-child{border-bottom:1px solid #bcbcbc;}
.treatiseEditor .admMemoWrite{padding:8px 0px; position:relative;}
.treatiseEditor .admMemoWrite textarea{width:90%; border:1px solid #dfdfdf;}
.treatiseEditor .admMemoWrite button{position:absolute; right:10px;top:8px;}


.treatiseEditor .integrationResult{padding:10px;margin-bottom:20px; background-color:#f3f3f3;}
.treatiseEditor .integrationResult .title{font-weight:bold; margin-bottom:5px;}
.treatiseEditor .integrationResult{}

.treatiseEditor .authorSection{ position:relative;}
.treatiseEditor .basicSection{position:relative;}
.treatiseEditor .abstractSection{ position:relative;}
.treatiseEditor .update{ position:absolute; right:10px; top:-5px; }

/* 2025.05.12 */
.treatiseEditor .fileSection{position:relative;}
.treatiseEditor #enableFileEdit{position:absolute;right:15px;top:-5px; text-align:right;}

table.recommendList{ width:65% !important; float:left;}
table.recommendList thead .th1{height:26px !important; border-bottom:1px solid #dddddd !important;}
table.recommendList thead .th2{height:26px !important; border-top:none !important;}
table.recommendList td button{ width:60px !important;}

div.reviewerPool{width:30%; float:right;}
div.reviewerPool .ui-icon{ display:inline-block;}
div.reviewerPool .ui-button{float:right;width:20px;height:20px; overflow:hidden; box-sizing:border-box; white-space:nowrap; padding:1px;  border:none;  background-color:#fff; border-radius:3px; text-indent:-9999px;}
div.reviewerPool .ui-close{ display:block; overflow:hidden; background:url("/content/themes/base/images/ui-icons_cd0a0a_256x240.png") -96px -128px; width:16px; height:16px; vertical-align:middle;}
div.reviewerPool table.list span.institution{margin-left:18px;}
div.reviewerPool table.list span.roleName{margin-left:6px; font-size:0.8em; background-color:#f6f3b4;padding:1px;}
div.reviewerPool table.list tr.assign span.name{ font-weight:bold;}
div.reviewerPool table.list tr.except td{ background-color:#f3f3f3; color:#888888;}
div.reviewerPool table.list tr.except .ui-button{ background-color:#f3f3f3;}
div.reviewerPool span.mark{padding:2px; font-size:0.8em;border-radius:2px;}
div.reviewerPool tr.except span.mark{ background-color:#000; color:#fff; margin-right:2px;}
div.reviewerPool tr.assign span.mark{ background-color:#ff0000; color:#fff; margin-right:2px;}

strong.guestReviewerDuplication{ font-weight:normal; color:#ff0000;}
strong.guestReviewerDuplication span.kor-online{ color:#000; font-weight:bold;}

div.resubmissionPeriod{ background-color:#efefef;padding:15px; position:relative; line-height:160%;}
div.resubmissionPeriod strong{margin-left:3px;font-size:1.1em; color:#ff0000;}
div.resubmissionPeriod .edit{position:absolute;right:20px;bottom:10px; border-radius:1px; border:1px solid #dfdfdf; background-color:#f1f1f1;font-size:0.9em;padding:2px 4px; cursor:pointer;}
div.resubmissionPeriod .edit span{font-size:9pt;}

/*reviewer list page */
.reviewList table.list{ margin-top:30px;}

/* reviewer read page */
.treatiseReview {}
.treatiseReview .baseInfo{ position:relative; margin-bottom:4px;}
.treatiseReview .baseInfo .manuscriptID{}
.treatiseReview .baseInfo .deadline{ float:right;}

/*
.treatiseReview dl.title{ margin-bottom:8px;}
.treatiseReview dl.title dt{ display:none;} 
.treatiseReview dl.title dd{ background-color:#ef6b08; font-weight:bold; color:#fff; border-radius:5px;padding:10px; line-height:160%;}
*/
.treatiseReview .headline p{position:relative;}
.treatiseReview .headline p span{ position:absolute; right:0px; top:-5px; font-weight:bold;}
.treatiseReview dl.title{ margin-bottom:8px;}
.treatiseReview dl.title dt{ display:none;} 
.treatiseReview dl.title dd{ background-color:/* #9EE1FE*/ #F1F3F3; font-weight:bold; color:#000;padding:10px; line-height:160%; border-radius:5px;}

.treatiseReview p.file{ position:relative;background:url(/images/icon/stock_draw-line-ends-with-arrow.png) no-repeat 8px 50%; padding-left:40px; margin-bottom:10px;}
.treatiseReview dl.etcfile{ position:relative;margin:20px 0px;}
.treatiseReview dl.etcfile dt{position:absolute; left:0px;top:0px; width:80px; line-height:160%;background:url(/images/icon/stock_draw-line-ends-with-arrow.png) no-repeat 8px 0px;padding-left:40px;}
.treatiseReview dl.etcfile dd{ padding-left:180px;}
.treatiseReview dl.etcfile ul{ list-style-type:none;}
.treatiseReview dl.etcfile li{ line-height:160%;}

.treatiseReview dl.reviewHistory{margin-top:30px;}

.treatiseReview dl.review{ margin-bottom:20px;}

.treatiseReview{}
.treatiseReview dl.review dt.sectionTitle{ background-color:#ccc;padding:5px; padding-left:10px;}

.treatiseReview dl.review dd{ padding:10px 5px; line-height:160%;}
.treatiseReview dl.review .history{ list-style-type:none;}
.treatiseReview dl.review .history li{ border-bottom:1px solid #acacac;padding-top:10px;}
.treatiseReview dl.review .history dt{ background:none; border:none; display:none;}
.treatiseReview dl.review .history dd{padding:0px; margin-bottom:10px;}
.treatiseReview dl.review .history .comment dd{padding:5px 10px; background-color:#f1f1f1; border-radius:4px;}
.treatiseReview dl.review #items{}
.treatiseReview dl.review #items li{ list-style-type:none; margin-bottom:10px;}
.treatiseReview dl.review #items .mark{ margin-right:6px;}
.treatiseReview dl.review #items .txt{ margin-left:10px; width:40px;}
.treatiseReview dl.review .description{ font-size:0.75em !important; color:#888;}
.treatiseReview dl.review textarea{ height:150px !important;}
.treatiseReview dl.review p{ }
.treatiseReview dl.review p label{ margin-right:20px;}
.treatiseReview dl.evaluation { list-style-type:none; background-color:#f1f1f1; border-radius:4px; padding:5px 10px; margin-bottom:10px;}
.treatiseReview dl.evaluation li{ border:none !important; padding:0px !important; list-style-type:none;}
.treatiseReview dl.evaluation span.score{margin-left:10px; color:#f00; font-weight:bold;}

.treatiseReview dl.info dd{padding:0px 5px; background-color:#f7f7f7;margin:10px 0px 30px;}
.treatiseReview dl.info dl{ position:relative;}
.treatiseReview dl.info dd dt{ position:absolute; top:0px; left:0px; width:150px;}
.treatiseReview dl.info dd dd{ padding-left:140px ; min-height:30px;}
.treatiseReview dl.info dd dd{margin-bottom:0px !important; min-height:initial !important;}
.treatiseReview dl.info dd  ul li{ list-style-type:none;}
.treatiseReview dl.info strong{ color:#ff0000;}

.treatiseReview .total{ margin-bottom:10px;}
.treatiseReview .total .txt{ width:50px;}

.treatiseReview table.write{ border-collapse:collapse; width:100%;}
.treatiseReview table.write th{ height:35px; text-align:left; padding-left:20px; border-bottom:1px solid #e0e0e0; background-color:#f8f8f8;}
.treatiseReview table.write td{ border-bottom:1px solid #e0e0e0; padding-left:20px; line-height:160%;}
.treatiseReview table.write td ul li{ list-style-type:none;}

.reviewComplete{ line-height:160%; }


.reviewFiles { margin:10px 0px 20px 30px;}
.reviewFiles ul li{ line-height:160%; margin-bottom:7px; border:none !important; padding:0px !important;}
.reviewFiles ul li button{ margin-left:20px;}

#reviewerResult{ border-collapse:collapse; width:100%;}
#reviewerResult thead th{ font-weight:normal; border:1px solid #ccc;}
#reviewerResult tbody th{ border:1px solid #ccc; font-weight:normal;}
#reviewerResult tbody td{ border:1px solid #ccc; text-align:center;}



/**/
.treatiseReviewAgain { border-bottom:1px solid #acacac; margin-bottom:20px;}
/* reviewer confirm page*/
.treatiseReviewConfirm { margin-bottom:40px; border-bottom:1px solid #acacac; padding-left:10px; padding-bottom:20px;}
.treatiseReviewConfirm dl{}
.treatiseReviewConfirm dt{ float:left; width: 120px; margin-bottom:20px;}
.treatiseReviewConfirm dd{ float:left; width:800px;}

/* publication add page */
.volumeWrite{}
.volumeWrite dl{ margin-bottom:10px;}
.volumeWrite dt{ margin-bottom:3px;}
.volumeWrite dd{ line-height:160%; color:#808080;}
.volumeWrite dd span{ color:#f00; font-weight:bold;}


/* publication read page */
.volumeRead{ padding:10px; background-color:#f1f1f1; border-radius:4px; margin-bottom:30px;}
.volumeRead dl{position:relative; width:50%; margin-bottom:5px;}
.volumeRead dt{ position:absolute; left:0px; top:0px; width:130px; text-align:right;}
.volumeRead dd{ padding-left:150px;}

.volumeRead dl.left{ float:left;}
.volumeRead dl.right{ float:right;}

.postsLedger { padding-top:30px; margin-bottom:20px;}
.postsLedger dl{position:relative; margin-bottom:5px;}
.postsLedger dt{ position:absolute; left:0px; top:0px; width:130px; text-align:left;}
.postsLedger dd{ padding-left:150px;}

/* request backup */
.backup{}
.backup dl{ }
.backup dt{ margin-bottom:3px;}
.backup dd{ line-height:160%; color:#808080;}
.backup dd span{ color:#f00; font-weight:bold;}

.submissionID strong.urgency{ background:url(/images/icon/1444731680_urgency.png) no-repeat 2px 0px;padding:5px 40px 6px ; line-height:30px;}

/* treatise control center */
.tcc{}
.tcc dl{ margin-bottom:10px;}
.tcc dt{ margin-bottom:3px;}
.tcc dd{ line-height:160%; color:#808080;}
.tcc dd span{ color:#f00; font-weight:bold;}

/* treatise revivew status */
.trs{ border-collapse:collapse; width:100%;}
.trs th{ font-size:10pt; border:1px solid #dfdfdf; background-color:#f1f1f1; line-height:160%; font-weight:normal;}
.trs td{font-size:10pt; border:1px solid #dfdfdf; text-align:center; line-height:160%;}
.trs td.strong{ color:#ef6b08; font-weight:bold;}
.trs td.tit{ text-align:left;}

p.irb{ font-size:0.85em; margin-top:5px; line-height:160%; padding:10px 20px; background-color:#f7f7f7; color:#f00;}
table.irb{ border-collapse:collapse; width:100%;}
table.irb th{ line-height:160%; padding:4px 0px; background-color:#f1f1f1; border:1px solid #dfdfdf;}
table.irb td{ line-height:160%; padding:4px 0px 4px 180px; border:1px solid #dfdfdf;}
table.irb td label{ margin-left:10px;}

p.userInput { line-height:160%; background-color:#f7f7f7; padding:10px 20px; margin-top:10px;}
p.userInput strong{ color:#f00; font-weight:normal;}

.completeCheck{margin-top:-8px;padding-top:18px; background:url(/Images/icon/roundTop.png) no-repeat 270px 0px; position:relative;}
.completeCheck span{border:1px solid #9e9e9e; padding:6px; background-color:#fff; border-radius:6px; color:#f00; z-index:-1; position:absolute; top:14px;}

.list_sort{ float:right;}

/*
.publicationCheck{ margin-top:-25px; margin-bottom:-6px; padding-bottom:14px; background:url(/Images/icon/roundDown.png) no-repeat 45% bottom; position:relative; height:28px; text-align:center;}
.publicationCheck span.boxing{ display:block; border:1px solid #9e9e9e; border-radius:2px; font-size:12px; z-index:-1; font-weight:bold; position:absolute; left:41.3%; color:#d00000; width:21%; height:26px;}
.publicationCheck span{ line-height:26px;}
.publicationCheck span input{margin-left:30px; z-index:999;}
*/

.publicationCheck{ margin-top:-25px; margin-bottom:-6px; padding-bottom:14px; background:url(/Images/icon/roundDown.png) no-repeat 52% bottom; position:relative; height:28px;}
.publicationCheck span.boxing{ display:block; border:1px solid #9e9e9e; border-radius:2px; font-size:12px; z-index:-1; font-weight:bold; position:absolute; left:46.3%; color:#d00000; width:21%; height:26px;}
.publicationCheck span{ line-height:26px;}
.publicationCheck span input{margin-left:120px; z-index:999;}



.kci-report {}
.kci-report .includeViolations{background-color:#f3f3f3;padding:10px 20px; margin-bottom:20px;}
.kci-report .includeViolations span{display:inline-block; position:relative; width:72px;padding:6px 8px; border:1px solid #dcdced; border-radius:5px; background-color:#fff;}
.kci-report .includeViolations span.yes{}
.kci-report .includeViolations span.no{margin-left:3px}
.kci-report .includeViolations span input{ position:absolute;}
.kci-report .includeViolations span label{padding-left:15px;}
.kci-report .includeViolations span input:checked + label{ color:#f00;}
.kci-report .msg{background-color:#f3f3f3;padding:10px 15px; margin-bottom:10px;}
.kci-report .msg ul{margin-left:20px;}
.kci-report .msg ul li{line-height:180%;}
.kci-report .search{ background-color:#f3f3f3;padding:10px 0px; text-align:center; margin-bottom:40px;}
.kci-report .search select{height:30px; width:80px; margin:0px 5px;}
.kci-report .section{margin-bottom:80px;}
.kci-report h4{margin-bottom:10px;}
.kci-report h4 button{float:right;}
.kci-report h4::after{content:' ' ; display:block; clear:both;}
.kci-report table.list{border-top:2px solid #333;}
.kci-report table.list th{border:1px solid #acacac;}
.kci-report table.list td{border:1px solid #dfdfdf;}


.kci-report .graph{}
.kci-report .graph .section{width:50%;float:left;padding:0px 10px; box-sizing:border-box;}
.kci-report .graph::after{ content:' ' ; display:block; clear:both;}

.kci-report .author{}
.kci-report .author .section{width:50%;float:left;padding:0px 10px; box-sizing:border-box;}
.kci-report .author::after{ content:' ' ; display:block; clear:both;}

.kci-report .kci-count{}
.kci-report .kci-count table{float:left; width:60%;}
.kci-report .kci-count .result{float:right;width:30%;margin-right:3%; text-align:center; height:150px; line-height:150px; background-color:#f7f7f7; font-size:18pt; font-weight:bold;}
.kci-report .kci-count::after{ content:' ' ; display:block; clear:both;}

.kci-inspection-casebook{ margin-bottom:20px; text-align:center;background-color:#ef6b08; padding:10px 0px; }
.kci-inspection-casebook a{font-weight:bold; color:#fff;font-size:17px;}

/* Event Message */

div.eventMessage{}
div.eventMessage h4{margin-bottom:10px;font-weight:bold; font-size:14px;}
div.eventMessage div.commonWrite{margin-bottom:40px;}

.absBox{line-height:160%; background-color:#f5f5f5;padding:20px;}
.absBox .abs{margin-bottom:20px; word-break:keep-all;}


/* faq */
ul.faq_cate{ list-style-type:none;border-bottom:1px solid #bbb;}
ul.faq_cate li{float:left;margin-right:2px;margin-bottom:-1px;}
ul.faq_cate::after{ content:' ' ; display:block;clear:both;}
ul.faq_cate a{color:#fff; display:block;padding:7px 30px;border:1px solid #bbb;background-color:#427C97; border-top-left-radius:5px; border-top-right-radius:5px; }
ul.faq_cate a.selected{border-bottom:1px solid #fff; background-color:#fff; font-weight:bold; color:#2A455C;}

div.faq_list{ margin-top:10px; }
div.faq_list div.faq {border-bottom:1px solid #dfdfdf;}
div.faq  .title{line-height:160%;padding:10px 15px; cursor:pointer;}
div.faq  .contents{ display:none; padding:20px;}

div.faq_on  .title{ background-color:#f3f3fe; border-bottom:1px solid #dfdfdf; font-weight:bold;}
div.faq_on .contents{ display:block;}