@charset "utf-8";

#mainArea h1 {
	padding:0 0 10px;
}

.copy {
	margin:0 0 10px;
	padding:14px 0 10px;
	background:#f9f8f4;
	text-align:center;
}


#listArea {
	width:608px;
	margin:0 auto;
	border:solid 1px #cdcdcd;
}

#listArea .heading {
	margin:1px;
	width:606px;
	background:#000;
}

#listArea .heading img {
	display:block;
}

#listArea .heading h2 {
	float:left;
	padding:4px 16px 5px;
}

#listArea .heading .num {
	float:right;
	padding:8px 12px;
}

#knowledgeList {
	padding:1px;
	border-top:solid 1px #cdcdcd;
}

#knowledgeList li {
	float:left;
	overflow:hidden;
	width:578px;
	height:17px;
	padding:10px 14px 7px 14px;
	background-image:url(../images/dotline.png);
	background-position:left top;
	background-repeat:repeat-x;
}

#knowledgeList li.even {
	background-color:#f7f6f2;
}

#knowledgeList li.firstOne {
	padding-top:7px;
	background-image:none;
}

#knowledgeList li dl {
	float:left;
}

#knowledgeList dt,
#knowledgeList dd {
	float:left;
	height:17px;
	line-height:17px;
}

#knowledgeList dt {
	/*width:72px;*/
	padding-right:13px;
	color:#666;
}

#knowledgeList dd.status {
	width:48px;
	height:17px;
	padding-right:13px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-999em;
}

#knowledgeList dd.open {
	background-image:url(../images/icon_open.png);
}

#knowledgeList dd.solved {
	background-image:url(../images/icon_solved.png);
}


/* @group clearfix ----------------------------------------- */

#listArea .heading:after,
#knowledgeList dl:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
}

#listArea .heading,
#knowledgeList dl {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html #listArea .heading,
* html #knowledgeList dl {
	height:1%;
}

#listArea .heading,
#knowledgeList dl {
	display:block;
}
/* End hide from IE-mac */

/* @end */
