a{ border:none;border-style:none; }
img{ border:none;border-style:none; }.tWrap .collapsibleBoxContent{ width:100%;  }
.tWrap .collapsibleBoxContentInner{ width:100%; }

.tWrap .collapsibleBoxContentTitle h3{ width:100%; padding:0px; margin:0px;  }
.tWrap .collapsibleBoxContentTitle h3 a{ padding:10px 20px; display:block; color:#fff;font-size:15px; font-weight:bold;
	background: #CC232E;
	border-top: 2px solid #9F1B24;
	-webkit-border-radius: 3px; border-radius: 3px;
}

.tWrap .collapsibleBoxContentTitle h3 a:hover{text-decoration:none;
	background: #961A22;
	border-top: 2px solid #9F1B24;
	-webkit-border-radius: 3px; border-radius: 3px;
}

.tWrap .collapsibleBoxContentTitle h3 a.profileActive{
	background: #961A22;
	border-top: 2px solid #75141B;
	-webkit-border-radius: 3px; border-radius: 3px;
	-webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;
}
.tWrap .collapsibleBoxContentContent{ width:100%; background:#F9F9F9;display:none; }
.tWrap .collapsibleBoxContentContentInner{ padding:20px; border-bottom:1px solid #DBDBDB; border-left:1px solid #DBDBDB; border-right:1px solid #DBDBDB; -webkit-border-radius: 0px 0px 3px 3px ; border-radius: 0px 0px 3px 3px; }/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(concrete/packages/extended_form/blocks/extended_form/images/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(concrete/packages/extended_form/blocks/extended_form/images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */.tooltip_holder {
	height: 20px;
	width: 20px;
	cursor: help;
	line-height: 20px;
	text-align: center;	
	float: left;
	margin-left: 5px;
	background-image: url(concrete/packages/extended_form/blocks/extended_form/images/tooltip_background_grey.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 10px;
	font-weight: bold;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #CCCCCC;
	background-color: #eee;
	padding: 0px 8px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { 
	margin: 0; 
	font-size: 12px; 
	color: #333333;
	font-style:italic; 
	font-weight: normal; 
}
/* 
Here some explanation about using the custom classes for each field / item.
The custom class is alwasy assigned to the input.
When the input has more "children" like label or other (when checked), you can use this
also with your custom class...

Example:

.mycustomclassname { // This is the inputfield	
}

.mycustomclassname_label { // This is the label for the inputfield (available for radio, checkbox, select)
}

.mycustomclassname_other { // This is the label for the "other" inputfield, when check (available for radio, checkbox, select) 
}

.mycustomclassname_tooltip { // This is the tooltip for the inputfield
}


Some predefined class in the form

.formBlockSurveyTable 		// Represents the complete form
.formBlockSurveyRow			// Each row within the form.
.formBlockSurveyCell 		// Each cell within the form. Title and inputfield are each in different cells but have the same class.

.question					// Assigned to the cell that holds the question or name of the input field
.answer						// Assigned to the cell that holds the inputfield

.checkboxList				// A div around the checkboxes
.checkboxPair				// A div around the checkbox and its label

.radiobuttonsList			// A div around the radios
.radiobuttonsPair			// A div around the radios and its label

.otherDiv					// A div around the "other" inputfield (available for radio, checkbox, select) 
.tooltip_holder				// This holds the text in the tooltip.

.space						// Assigned to the cell that holds the space item
.text						// Assigned to the cell that holds the text item
.hr							// Assigned to the cell that holds the hr item
.line						// Assigned to the cell that holds the line item
.fieldset					// Assigned to the cell that holds the fieldset item
.legend						// Assigned to the cell that holds the legend item
.required					// Astrix and "required"-text in the form



The default stylesheet....
*/
.tWrap .formBlockSurveyTable {
}

.tWrap .formBlockSurveyRow {
	display: block;
	width: 100%;
	padding-top: 5px;
	overflow: auto;
}
.tWrap .formBlockSurveyCell {
	float: left;
	 padding:5px 0px;
}
.tWrap .formBlockSurveyCell.question {
	width: 120px;
	padding-right: 12px
}
.tWrap .formBlockSurveyCell.answer {

}
.tWrap .extendedFormSurveyView #msg { background:#FFFF99; color: #000; padding:2px; border:1px solid #999; margin:8px 0px 8px 0px }
.tWrap .extendedFormSurveyView #msg .error{padding-left:16px; color:#cc0000}

.tWrap .extendedFormSurveyView .formError {
	color:#cc0000;
	padding: 2px;	
}

.tWrap .extendedFormSurveyQuestion {
	float: left;
	width: 70%;
	line-height: 29px;
	display: block;
}
.tWrap .extendedFormSurveyOptions {
	text-align: right;	
}

.tWrap .formBlockSurveyCell img.ccm-captcha-image{float:none}
.tWrap .formBlockSurveyCell .required, .preview .required { color:#cc0000 }

.tWrap .formBlockSurveyCell textarea,
.tWrap .formBlockSurveyCell input[type=text],
.tWrap .formBlockSurveyCell select {
	font-size: 12px;
	font-family:inherit;
	width: 300px;
	float: left;
	padding: 0;
	margin: 0;
}
.tWrap #extendedFormSurveyPreviewWrap textarea,
.tWrap #extendedFormSurveyPreviewWrap input[type=text],
.tWrap #extendedFormSurveyPreviewWrap select {
	float: left;
}
.tWrap .preview {
	font-size: 13px;
}

.tWrap .formBlockSurveyCell input[type=text] {
	height: 18px;
	line-height: 18px;
}
.tWrap .formBlockSurveyCell select {
	height: 22px;
	line-height: 22px;
	width: 304px;
}
.tWrap .formBlockSurveyCell .otherDiv {
	margin-top: 4px;	
}

<!-- CSS styles for the contentitems of the form -->
.tWrap .formBlockSurveyCell.space {
	display: block;
	height: 20px;
}
.tWrap .formBlockSurveyCell.line {
	padding-top: 5px;
	padding-bottom: 5px;
}
.tWrap .formBlockSurveyCell.line h4 {
	font-size: 15px;
	font-family:inherit;
}
.tWrap .formBlockSurveyCell.text {
	font-size: inherit;
	font-family:inherit;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tWrap .formBlockSurveyCell.hr {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}

.tWrap .formBlockSurveyCell .checkboxList,
.tWrap .formBlockSurveyCell .radiobuttonsList,
.tWrap .formBlockSurveyCell .ratinglist,
.tWrap #extendedFormSurveyPreviewWrap .checkboxList,
.tWrap #extendedFormSurveyPreviewWrap .radiobuttonsList,
.tWrap #extendedFormSurveyPreviewWrap .ratinglist  {
	float: left;
}


.tWrap .formBlockSurveyCell .ccm-input-captcha {
	float:none !important;
	display: block !important;
	width: 175px !important;
}
.tWrap .formBlockSurveyCell .ccm-input-date-wrapper,
.tWrap .formBlockSurveyCell .ccm-input-time-wrapper,
.tWrap #extendedFormSurveyPreviewWrap .ccm-input-date-wrapper,
.tWrap #extendedFormSurveyPreviewWrap .ccm-input-time-wrapper {
	float: left;
}
.tWrap .formBlockSurveyCell .ccm-input-date-wrapper,
.tWrap #extendedFormSurveyPreviewWrap .ccm-input-date-wrapper {
	padding-right: 5px;
}
.tWrap .formBlockSurveyCell .ccm-input-date-wrapper input ,
.tWrap #extendedFormSurveyPreviewWrap .ccm-input-date-wrapper input{
	float: none;
	width: 100px;
}
.tWrap .formBlockSurveyCell .ccm-input-time-wrapper select,
.tWrap #extendedFormSurveyPreviewWrap .ccm-input-time-wrapper select {
	float: none;
	width: auto !important;
}
.tWrap .formBlockSurveyTable .clearfloat,
.tWrap #extendedFormSurveyPreviewWrap .clearfloat {
	clear: both;
	font-size:0;
	height:0;
	line-height:0;
	padding:0;
	margin:0;
}

