/*Layout*/
#qc-content-break {
	clear:both;
	overflow:hidden;
}

#qc-contents,.qc-contents {
	clear:right;
	padding:0 0 1em 1em;
	background-image:url(../opsuite_skin_images/back-line.gif);
	background-position:-187px top;
	background-repeat:repeat-y;
	overflow:hidden;
}

#os-body-main .survey-view {
	background-image:none;
}

#edit-qc-content .qc-contents h1 {
	display:block;
}



/* LHS Nav */
#survey-map {
	float:left;
	overflow:hidden;
	width:175px;
	clear:left;
}

#survey-map #pages .questions li.current {
	background-color:#ffffff;
	background-repeat:no-repeat;
}
#survey-map #pages li {
	border-bottom:1px solid #CCCCCC;
	padding-top:.5em;
}

#survey-map .page-on {
	font-weight:bold;
	margin-bottom:.5em;
}

#survey-map .page-on .questions {
	display:block;
}

#survey-map #pages .questions {
	margin:.5em 0 1em 1.2em;
}

#survey-map #pages .questions li {
	border-bottom: none;
	padding:.3em 0 .3em 19px;
}

#survey-map #pages li a {
	display:inline-block;
	padding:.3em .5em;
}

#survey-map #questions li a {
	display:inline-block;
	padding:.3em;
}

#survey-map .questions li.current a {
	text-decoration:none;
	color:#434343;
}



/**/
#qc-contents #edit-form .error {
	display:block;
	position:relative;
	width:10.3em;
	margin:0 1em 1em -13em;

}
/*#qc-contents #edit-form .move-legend .error {
	bottom:-1em;
}

#qc-contents #edit-form .move-legend .error-below {
	margin:4em 0 0 -14.5em;
}*/

#qc-contents #edit-form .section .error {
	display:inline-block;
	float:left;
	clear:left;
	position:relative;
	bottom:0;
	margin:0.5em -14em 0 0;
}



/* Forms and  Fieldsets */
#edit-form,#question-preview {
	display:block;
	margin:10px auto 0;
	overflow:visible;
	padding:0;
}

#edit-form fieldset,#question-preview fieldset {
	background-color:#eeeeee;
	margin:2em 0;
	padding:.5em 0 1em 1em;
	-moz-border-radius:.8em;
	-o-border-radius:.8em;
	-webkit-border-radius:.8em;
	position:relative;
	border:none;
}

#edit-form #already-completed {
	background-color:transparent;
}



/*
#edit-form fieldset,
#question-preview fieldset {
	background-color:#eeeeee;
	margin:0 0 -2.5em;
	padding:0.5em 0;
	-moz-border-radius:.8em;
	-o-border-radius:.8em;
	-webkit-border-radius:.8em;
	position:relative;
	border:none;
}
*/
#qc-contents fieldset legend span.fieldRequired {
	color:#AF1515;
	display:block;
	margin:-.5em 0 0;
	font-weight:normal;
}

#qc-contents fieldset label span.fieldRequired {
	color:#AF1515;
	display:block;
	margin:-.5em .5em 0 0;
}
#qc-contents fieldset label.formQuestion span.fieldRequired {
	margin-right:0;
}
#qc-contents fieldset.question-container label span.fieldRequired {
	color:#AF1515;
	display:block;
	margin:0 .5em 0 0;
}

#qc-contents fieldset label.label-right span.fieldRequired {
	color:#AF1515;
	display:block;
	margin:0 0 0 -6.3em;
	float:left;
}

#qc-contents fieldset fieldset.move-legend legend span.fieldRequired {
	margin:0 0 0 .5em;
}

#qc-contents #edit-form fieldset.move-legend legend {
	float:left;
	left:3.7em;
	margin:0 0 0 -9.65em;
	padding:0;
	position:relative;
	top:-1.6em;
	width:5em;
}

#qc-contents #respondent_management_form .field legend {
	margin:0;
}

#qc-contents #respondent_management_form .field fieldset legend {
	margin:0 0 -1.8em -12em;
}

#qc-contents #respondent_management_form .float-right {
	clear:none;
}

list-tag {
	height:195px;
	overflow:hidden;
}

#os-body-main #qc-contents h2 {
	font-size:1.4em;
	font-weight:normal;
	line-height:1.5em;
	color:#6C6C6C;
	padding:0;
}

#os-body-main #qc-contents .factbank h2.related-info {
	font-size:1em;
	font-weight:bold;
	line-height:1.4em;
	color:#6C6C6C;
	font-family:arial,helvetica,sans-serif;
	padding:0 0 0 1.5em;
	margin: 0.5em 1.5em 0.5em 0;
    -moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
    border: 1px solid #CCCCCC;
    background-color: #F5F5F5;
}

#os-body-main #qc-contents .factbank h2.related-info.collapsible-heading {
    background-position: 5px 8px;
}

#os-body-main #qc-contents .factbank h2.related-info.collapsible-heading-collapsed {
    background-position: 5px -81px;
}

#os-body-main #qc-contents .factbank h2.related-info a {
    outline: none;
	color:#6C6C6C;
}

#os-body-main #qc-contents .factbank h2.related-info a:hover,
#os-body-main #qc-contents .factbank h2.related-info:hover a
{
    outline: none;
	color:#333;
}



#os-body-main #qc-contents h3 {
	margin-top:0;
	font-size:1.2em;
}

#question-preview fieldset {
	margin:0 0 0 .5em;
}

#edit-form .field,#question-preview .field {
	padding-left:1em;
}

#qc-content-break #qc-contents .question-move-page-form, #questions .question-move-page-form {
	border:1px solid #ddd;
	border-bottom:none;
	padding:0 .5em;
}

#questions .question-move-page-form fieldset {
	padding:0;
	border:none;
}

#questions .question-move-page-form .block {
	display:block;
	padding:0;
}
.question-move-page-form .button {
	float:none;
}
#qc-content-break #qc-contents .question-move-page-form label {
	white-space:nowrap;
	padding:.2em 0 .5em;
	display:inline-block;
}

#qc-content-break #qc-contents .question-move-page-form fieldset {
	padding:0;
	border:none;
}

div.matrix-question-container fieldset {
	padding:4em 0 1em;
}

fieldset.common-fieldset {
	margin-top:1em;
	padding-left:14em;
}

