@import url("code.css");
@import url("comments.css");

#document-tree{
	width:200px;
	margin-right:10px;
	float:left;
	margin:1em 0;
}

#document-tree li {
	background-image: url(../images/related.png);
	background-repeat: no-repeat;
	background-position:2px center;
	padding:2px 0 2px 22px;
	margin-bottom:0.25em;
}

#document-tree p {
	border-bottom:1px solid #EFEFEF;
	padding-bottom:0.5em;
	margin:2em 0 0.5em 0;
	text-transform: uppercase;
	color: #999999;
	background-image: url(../images/help-folder.png);
	background-repeat: no-repeat;
	background-position:left top;
	padding-left:20px;
	height: 16px;
	line-height:16px;
}

#document-content{
	width:750px;
	float:right;
}

#document-rate{ margin:2em 0; }

#document-rate p{
	margin-bottom:1em;
}

#document-rate input,
#document-comment input {
	width:75px;
	height:22px;
	line-height:22px;
}

#document-comment span{
	font-size:10px;
	color:#999;
	margin-bottom: 1em;
	display:block;
} 
	
#document-related{
	margin:1em 0 2em 0;
	border-bottom:1px solid #EFEFEF;
	padding-bottom:1em;
}

#document-related li {
	background-image: url(../images/related.png);
	background-repeat: no-repeat;
	background-position:left center;
	padding-left:20px;
	height: 16px;
	line-height:16px;
	margin-bottom:0.25em;
}

#document-header{
	padding:1em 0;
	border-bottom:1px solid #EFEFEF;
	margin-bottom:1em;
}

#document-info{
	float:right;
	width:200px;
	background-color: #fff;
	border:1px solid #EFEFEF;
	margin:0px 0px 10px 10px;
}

#document-info-header{
	line-height:19px;
	height:19px;
	padding:5px;
	background-color:#BCCAD6;
}

#document-info-body li {
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
}

#document-info-body li.updated {
	background-color: #A5FF92;
}

li.skill{
	background-image: url(../images/skill.gif);
	background-repeat: no-repeat;
}

#downloads{
	border-top:1px solid #EFEFEF;
	padding-top:10px;
	margin:1em 0;
}

#downloads li {
	background-image: url(../images/zip.png);
	background-repeat: no-repeat;
	background-position:2px center;
	padding:2px 0 2px 22px;
	margin-bottom:0.25em;
}

#document-comment {
	margin:1em 0;
}

#document-comment p {
	margin:0 0 1em 0;
}

#documment-comment textarea {
	display:block;
	width:800px;
}