.tWrap .formBlockSurveyTable .fieldset,
.tWrap #extendedFormSurveyPreviewWrap .fieldset {
	margin-bottom: 10px;
	display:block;
	width:97%;	
	padding: 3px 10px 10px 10px;
	border:1px solid #CCCCCC;
}

.tWrap .formBlockSurveyTable .legend,
.tWrap #extendedFormSurveyPreviewWrap .legend {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
	display: block;
	border:1px solid #CCCCCC;
	padding: 4px 5px;
}.tWrap div,
.tWrap span,
.tWrap applet,
.tWrap object,
.tWrap iframe,
.tWrap h1,
.tWrap h2,
.tWrap h3,
.tWrap h4,
.tWrap h5,
.tWrap h6,
.tWrap p,
.tWrap blockquote,
.tWrap pre,
.tWrap a,
.tWrap abbr,
.tWrap acronym,
.tWrap address,
.tWrap big,
.tWrap cite,
.tWrap code,
.tWrap del,
.tWrap dfn,
.tWrap em,
.tWrap img,
.tWrap ins,
.tWrap kbd,
.tWrap q,
.tWrap s,
.tWrap samp,
.tWrap small,
.tWrap strike,
.tWrap strong,
.tWrap sub,
.tWrap sup,
.tWrap tt,
.tWrap var,
.tWrap b,
.tWrap u,
.tWrap i,
.tWrap center,
.tWrap dl,
.tWrap dt,
.tWrap dd,
.tWrap ol,
.tWrap ul,
.tWrap li,
.tWrap fieldset,
.tWrap form,
.tWrap label,
.tWrap legend,
.tWrap caption,
.tWrap tr,
.tWrap th,
.tWrap article,
.tWrap aside,
.tWrap canvas,
.tWrap details,
.tWrap embed,
.tWrap figure,
.tWrap figcaption,
.tWrap footer,
.tWrap header,
.tWrap hgroup,
.tWrap menu,
.tWrap nav,
.tWrap output,
.tWrap ruby,
.tWrap section,
.tWrap summary,
.tWrap time,
.tWrap mark,
.tWrap audio,
.tWrap video {
	margin: 0;
	padding: 0;
}
/* HTML5 display-role reset for older browsers */
.tWrap article, .tWrap aside, .tWrap details, .tWrap figcaption, .tWrap figure, 
.tWrap footer, .tWrap header, .tWrap hgroup, .tWrap menu, .tWrap nav, .tWrap section {
	display: block;
}
body {
	line-height: 1;
}
.tWrap ol, .tWrap ul {
	list-style: none;
}
.tWrap blockquote, .tWrap q {
	quotes: none;
}
.tWrap blockquote:before, .tWrap blockquote:after,
.tWrap q:before, .tWrap q:after {
	content: '';
	content: none;
}
.tWrap table {
	border-collapse: collapse;
	border-spacing: 0;
}