#edit-form fieldset.formControls,fieldset.formControls {
	display:block;
	clear:both;
	background-color:transparent;
	border:none;
}



/* Labels and inputs */
#edit-form fieldset label,#question-preview fieldset label {
	display:inline-block;
	margin-left:.5em;
	float:none;
	width:auto;
}

#qc-content-break #qc-contents .question-move-page-form label {
	margin-left:0;
	margin-bottom:.3em;
	text-align:left;
	padding:0;
	display:block;
	float:none;
}

#edit-form .field textarea {
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.1em;
	height:12em;
	width:28em;
}

/* Make the text area style a little nicer on the components page */
#qc-contents .existing-questions .qc-textarea .field {
    padding: 2em;
}
#qc-contents .existing-questions .qc-textarea .field label.textarea-label {
    display: block;
    float: none;
    text-align: left;
    margin: 0;
    width: auto;
}
#qc-contents .existing-questions .field label.textarea-label .fieldRequired {
    display: inline;
}
#qc-contents .field .textarea-small,
#edit-form .field .textarea-small {
    height: auto;
	width: 33%;
}
#qc-contents .field .textarea-medium,
#edit-form .field .textarea-medium {
    height: auto;
    width: 66%;
}
#qc-contents .field .textarea-large,
#edit-form .field .textarea-large {
    height: auto;
	width: 97%;
}

#edit-form .form-actions {
	border:medium none;
	margin:1em 0;
	padding:0;
	float:none;
	background-color:transparent;
	overflow:hidden;
}

#edit-form .form-actions .button,#confirm-delete-tags .button {
	margin:0 .5em 0 0;
}

#qc-contents #edit-form .field .t-align-left {
	text-align:left;
	padding:.5em;
}

#qc-contents form fieldset label.radio-label {
	margin-left:1em;
	float:none;
}

#qc-contents .textarea {
	height:10em;
	padding:.3em;
	width:360px;
	color:#434343;
	font-size:1.1em;
	display:inline-block;
	clear:both;
	margin-top:1px; /* This fixes top line in Chrome being hidden */
}

#qc-contents .textline {
	/*float:left;*/
	width:36em;
}

#qc-contents fieldset.common-fieldset label {
	margin:0 0 0 -14em;
	clear:left;
	float:left;
	min-width:13em;
	width:auto!important;
	width:13em;
	display:inline-block;
	padding:0 .3em;
	text-align:right;
	line-height:1.2em;
}

#os-body-main .label-right,
#os-body-main #qc-contents .label-right {
	display:inline;
	margin-left:.5em;
	width:auto;
	white-space:nowrap;
	float:none;
	text-align:left;
}

#qc-contents #selected-tags {
    margin:1em;
    line-height:1.0em;
}

#qc-contents #selected-tags li {
    margin-bottom:0.4em;
}

#qc-contents #selected-tags input[type="checkbox"] {
    float:left;
    margin-top:1px;
}

#qc-contents #selected-tags label.label-right {
    display:block;
    margin-left:1.5em;
    float:none;
    text-align:left;
    word-break:break-all;
    margin-bottom:0.2em;
}


#qc-contents .existing-questions .field label.file-label {
	padding-top:.1em;
}

#qc-contents #add-file-subquestion fieldset.field label {
	float:left;
	font-weight:normal;
	line-height:1.2em;
	margin-left:-14em;
	text-align:right;
	width:13.5em;
	clear:left;
}



/* Legends and spans inside them */
div.legend {
	float:left;
	margin-top:.3em;
}

#edit-form legend.quickconsult-survey-legend,#question-preview legend.quickconsult-survey-legend {
	font-weight:bold;
	float:left;
	margin:0;
	padding:1em 0 0 1em;
	overflow:hidden;
}



/*#edit-form legend.quickconsult-survey-legend,#question-preview legend.quickconsult-survey-legend {
	font-weight:bold;
	float:none;
	margin:0;
	padding:5em 0 0 1em;
}*/
#qc-contents legend.legendary {
	margin:0 0 0 .3em;
}

#qc-contents legend.legendary span {
	margin:0;
	display:block;
	white-space:normal;
	padding:.5em 0;
}

#qc-contents legend.legendary span.formHelp {
	font-weight:normal;
}

#edit-form legend span,#question-preview legend span {
	color:#444444;
	display:inline-block;
	margin:2.5em 0 0 1em;
	text-align:left;
	width:auto;
}

#edit-form legend span.the-question {
	margin:0;
	white-space:normal;
	padding-right:1em;
}

#edit-form .quickconsult-survey-legend span.fieldRequired,#question-preview .quickconsult-survey-legend span.fieldRequired {
	color:#8F0000;
	font-size:.8em;
	font-weight:normal;
	display:inline;
}

#qc-contents .quickconsult-survey-legend span.number {
	display:inline-block;
	font-size:1.4em;
	line-height:1.1em;
	width:auto;
	float:left;
	margin:0 .5em 0 0;
	padding:0;
}

#edit-form .the-question {
	width:610px;
}

#edit-form fieldset fieldset legend,#question-preview fieldset fieldset legend {
	margin:0;
	padding:0;
	position:relative;
	bottom:0;
	left:0;
	float:left;
}

#edit-form fieldset fieldset.first legend,#question-preview fieldset fieldset.first legend {
	margin:0;
	padding:0;
	position:relative;
	bottom:.1em;
	left:0;
}

#edit-form fieldset fieldset.right-side legend span,#question-preview fieldset fieldset.right-side legend span {
	color:#666666;
	display:inline-block;
	margin:0;
	padding:0;
	white-space:normal;
	width:9.5em;
	line-height:auto;
	position:relative;
}

#edit-form fieldset fieldset legend span,#question-preview fieldset fieldset legend span {
	color:#666666;
	display:inline-block;
	margin:0;
	padding:0;
	white-space:normal;
	width:9.5em;
	line-height:auto;
	position:relative;
}

#qc-contents #quickconsult-base-edit fieldset legend .formHelp {
	margin-top:0;
}

#qc-contents #fieldsetlegend-default {


/*margin:0 0.5em 0 -9em;*/
	width:646px;
}

#add-file-subquestion fieldset.field legend {
	color:#5F5F5F;
	font-weight:bold;
	margin:0 0 0 -12em;
	padding:.3em;
	float:left;
}

