*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}a img{border:0} 
/*body { font: 1em Georgia, "Times New Roman", Arial, Sans-Serif; color: #2F4F4F; }*/
body { font: 1em Arial; color: #2F4F4F; }

a { color: #2F9D27; text-decoration: none; }
h1 { color: #191970; font-size: 1.8em; font-weight: thick; }
h2 { color: #191970; font-size: 1.3em; font-weight: thick; }
h3 { color: #191970; font-size: 1.1em; font-weight: thick; }
p  { clear: both; margin: 5px 0 15px; line-height: 1.3em; }
.clear { clear: both; }
.line { clear: both; width: 800px; border-bottom: 1px solid #ddd; margin: 20px 0 20px; }
.noline { clear: both; width: 750px; border-bottom: 1px solid #ddd;margin: 20px 0 20px; }
.noline2 { clear: both; width: 750px; border-bottom: 1px solid #ddd;margin: 10px 0 10px; }
.nline1 { clear: both; width: 800px; margin: 30px 0 30px; }
.nline2 { clear: both; width: 800px; margin: 50px 0 50px; }

p.listhead {
 font-size: 1.0em;
 margin-bottom: 7px;
}
ul.mark {
  margin-left: 25px;
  list-style: circle;
  margin-bottom: 10px;
}
li.mark {
  margin-bottom: 2px;
}

.wrap { margin: 0 auto; width: 800px;}
#logo { float: center; margin: 0 0 30px; }
#subject { float: center; margin: 0 0 15px; }

#header{ padding: 20px 0 5px 0; background: #FFFFFF; }
	#intro {float: center;  clear: both; width: 800px; margin: 5px 0 5px;}
	#mypic { float: right; width: 200px; height: 300; margin: 17px 0 10px;}

#cont{ padding: 5px 0 5px 0; background:#FFFFFF;}
	#mycont {float: center; clear: both; width: 800px;}

#footer { padding: 0 0 5px 0;}
	#copyright { float: left; margin: 2px 0 0; color: #9D436F; font-size: .9em; }
		#copyright p { margin: 0 0 5px; }
		#copyright a { color: #60183B; }
	#counter { float: right; margin: 0 0 0; color: #9D436F; font-size: .8em; }

pre {
  height: 124px;
  margin-bottom: 1px;
  text-align: start;
  padding: 28px 10px;
  color: #333;
  background-color: #e6e6e6;
}
code, pre {
  font-family: "Source Code Pro", monospace;
  font-size: 0.90em;
}
/* evaluation table */
p.table-head {
  text-align: center;
  margin-bottom: 5px;
}
p.table-footer {
  margin-top: 15px;
}
div.qualitative-container{
  width: 800px;
}
div.table-container {
  width: 800px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 15px;
}
div.paper-link-box {
  width: 350px;
  padding-left:0px;
}
div.link-box {
  width: 110px;
  height: 18px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-top: 3px;
  color: white;
  font-size: 13px;
  margin-right: 3px;
  float:left;
}
div.link-box-text {
  margin-top: auto
  margin-bottom: auto
  margin-left: auto
  margin-right: auto
}
#link-box1 {
  background-color: #99523D; 
}
#link-box3 {
  background-color: #0986B2; 
}
#supple-link {
  width: 800px;
  padding-left: 0px;
  margin-bottom: 30px;
}
#link-box2 {
  background-color: #115A66;
  width:140px;
}
div.paper-info-box {
  padding-bottom:3px;
}
div.paper-title-box {
  font-size: 19px;
  padding-bottom:3px;
  color: #827250;
  font-weight:bold;
}
div.paper-author-box {
  font-size: 17px;
  padding-bottom:3px;
  color: #527364;
}
div.paper-box {
  width:530px;
  min-height:76px;
  margin-left: auto;
  margin-right: auto;
}
div.paper-note-box {
  float: left;
}

div.paper-image-box {
  width:60px;
  float: left;
  padding-top: 5px;
  padding-left:5px;
  padding-right:5px;
  margin-right: 8px;
}
table.eval {
  text-align: center;
  font-size:13px;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  color:#303030;
}
tr.eval-head {
}

tr.eval-head-bottom {
  border-bottom: 1px solid;
}
tr.eval-body-top {
  border-bottom: 1px solid;
} 
tr.eval-body-bottom {
  border-bottom: 1px solid;

}
td.eval1-head-left {
  border-right: 1px solid;
  padding-left: 26px;
  padding-right: 26px;
}
td.eval1-head-mid {
  padding-left: 19px;
  padding-right: 18px;
}
td.eval1-head-right {
  border-left: 1px solid;
  padding-left: 19px;
  padding-right: 18px;
}
td.eval2-head-left {
  padding-left: 25px;
  padding-right: 25px;
  border-right: 1px solid;
}
td.eval2-head-mid {
  padding-left: 20px;
  padding-right: 20px;
}
td.eval2-head-right {
  border-left: 1px solid;
  padding-left: 20px;
  padding-right: 20px;
}
td.eval3-head-left {
  padding-left: 25px;
  padding-right: 25px;
  border-right: 1px solid;
}
td.eval3-head-mid {
  padding-left: 20px;
  padding-right: 20px;
}
td.eval3-head-right {
  border-left: 1px solid;
  padding-left: 20px;
  padding-right: 20px;
}
td.eval4-head-left {
  padding-left: 35px;
  padding-right: 34px;
  border-right: 1px solid;
}
td.eval4-head-mid {
  padding-left: 20px;
  padding-right: 20px;
}
td.eval4-head-right {
  border-left: 1px solid;
  padding-left: 20px;
  padding-right: 20px;
}

/* 
 * supplementary document style 
 */
/* div */
div.qa-clip{
	width: 95%;
	background-color: #EFEFEF
	overflow: hidden;
}
/* table */
table.examples{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
/* tr */
/* th */
th.item-clip{
	padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 1px;
}
th.item-qa{
	width: 30%;
	height: auto;
	padding-left: 3px;
	padding-right: 3px;
}
th.item-type{
	border-top: 1px solid black;
}
/* td */
td.item-clip{
	padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 1px;
}
td.item-qa{
	width: 30%;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}
td.item-type{
	border-top: 1px solid black;
}
/* img */
img.clip{
	width: 95%;
	height: auto;
	padding-top: 2px;
	padding-bottom: 2px;
}