@charset "utf-8";

.surveyContainer {
    border: 1px solid #e2e2e2;
    background: #f5f5f5;
    padding: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin: 10px 0 20px;
    width: 578px;
    clear: both;
}

    .surveyContainer h3 {
        font-size: 20px;
        font-weight: bold;
        color: #00539f;
        display: block;
		margin-bottom: 5px;
    }

.surveyForm {
    clear: both;
    float: left;
    width: 575px;
    margin-top: 10px;
}

    .surveyForm .commentArea {
        width: 570px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        resize: none;
    }

input.submit {
    background: url(images/button/btn_submit.gif) no-repeat 0 0;
    width: 66px;
    height: 23px;
    border: none;
    cursor: pointer;
}

.surveyForm .submit {
    padding-top: 10px;
}

.survey-wrap {
	width:590px;
	margin:0 auto;
	padding:10px;
	background:#f1f1f1;
	float:left;
	margin-bottom: 20px;
	border-radius: 3px;
	border: 1px solid #e2e2e2;
}

h4 {
	padding:0px;
	margin:0px;
	font-size:16px;
}

.survey-indv-wrap {
	float:left;
	margin-bottom:30px;
}

.survey-list {
	float:left;
	width:580px;
	margin:0px;
	padding:0px;
}

.nilai-artikel li {
	float:left;
	list-style:none;
	width:105px;
	font-size:11px;
	text-align:center;
}

.nilai-halaman li {
	float:left;
	list-style:none;
	width:84px;
	font-size:11px;
	text-align:center;
}

.survey-list li {
	float:left;
	list-style:none;
	font-size:11px;
	text-align:center;
}

.survey-list li:first-child {
	float:left;
	width:160px;
	font-size:13px;
	text-align:left;
}

.nilai-artikel li .count-box {
	float:left;
	width:85px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	font-size:11px;
	border:solid 1px #ccc;
	height:16px;
	vertical-align:middle;
	text-align:center;
}

.nilai-halaman li .count-box {
	float:left;
	width:64px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	font-size:11px;
	border:solid 1px #ccc;
	height:16px;
	vertical-align:middle;
	text-align:center;
}

.comments-list {
	float:left;
	padding:0;
	margin:0;
	width:580px;
	margin-top:10px;
	padding-top:10px;
	border-top:solid 1px #ccc;
	margin-bottom:20px;
}

.comments-list li {
	float:left;
	width:100%;
	list-style:none;
	font-size:13px;
	padding-bottom:15px;
	border-bottom:solid 1px #ccc;
	margin-bottom:10px;
}

.comment-time {
	float:left;
	width:100%;
	font-size:11px;
	margin-bottom:5px;
	color:#999;
}