#qc-contents #add-file-subquestion fieldset.field legend span.formHelp {
	display:inline;
	margin-left:0;
	text-align:left;
	width:550px;
	clear:left;
	float:left;
	white-space:normal;
}



/**/


/* .section */
#edit-form fieldset.section {
	background-color:transparent;
	margin:.5em 0;
	padding:.5em 0 .5em 1em;
	position:relative;
}



/* first section used as headings */
#edit-form fieldset.first,#question-preview fieldset.first {
	margin:3em 0 0;
	position:relative;
	overflow:visible;
	background-color:transparent;
	clear:both;
	padding-top:5em;
}

#qc-contents div.first .section legend span {
	margin:.5em 0 -.9em;
}

.first label {
	display:block;
	float:left;
	height:auto;
	margin-bottom:-3em;
	overflow:visible;
	position:relative;
	text-align:center;
	top:-6.8em;
	width:6em;
}

#qc-contents #edit-form div.first {
	margin-top:4em;
}



/**/


/* existing questions and edit / add subquestions */
.existing-questions {
	padding:3em 1em;
	border:1px solid #eee;
	-moz-border-radius:.8em;
	-o-border-radius:.8em;
	-webkit-border-radius:.8em;
	clear:both;
	overflow:hidden;
	position:relative;
	margin-bottom:1em;
}

#qc-contents .existing-questions fieldset {
	margin:0 0 0 .5em;
	padding:.5em 0;
	position:relative;
	border:none;
}

#qc-contents .existing-questions .matrix-section {
	display:inline-block;
	float:none;
	height:auto;
	min-width:4em;
	position:relative;
	text-align:center;
	width:4em;
	overflow:visible;
	margin:0;
}

#qc-contents #add-checkbox-subquestion .field,#qc-contents #add-select-subquestion .field,#qc-contents #add-radio-subquestion .field,#qc-contents #edit-select-subquestion .field {
	position:relative;
	padding-top:1em;
	border:none;
}

#qc-contents #add-checkbox-subquestion .field legend,#qc-contents #add-select-subquestion .field legend,#qc-contents #add-radio-subquestion .field legend,#qc-contents #edit-select-subquestion .field legend {
	left:0;
	margin:0 0 1em;
	position:absolute;
	top:-.5em;
	width:650px;
}

#qc-contents #add-checkbox-subquestion .textarea,#qc-contents #add-select-subquestion .textarea,#qc-contents #add-radio-subquestion .textarea,#qc-contents #edit-select-subquestion .field .textarea {
	margin-top:1.8em;
}

.receipt-signup {
	-moz-border-radius:.8em;
	-o-border-radius:.8em;
	-webkit-border-radius:.8em;
	background-color: #EEE;
    padding: 1em;
    margin-bottom: 1em;
}

.receipt-signup #email-field {
    width: 250px;
}

#receipt-signup-legend {
	padding: 0 0 1em;
}

.receipt-signup p {
	margin-bottom: 0.2em;
}

#qc-contents #add-checkbox-subquestion legend span#instructions_help {
	white-space:normal;
	width:37em;
}

#qc-contents #add-checkbox-subquestion legend span.inside-legend {
	clear:right;
	display:inline-block;
	float:left;
	margin:0 0 0 -10.5em;
	text-align:left;
	width:auto!important;
}

#qc-contents #add-factbank-subquestion label,#qc-contents #edit-factbank-subquestion label,#qc-contents #add-text-line-subquestion label.formQuestion {
	margin:0 .5em 0 0;
	width:12.5em;
	padding:0;
	text-align:right;
}

#qc-contents #add-text-line-subquestion label .label-heading {
	margin:-3.5em .5em 2em 0;
}

#qc-contents #add-text-line-subquestion .field label {
	margin:0 .5em 0 -13.5em;
	width:12.5em;
	padding:0;
	text-align:right;
}

#qc-contents #matrix-select-subquestion fieldset label span.fieldRequired {
	margin-top:0;
}

#edit-form fieldset label,#question-preview fieldset label {
	display:inline-block;
	margin-left:.5em;
	float:none;
	width:auto;
}

#qc-contents .existing-questions .field {
	-moz-border-radius:.8em;
	-o-border-radius:.8em;
	-webkit-border-radius:.8em;
	background-color:#eeeeee;
	overflow:hidden;
	padding:2em 1em 2em 14em;
	border:none;
}

#qc-contents .existing-questions .field .fieldRequired {
	color:#AF1515;
	display:block;
	margin:0;
}

#qc-contents .existing-questions .field .single {
	float:left;
	margin:0 0 0 -6.5em;
}

#qc-contents .existing-questions legend span {
	text-align:left;
	width:auto;
	color:#666666;
	display:inline-block;
	margin:0;
	padding:0;
	white-space:normal;
	width:9.5em;
	line-height:auto;
	position:relative;
	font-weight:normal;
}

.existing-questions fieldset legend {
	margin:0;
	padding:0;
	position:relative;
	float:left;
}

#qc-contents .existing-questions .move-legend legend {
	float:none;
    overflow: visible;
}

#qc-contents .existing-questions .move-legend legend span {
	float:none;
	left:-5em;
	position:absolute;
	top:2em;
}

.existing-questions fieldset.first legend {
	margin:0;
	padding:0;
	position:relative;
	bottom:.1em;
	left:0;
}

.existing-questions .section {
	border-top:none;
	margin-top:0;
	padding-top:0;
}

#qc-contents .existing-questions fieldset.first {
	margin:3em 0 0;
	position:relative;
	overflow:visible;
	background-color:transparent;
	clear:both;
	padding-top:5em;
}



/* matrix-select-subquestion */
#qc-contents #matrix-select-subquestion legend {
	margin:1em 0 -2.7em;
	width:36em;
}

#qc-contents #matrix-select-subquestion legend span {
	white-space:normal;
	margin:1em 0 0;
	display:block;
	text-align:left;
	width:auto;
}

#qc-contents #add-text-line-subquestion legend span {
	white-space:normal;
	margin:1em 0 -2em;
	display:inline-block;
	text-align:left;
	width:auto;
	float:none;
}

#qc-contents #matrix-select-subquestion .matrix-options_col {
	padding-top:1em;
	border:none;
	padding-bottom:1.5em;
}

