/* These styles only apply to the default (table-based) layout */
.miniSurveyView { margin-bottom:16px}
.miniSurveyView #msg{ background:#FFFF99; color: #000; padding:2px; border:1px solid #999; margin:8px 0px 8px 0px}
.miniSurveyView table.formBlockSurveyTable td{ padding-bottom:4px }
.miniSurveyView td.question {padding-right: 6px}
.miniSurveyView #msg .error{padding-left:16px; color:#cc0000}
.miniSurveyView table.formBlockSurveyTable td img.ccm-captcha-image{float:none}
.miniSurveyView .required{ color:#cc0000 }


/* keep this file here even if empty -- c5 always looks for it due to buggy override system, and you'll get a 404 if it doesn't exist! */

.formblock .success {
	padding: 5px;
	background-color: #CCFFCC;
	border: 1px solid green;
	font-weight: bold;
}

.formblock .errors {
	padding: 5px;
	background-color: #FFCCCC;
	border: 1px solid red;
	color: red;
}

.formblock .visuallyhidden {
	/* hide form labels but ensure they can be read by screenreaders
	 * (from html5boilerplate, and explained well at http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/
	 */
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}