.edit-article {
	float: left; 
	/*height: 600px; */
	width: 600px; 
	background-color: #eeeeee; 
	border: 1px solid #555555;
}

.help-box {
	float: left; 
	height: 200px; 
	width: 200px; 
	background-color: #eeeeee; 
	border: 1px solid #555555; 
	margin-left: 20px;
}

.more-info-box {
	float: left; 
	height: 200px; 
	width: 200px; 
	background-color: #eeeeee; 
	border: 1px solid #555555; 
	margin-left: 20px; 
	margin-top: 18px;
}

.article-wrap {
	width: 900px;
}

.article-textarea {
	width: 500px;
	height: 200px;
	font-size: 12px; 
	font-family: Georgia, Garamond;
	overflow: auto;
}

.article-input {
	width: 300px; 
	height: 20px; 
	font-size: 14px;
	font-family: Georgia, Garamond;
	
}

.view-wrapper {
	padding: 5px; 
	border: 1px solid #dddddd;
	width: 520px;
}

.view-header {
	width: 520px; 
	height: 80px; 
	background-color: #333333;
}

.view-intro {
	font-family: Georgia, Garamond; 
	font-size: 12px; 
	font-weight: bold; 
	text-align: justify;
}

.view-body {
	font-family: Georgia, Garamond; 
	font-size: 12px; 
	font-weight: normal; 
	text-align: justify;
}

#box:hover {
	background: purple;
	color: #ffffff;
}

.comments {
	margin-top: 20px;

}
.addComment {
	width: 350px; 
	background-color: #eeeeee;
	border: 1px solid #e0e0e0;
	padding: 10px;
	
}

.commentTable {
	width: 100%;

}

.commentarea {
	font-size: 11px; 
	border: 0px; 
	height: 60px;
	width: 100%;
}
.commenttitle {
	font-size: 12px; 
	font-weight: bold;
	border: 0px; 
	width: 100%;
}

.viewmore {
	font-weight: bold; 
	font-size: 9px;
	margin: 0px;
	margin-bottom: 2px;
}

.morebtn {
	cursor: pointer;
	border: none;
}

.fakelink {
	text-decoration: none;
}

.stars-active {
	float: left;
	cursor: pointer;
}

.stars {
	float: left;
}