#qc-contents #matrix-select-subquestion .matrix-options_row {
	padding-top:1em;
	padding-bottom:1.5em;
	border:none;
}

#qc-contents #matrix-select-subquestion .matrix-options_col legend {
	margin:0;
	width:36em;
	float:left;
}

#qc-contents #matrix-select-subquestion .matrix-options_row legend {
	margin:0 0 1.5em;
	width:36em;
	float:left;
}



/**/


/*Matrix questions*/
div.matrix-question-container {
	padding-top:4em;
	padding-bottom:2em;
	-moz-border-radius:.8em;
	-o-border-radius:.8em;
	-webkit-border-radius:.8em;
	background-color:#eeeeee;
}

#question-preview div.matrix-question-container {
	margin-bottom:2em;
}

#qc-contents #edit-form .mat-select .first {
	background-color:transparent;
	padding-top:0;
}

#qc-contents #edit-form .mat-select div.first {
	margin-top:0;
}

#qc-contents #edit-form div.section {
	border-top:none;
	padding:0;
	clear:both;
	float:left;
	width:100%;
}

#qc-contents form fieldset.first .matrix-section label {
	margin-left:0;
	display:block;
	float:left;
	height:auto;
	margin-bottom:-3em;
	overflow:visible;
	position:relative;
	text-align:center;
	top:-6.8em;
	width:6em;
}

#edit-form .matrix-section,#question-preview .matrix-section {
	display:inline-block;
	float:none;
	height:auto;
	min-width:6em;
	position:relative;
	text-align:center;
	width:6em;
	overflow:visible;
	margin:0;
}
#edit-form .matrix-section select {
	max-width:620px;
	width:auto!important;
	width:620px;
	margin:0 1em 0 3em;
}



/**/
/* REFACTOR: check if this is still used */
#edit-form fieldset.bottom-actions {
	margin:4em 0 1em!important;
	text-align:right;
}

.qc-forward-button {
    font-weight: bold;
}


/*  quickconsult-base-edit  */
#quickconsult-base-edit {
	clear:both;
	padding:1em;
}

#quickconsult-base-edit .no-border {
	clear:both;
	padding:1em;
	background-color:#eeeeee;
	-moz-border-radius:.8em;
	-o-border-radius:.8em;
	-webkit-border-radius:.8em;
	margin:0 0 1em;
}

#qc-contents #quickconsult-base-edit fieldset.no-border legend {
	margin:0;
}

#qc-contents #quickconsult-base-edit label {
	margin:0 .5em;
}

#quickconsult-base-edit #questionNumbering {
	clear:left;
}

#survey-map #pages {
	clear:both;
	padding:.5em 0 .3em;
	background-color:#E8E8E8;
}

#quickconsult-base-edit .formHelp {
	display:block;
	margin:0 0 .5em;
	white-space:normal;
}

#quickconsult-base-edit legend span.formHelp,.completed legend span.formHelp,#edit-form fieldset fieldset legend span.formHelp {
	display:inline;
	margin-left:0;
	text-align:left;
	width:610px;
	float:left;
}



/* tags */
#edit-form fieldset fieldset.field legend,#qc-contents div.tagSelections {
	margin:0 .5em 0 0;
	padding:.5em;
}

#edit-form fieldset .tagField legend span {
	font-weight:bold;
	width:auto;
	position:relative;
	text-align:right;
}

#edit-form fieldset .tagField legend span.formHelp {
	font-weight:normal;
	font-style:italic;
	width:auto;
	padding:0;
	text-align:right;
}

#qc-contents .tagField span {
	display:block;
}

#edit-form fieldset .tagField label {
	margin-right:1em;
}

div
#selected-tags {
	list-style:none;
	clear:both;
}

#done-form,#confirm-selected-tags {
	margin-bottom:1em;
	margin-top:1em;
}

#confirm-selected-tags li {
	background-color:#e4eaf4;
	padding:.5em;
	display:inline-block;
	margin:.5em;
}

#new-tag {
	margin:0 0 0 .5em;
}

#qc-contents #add-new-tag-form legend {
	margin:0;
	padding:0;
}

.tag-list {
	overflow:hidden;
	margin:0 0 0 .5em;
	width:auto;
}

#respondent_management_form .tag-list {
	margin:1em 0 .5em 1em;
}

.tag-list li {
	display:block;
	width:auto;
	height:20px;
	margin-right:.5em;
	float:left;
	white-space:nowrap;
}

#qc-contents form .tag-list li label {
	clear:none;
	display:inline;
	float:none;
	margin:0 .5em;
	padding:0;
	text-align:left;
	width:auto;
}



/*tag selections*/
#qc-contents #edit-form fieldset .tagSelections legend {
	padding:0;
	margin:0 0 0 -13em;
	text-align:right;
	width:12.5em;
}

#new-tag-form fieldset.no-border legend {
	margin:0;
}

#new-tag-form .button {
	float:none;
}



/**/


/* Dumped in to help COI deadline needs removing and doing properly */
#quickconsult-base-edit,#subpage-base-edit,#quickconsult-question-edit,#survey_select_question-base-edit,#survey_text_question-base-edit,#survey_matrix-base-edit {
	background-color:#FFFFFF;
	margin:0 auto;
	clear:both;
}

#qc-contents #quickconsult-question-edit legend {
	padding:0;
	margin:0;
}

#qc-contents #quickconsult-question-edit fieldset {
	margin:0 0 1em;
}

#qc-contents #archetypes-fieldname-questionNumbering,#qc-contents #archetypes-fieldname-precedingPage {
	border-top:1px solid #BFBFBF;
}

#quickconsult-base-edit div.field,#subpage-base-edit div.field,#archetypes-fieldname-abstract,#qc-contents #survey_text_question-base-edit .kssattr-atfieldname-background,#qc-contents #survey_text_question-base-edit .kssattr-atfieldname-factbank,#qc-contents #survey_text_question-base-edit .kssattr-atfieldname-required,#qc-contents #survey_text_question-base-edit .kssattr-atfieldname-anonymous {
	background-color:#F5F5F5;
	border-color:#BFBFBF;
	border-left:1px solid #BFBFBF;
	border-right:1px solid #BFBFBF;
	border-style:none solid;
	border-width:medium 1px;
	color:#888888;
	margin:0 auto;
	-moz-border-radius:0;
	-o-border-radius:0;
	-webkit-border-radius:0;
	width:416px;
	padding-left:14em;
}

