
.tool {
	padding: 10px;
	background: #111;
	border: 1px dashed #555;
	margin: 2px;
	width: auto;
	float: left;
}
.tool_disabled {
	background: #222;
	color: #555;
}
.workspace_hover {
	background: #111;
	border: 1px dashed #999;
}
.workspace_active {
	background: #9cf;
}	
.workspace {
	.background: #070707;
	clear: both; 
	margin-top: 10px; 
	padding: 10px 10px 40px 10px;
	border: 1px solid #555;
	text-align: left;
}
input {
	float: none;
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: bolder;
}
label {
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
	text-align: left;
}
#survey_name {

}
.question_form {
	margin: 0 0 20px 0;
}
.question_preview {
	margin: 0 0 20px 0;
	padding: 0;
	border: 1px dashed #555;
	background: #0a0a0a;
}
.question_text {
	background: #333;
	font-weight: bolder;
	padding: 10px;
	margin: 0;
	border-bottom: 1px solid #333;
}
.question_answers {
	padding: 10px;
}
#questions {
	margin: 0 0 30px 0;
}

.preview_survey {
	margin: 0 0 20px 0;
	padding: 0;
	border: 1px dashed #555;
	background: #0a0a0a;
}
.preview_survey_name {
 	margin-bottom: 30px; 
 	padding: 10px; 
 	background: #000; 
 	text-align: left;
}
.preview_question_text {
	background: #111;
	font-weight: bolder;
	padding: 5px 10px;
	margin: 0;
	border-left: 1px solid #111;
	border-right: 1px solid #111;
	border-top: 1px solid #111;
}
.preview_answers {
	padding: 10px;
	border-bottom: 1px solid #111;
	border-left: 1px solid #111;
	border-right: 1px solid #111;
	margin: 0 0 20px 0;
}