#linear_help {
	white-space:normal;
}

#subpage-base-edit .field,#quickconsult-base-edit .field,#survey_select_question-base-edit .field,.pad {
	padding:1em;
}

#qc-contents .field,.question-question {
	background-color:#eeeeee;
	-moz-border-radius:.8em;
	-o-border-radius:.8em;
	-webkit-border-radius:.8em;
	margin:0 0 1em;
	padding:0 1em 3em 14em;
}
/* REFACTORING: can't find this declaration in use */
#qc-contents .border-top {
	border-top:2px dashed #fff;
	padding-top:1.5em;
}

#qc-contents #subpage-base-edit label.formQuestion,#qc-contents .field label.inline {
	display:inline;
	margin:0;
}

#qc-contents .page-consultationquickconsult-edit-form .field label {
	clear:right;
	color:#474747;
	display:inline-block;
	font-weight:normal;
	padding:0 .5em .5em 0;
	text-align:left;
	width:13em;
	margin:0 0 .5em -13em;
	text-align:right;
}
#qc-contents .page-consultationquickconsult-edit-form .field label.copy{
  clear: right;
    color: #474747;
    display: inline-block;
    font-weight: normal;
    margin: 0 0 0.5em;
    padding: 0 0.5em 0.5em;
    width: auto;
}
.copy-section input{
	float:left;
}
#os-body-main #rm-add-response #qc-contents .field .copy-section label,
#os-body-main #os-analyse-responses #qc-contents .field .copy-section label
{
	width:auto;
	padding:2px 0 2px 10px;
}

.extra-info-analysis {
	margin:-.1em 0 0 .5em;
	font-style:italic;
	color:#666666;
}

#qc-contents .field label,#subpage-base-edit .formQuestion {
	clear:right;
	color:#474747;
	display:inline-block;
	font-weight:normal;
	padding:0;
	text-align:left;
	width:13em;
	margin-left:0;
}

#subpage-base-edit #fieldset-default,#quickconsult-base-edit #fieldset-default {
	padding:0;
	border:none;
}

#archetypes-fieldname-required label,#archetypes-fieldname-uniqueAnswers label,#showPastResponses_help label,#archetypes-fieldname-showPastResponses label,#archetypes-fieldname-inreport label,#archetypes-fieldname-requiredQuestion label,#archetypes-fieldname-requiredAnswerYesNo label,#archetypes-fieldname-includeInTOC .formQuestion,#edit-form .field label,#archetypes-fieldname-linkToPages label,#archetypes-fieldname-showReflectionPage label,#archetypes-fieldname-showProgressBar label,#archetypes-fieldname-allowAnonymous label,#archetypes-fieldname-anonymous label,#archetypes-fieldname-allowSave label,#archetypes-fieldname-surveyNotificationMethod label,#archetypes-fieldname-linear label,#archetypes-fieldname-registrationPage label,#archetypes-fieldname-showAfterQuestionsText label {
	display:inline;
	margin-left:0;
}

#edit-form .field label.file-label {
	margin-top:.2em;
}

#edit-form .field label {
	display:inline-block;
	margin-left:-13.5em;
	text-align:right;
	padding:0;
}

#qc-contents #archetypes-fieldname-useQuestionBank,#qc-contents #archetypes-fieldname-factbank {
	border-bottom:1px solid #BFBFBF;
}



/**/


/* Response form */
#response-form {
	background-color:#eeeeee;
	margin:0;
	padding:.5em 0;
	-moz-border-radius:.8em;
	-o-border-radius:.8em;
	-webkit-border-radius:.8em;
	clear:both;
	height:100%;
}

#qc-contents #response-form legend,#qc-contents #response-form label {
	margin-left:0;
	padding:0;
	float:none;
}

#qc-contents #response-form fieldset {
	border:0;
	float:left;
	overflow:hidden;
	padding:1em;
	width:auto;
}

#response-form fieldset.new-line {
	clear:left;
}

#response-form fieldset.form-actions .button,
#response-form fieldset.form-actions .os-btn {
	float:right;
}

/**/
.analyst {
	padding:3.2em 1em 4em;
	border:1px solid #BFE2FF;
	clear:both;
	overflow:hidden;
	position:relative;
	margin-top:1em;
	background-color:#EFF8FF;
}

#edit-form fieldset.analyst, #edit-form .analyst fieldset {
  background-color:#EFF8FF;
}

#survey-map #pages .questions li.analyst {
	background-image:none;
	-moz-border-radius:0;
	-o-border-radius:0;
	-webkit-border-radius:0;
	border:1px solid #BFE2FF;
	background-color:#EFF8FF;
}

.what-next {
	padding:1em;
	border:3px double #cccccc;
	-moz-border-radius:.8em;
	-o-border-radius:.8em;
	-webkit-border-radius:.8em;
	margin-bottom:1em;
	clear:both;
	margin-top:1em;
}

.what-next .question-actions {
	overflow:hidden;
	padding-bottom:0;
}

.preview {
	padding:1em;
	border:3px double #cccccc;
	-moz-border-radius:.8em;
	-o-border-radius:.8em;
	-webkit-border-radius:.8em;
	margin:0 0 1em;
	display:inline-block;
	width:142px;
	text-align:center;
}

#respondents-nav {
	overflow:hidden;
}

.what-next .question-actions li,#respondents-nav li {
	padding:.3em 0 .5em;
	margin:.3em 1.1em .3em 0;
	float:left;
	background-color:#ffffff;
	white-space:nowrap;
}
/* REFACTORING: can't find this next declaration used anywhere */
.what-next .question-actions li.what-one {
	display:block;
	float:none;
	border-bottom:1px dashed #cccccc;
	padding-bottom:.9em;
}



/*Question actions*/
.question-actions li.question-move-up {
	position:absolute;
	top:1em;
	right:1em;
}

.question-actions li.question-edit {
	position:absolute;
	top:1em;
	left:6em;
}

.question-actions li.question-components {
	position:absolute;
	top:1em;
	left:15em;
}

.question-actions li.question-delete {
	position:absolute;
	top:1em;
	left:1em;
}

.question-actions li.question-move-down {
	position:absolute;
	bottom:1em;
	right:1em;
}

.question-actions li.question-save {
	position:absolute;
	top:1em;
	left:23em;
}

.question-move-page {
	position:absolute;
	bottom:.5em;
	left:1em;
}

.move-drop {
	margin-top:3px;
}



/**/
#qc-contents h3 {
	padding:1em 0;
	font-weight:bold;
	margin-top:2em;
}

#os-body-main .the-question {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.6em;
	font-weight:normal;
	line-height:1.4em;
	margin:0 0 .5em;
	padding:0 0 .5em;
}

div.col-headings {
	padding:0 0 0 10em;
}

/* used in subquestion add / edit */
h2 acronym {
	font-size:1.6em;
	color:#666666;
	font-weight:bold;
	border:none;
	margin-right:.3em;
}



/* qc-contents forms */
#nav-pos legend {
	margin-top:0;
	padding-top:0;
}

.extra-info {
	font-style:italic;
	font-weight:bold;
}

.qc-contents .menu {
	padding:0;
	border:none;
}



/*#qc-contents #instructions_help {
	clear:both;
	float:left;
	margin:-1.8em 0 0 0;
	text-align:left;
	color:grey;
	display:inline-block;
	white-space:normal;
}*/
#ui-lightbox-wrapper {
	display:none;
	position:absolute;
	width:20em;
	height:auto;
	background-color:#ffffff;
	opacity:1;
	border:2px solid #444444;
	padding:1em;
}

#ui-lightbox-image {
	height:10em;
	margin:1em 0 0;
	background:url(../opsuite_skin_images/ajax-loader.gif) no-repeat center center;
}

#ui-lightbox-image img {
	display:none;
}

h2.collapsible-heading a {
	font-size:1.2em;
	text-decoration:none;
}

/* consultation progress bar  */
.quickconsult-progress-bar-container {
	margin:10px auto 5px;
	padding:22px 10px 18px;
	overflow:hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:3px double #eee;
}

.survey-view .quickconsult-progress-container {
	width:600px;
}

.quickconsult-progress-label,.quickconsult-pageof {
	padding:0 10px;
	display:block;
	float:left;
}

.quickconsult-progress-container {
	margin:0;
	width:600px;
	background:url(../opsuite_skin_images/quickconsult-progress-bar-background.gif) repeat-x scroll 0 0 transparent;
	border:1px solid #CCCCCC;
	float:left;
	height:15px;
}

.quickconsult-progress-bar {
	background:url(../opsuite_skin_images/progress-bar.gif) repeat-x scroll 0 0 transparent;
	float:left;
	height:15px;
	width:90%;
}


/* non-linear hub page */
.qc-page-progress {
    width: 320px;
}
.qc-page-progress .quickconsult-progress-container {
  width: 130px;
  margin-top: 3px;
  margin-right: 1em;
}
.qc-rm-progress .quickconsult-progress-container {
  width: 130px;
  margin-top: 3px;
}


/**/
.border-top {
	border-top:3px double #cccccc;
}



/* Forms  */
#qc-contents #subpage-base-edit fieldset .field label {
	width:13.5em;
	margin-left:-14em;
	text-align:right;
	font-weight:normal;
	line-height:1.2em;
	display:inline-block;
}

#add-file-subquestion fieldset.field {
	clear:both;
	overflow:hidden;
	padding:.5em 0 1.5em 14em;
	border:none;
}

#chapter-list tr {
	border-bottom:1px solid #eee;
	padding:.3em 0;
}

#chapter-list thead {
	font-weight:bold;
	border-bottom:1px solid #DDDDDD;
	background-color:#efefef;
}

#os-body-main .quickconsult-hub-form fieldset {
	background-color:transparent;
}

#chapter-list .no-questions {
	display:inline-block;
	color:#8f8f8f;
	font-style:italic;
}

#chapter-list caption {
	font-size:1.6em;
	font-weight:normal;
	color:#3C7800;
	padding:0;
	margin:0 0 .5em;
}

#qc-content-break #qc-contents {
	background-image:none;
}

#chapter-list .responded {
    padding-right: 20px;
    background: url("../opsuite_skin_images/icons/tick.png") no-repeat scroll right top transparent;
}

#chapter-list .fieldRequired {
    color:#AF1515;
}

/*Save and Logout page*/
#save-logout {
	overflow:hidden;
}

#save-logout li {
	width:27%;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border:3px double #ccc;
	float:left;
	margin:0 .5em;
	padding:1em;
}



/* text formatting */
form strong,#above-questions-viewlets strong,#qc-contents div.field strong {
	font-weight:bold;
}

form em,#above-questions-viewlets em,#qc-contents div.field em {
	font-style:italic;
}

form em strong,#above-questions-viewlets em strong,#qc-contents div.field em strong {
	font-weight:bold;
	font-style:italic;
}

form ol,#above-questions-viewlets ol,#qc-contents div.field ol {
	list-style:decimal;
	margin:1em 1em 1em 2.5em;
	display:block;
}

form ul,#above-questions-viewlets ul,#qc-contents div.field ul {
	list-style:disc;
	margin:1em 1em 1em 2.5em;
	display:block;
}



/*Response list*/
#reponse-list {
	overflow:hidden;
	width:820px;
}

#reponse-list dt {
	width:200px;
	float:left;
	display:inline-block;
	margin-right:1em;
	text-align:right;
	font-weight:bold;
	clear:left;
}

#reponse-list dd {
	width:600px;
	float:left;
	display:inline;
	clear:right;
}

#qc-contents #response-form fieldset.form-actions {
	text-align:right;
	float:none;
	padding:0 1em .5em 0;
	clear:both;
}

.no-answer {
	margin-top:2em;
}

#os-body-main .factbank h3.related-info {
	padding:0 0 0 18px;
	margin:0;
	font-size:1.2em;
	color:#444444;
}

html span.cke_skin_kama {
	width:460px;
	float:left;
	clear:both;
	margin-top:0;
}

/* logout options */
#qc-logout-options {
    border: 1px solid #DDDDDD;
    padding: 22px 22px 0 22px;
}

#edit-form #qc-logout-options fieldset {
    background:none;
    border: none;
    margin: 0;
    padding: 0;
    width: 47%;
    float:left;
    margin:0;
}

#edit-form #qc-logout-options legend {
    margin: 0;
    padding: 0;
    font-weight:normal;
    color: #666;
    float:none;
    *margin-left: -7px; /* < IE8 */
}

/*Leave / submit survey */
/* REFACTORING: I can't find these styles in use */
#os-body-main #edit-form fieldset#leave-survey-box,#os-body-main #edit-form fieldset#leave-survey-button,#os-body-main #edit-form fieldset#submit-survey-box {
	background-color:transparent;
	outline:1px dashed #cccccc;
	font-style:italic;
	font-weight:bold;
	padding:1em;
	position:relative;
	margin:1em .5em 1em 0;
	overflow:hidden;
}
/* REFACTORING: I can't find these styles in use */
#os-body-main #edit-form fieldset#leave-survey-button span.formHelp,#os-body-main #edit-form fieldset#submit-survey-box span.formHelp {
	clear:both;
	margin:0;
	display:block;
	color:#444444;
	font-weight:bold;
}
/* REFACTORING: I can't find these styles in use */
#os-body-main fieldset#leave-survey-box input,#os-body-main fieldset#leave-survey-button input,#os-body-main fieldset#submit-survey-box input,.mar-top {
	clear:both;
	margin-top:1em;
}
/* REFACTORING: I can't find these styles in use */
#qc-contents fieldset#submit-survey-box input {
	clear:both;
}
/* These styles may not be used, but #edit-form is widely used so hard to search for these styles.  May be a candidate for REFACTORING */
#os-body-main #edit-form fieldset#leave-survey-box legend,#os-body-main #edit-form fieldset#leave-survey-button legend,#os-body-main #edit-form fieldset#submit-survey-box legend {
	margin:0;
	padding:0;
}

#edit-form .form-actions .save {
	float:right;
	font-weight:bold;
}



/**/
#main-tag-opts h3,#delete-tag-confirmation h3 {
	padding-bottom:.5em;
	font-weight:bold;
	font-size:1.6em;
}

#delete-tag-confirmation legend {
	margin-left:0;
}

#edit-form .disabled {
	background-color:#efefef;
	border-color:#EFEFEF #CFCFCF #CFCFCF #EFEFEF;
	color:#5f5f5f;
	float:left;
	font-weight:normal;
}

#edit-form .jump-id label {
	margin:0 .5em 0 0;
	width:auto;
}

#categories {
	background-color:#F5F5F5;
	border:1px solid #BFBFBF;
	color:#888888;
	margin:1em auto;
	padding:1em;
	-moz-border-radius:1em;
	-o-border-radius:1em;
	-webkit-border-radius:1em;
}

#add-cat-form fieldset {
	margin:1em 0;
}

#os-body-main #add-cat-form .float-right {
	float:right;
}

#categories a.selected {
	color:#434343;
	text-decoration:none;
}

#os-body-main #categories h2 {
	font-size:1.4em;
}

#qc-contents .no-wysiwyg {
	margin-top:.5em;
	clear:none;
}

#questions.saved-q .existing-questions {
	padding:1em;
}

#qc-contents form.subquestion-edit-form legend {
	margin-left:0;
	width:auto;
	padding:0;
}

#qc-contents form.subquestion-edit-form .field legend {
	margin-left:0;
	width:auto;
	padding:0;
}

#qc-contents form.subquestion-edit-form .field {
	padding-top:1.5em;
}

#qc-contents form.file-upload-line-subquestion .field {
	padding-top:2.5em;
}

#qc-content-break #qc-contents form.file-upload-line-subquestion .field legend {
	margin:0 0 0 -14em;
}

#qc-content-break #qc-contents form.file-upload-line-subquestion .field legend span {
	display:block;
}

#qc-content-break #qc-contents form.file-upload-line-subquestion .field legend span#instructions_help {
	margin:0.5em 0 0 15em;
	width:400px;
}

#qc-contents form.subquestion-edit-form fieldset {
	border:none;
}

#qc-contents form.subquestion-edit-form fieldset.form-actions {
	float:none;
}

#qc-contents form .info-fieldset legend {
	margin-left:0;
	width:auto;
	padding:0;
}

#qc-contents form .info-fieldset label {
	margin:0 .5em 0 0;
	display:inline-block;
	padding-right:.5em;
}

#qc-contents form.subquestion-edit-form .info-fieldset {
	overflow:hidden;
	border:none;
	border-bottom:1px solid #eee;
	padding:1.5em 0 1.5em 14em;
}

#qc-contents form .info-fieldset div {
	clear:both;
	padding-top:1em;
}

.info-fieldset legend .formHelp {
	white-space:normal;
	margin-left:0;
}

#qc-contents form.subquestion-edit-form .info-fieldset .move-right-01 {
	margin:-1.6em 0 0 27em;
	text-align:left;
	white-space:normal;
	width:26em;
	display:inline-block;
}

#qc-contents #add-text-line-subquestion #label {
	margin-bottom:.3em;
}

#qc-contents #add-text-line-subquestion label.inline {
	display:block;
	float:left;
	margin:.5em;
	text-align:left;
	white-space:normal;
	width:33em;
}

#qc-contents #add-text-line-subquestion #analyst_only,#qc-contents #add-text-line-subquestion #show-label {
	float:left;
	margin-top:1em;
}









/* MATRIX TABLE */
	table.matrix-question {
		border: none;
		width: auto;
		line-height: 1.3em;
		margin-right: 10px;
		width: 99%; /* not 100% due to an unwanted interaction with container padding that I didn't diagnose */
	}

	/* no background color */

		table.matrix-question * {
			background-color: transparent;
		}

		table.matrix-question tr:nth-of-type(odd),
		table.matrix-question tr:nth-of-type(even) {
			background-color: transparent;
		}

	/* all cells */
		table.matrix-question th,
		table.matrix-question td {
			padding-top: 0.7em;
			padding-bottom: 0.8em;
		}

    /* tbody cells only */
        table.matrix-question tbody th,
		table.matrix-question tbody td {
		    border-top: solid 1px #ddd;
		}


	/* column labels */
		table.matrix-question thead th {
			text-align: center !important;
			vertical-align: top;
		}

	/* column cells */
		table.matrix-question thead th,
		table.matrix-question tbody td {
			/* fixed width columns */
			/*
			width: 6em;
			padding-left: 0;
			padding-right: 0;
			*/

			/* fluid columns */
			max-width: 14em;

			text-align: center !important; /* IE Fix */
		}

	/* row cells */
		table.matrix-question thead td,
		table.matrix-question tbody th {
			width: 9.5em;
			padding-left: 1em;
			padding-right: 0;
			color: #666;
		}

	/* form inputs */
		#qc-contents form fieldset .matrix-question label {
			margin-left: 0;
			width: 100%;
			text-align: center !important;
		}
		.matrix-question tbody label input {
			display: inline-block;
		}

	/* required field */
		#qc-contents fieldset table.matrix-question .fieldRequired,
		#qc-contents .mat-select .fieldRequired {
			color: #AF1515;
			display: block;
		}

	/* error */
		#qc-contents #edit-form table.matrix-question .error-row {
			width: auto;
		}
		#qc-contents #edit-form table.matrix-question .error-row td {
			padding-top: 0;
			padding-bottom: 0;
		}
		#qc-contents #edit-form table.matrix-question .error {
			color: #444;
			line-height: 1.6em;

			display: block;
			float: none;
			margin-bottom: 0;
		}

		/* matrix select error */
		#qc-contents.survey-view #edit-form .mat-select .error {
			display: block;
			float: none;
			margin-bottom: 0.4em;
		}

		/* IE7 override fixes */
		#qc-contents #edit-form .mat-select .section legend,
		#qc-contents #edit-form .mat-select .section .matrix-section {
			margin-top:0;
		}
		#qc-contents #edit-form .mat-select .first {
			padding-top:1em;
		}

		/* allow too many columns to break layout instead of hiding content */
		/* it shows the admin there is problem and is still usable by public */
		.opinion-suite #os-body-main {
			overflow: visible !important;
		}
		#qc-contents.survey-view,
		/*#qc-contents,*/ /* breaks edit backend */
		.qc-contents,
		#os-analyse-responses #qc-content-break #qc-contents,
		#os-analyse-responses {
			overflow: visible !important;
		}
		#qc-contents.editing-survey {
			overflow: hidden !important;
		}

		/* opsuite.respondentmanagement */
			#qc-content-break {
				padding-top: 30px;
				overflow: visible !important;
			}


/* FILE UPLOAD */
	#qc-contents.survey-view .field label.file-label,
	#os-analyse-responses #qc-contents .field label.file-label,
	#os-body-main #rm-add-response #qc-contents .field label.file-label {
		width: 100%;
	}


/* ADD/EDIT MATRIX QUESTION */
	#qc-contents #matrix-select-subquestion .matrix-options_col legend {
		width: auto;
	}
	#qc-contents #matrix-select-subquestion .matrix-options_col .formTip {
		width:440px;
		font-size: .95em;
	}


  /* Postcode question */
#qc-contents .qc-postcode input[type="text"] {
  width: 100px;
}

/* Special CSS for the formatting of items on the single printout view
   This is here so that people can see what the printout will look like before printing. */

/* Field Holders */

.printed-field-select {
    clear: both;
}

.printed-select-quantity-notice {
    font-style: italic;
    color: #888;
}

.printed-field-factbank {
    display: block !important;
}

/* Field Items */
.printed-item-checkbox {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #666;
    border-radius: 3px;
    background: #FFF !important;
    display: inline-block !important;
    padding: 0 !important;
    text-align: center !important;
    position:relative;
    top:-2.5px;
}

.qc-boolean .printed-item-checkbox {
    top: 0px;
}

.qc-matrix-select .printed-item-checkbox {
    border-radius: 15px;
}

.qc-matrix-radio .printed-item-checkbox {
    border-radius: 15px;
}

.printed-field-select .printed-item-checkbox {
    border-radius: 15px;
}

.printed-field-radio .printed-item-checkbox {
    border-radius: 15px;
}

.printed-item-label {
    margin-left: 5px !important;
    margin-right: 10px !important;
    display: inline !important;
    position: static !important;
    top: -2px;
}

.printed-field-checkbox .printed-item-checkbox,
.printed-field-select .printed-item-checkbox,
.printed-field-radio .printed-item-checkbox {
    float:left;
}
.printed-field-checkbox .printed-item-label,
.printed-field-select .printed-item-label,
.printed-field-radio .printed-item-label {
    display:block;
    float:left;
    width:775px;
}
.printed-field-checkbox li.printed-item-list,
.printed-field-select li.printed-item-list,
.printed-field-radio li.printed-item-list {
    margin:0 0 0.8em 0;
}


.printed-dropdown-matrix-section .printed-item-label,
#print-survey .label-right {
    display: inline-block !important;
    height:19px;
    vertical-align:middle;
    float:left;
    width:auto !important;
    padding:0em !important;
}

#os-container .qc-checkbox br,
#os-container .qc-boolean br {
    clear: both;
}

#os-container .qc-checkbox .printed-item-checkbox,
#os-container .qc-boolean .printed-item-checkbox {
    float: left;
    margin: 0 5px 5px 0;
}


#qc-contents div.field ul.printed-item-ul {
    list-style-type:none;
    margin: 0;
}

.printed-item-list {
    float: left;
    margin: 0;
    padding: 0;
}

.printed-item-input, .printed-item-textarea {
    background-color:#FFF;
    border: 2px solid #666;
    border-radius: 5px;
    width:98%;
    min-height: 30px;
    min-width: auto;
    display: block;
    clear: both;
    color: #666;
}

.form-public .field .printed-item-input, .form-public .field .printed-item-textarea
{
    padding: 5px;
    min-height: 20px;
}

.form-public .field .printed-item-textarea {
    min-height: 150px;
}

#print-survey #qc-content-break {
    padding-top:0;
}

/* Workaround for help images on subquestion page disappearing on reload. */
#response-form a.lightBoxMe {
	display:inline-block;
}


#qc-contents .qc-boolean .fieldRequired {
    display:inline !important;
}

/*Chrome hacks */
/* note: must be end otherwise IE ignores css that comes after (ALSO, Firefox 14 does, Tom) */

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #os-add-consultation-form fieldset fieldset legend span {
 position:absolute;
 left:235px;
 margin-top:5px;
 }
#qc-contents #edit-form .move-legend .error,
#qc-contents #edit-form .error {
	bottom:0!important;
}