/* CSS Document */

@import url(main.css?v=1);

div#page { width:100%;max-width: 750px; margin: 0 auto; padding: 5px 0px; text-align: left; }
.intTitle { font-weight: bold; }
input.text {
	height: 32px;
}
.pageTitle { padding: 5px; margin: 10px 0px 10px 0px; display: block; }
.pageTitle .page { font-size: 14px; }
.pageTitle .current { font-size: 14px; font-weight: bold; }
.pageTitle .page,
.pageTitle .space,
.pageTitle .current { float: left; }

.question { padding: 0px 10px 5px 10px; }

.question .title {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}
.question .title .number {
	font-size: 16px;
	font-weight: bold;
	float: left;
}

.question .description { padding: 0px 0px 10px 2px; }
.question .descrLink { padding: 0px 0px 5px 0px; }
.question .descrContent {
	padding: 5px;
	border: 1px solid #cccccc;
}

.tblAnswerContent {
	width: 100%;
}

.tblInterviewAnswerProduct label,
.tblAnswerContent label {
	margin-top: 2px;
	display: block;
	word-break: break-word;
	white-space: normal !important;
}

.divAnswerContent .asText {
	width: inherit;
}

* html body .divAnswerContent .asText {
	width: 100%;
}

.divAnswerContent table.asText textarea.text,
.divAnswerContent table.asText input.text {
	width: 100%;
}

label.asText {
	margin-bottom: 5px;
}

div.asTextLabel {
	display: block;
	margin-bottom: 3px;
}

table.small td.cells { width: 50%; }

table.large td.cells { width: 33%; }

div.reportHeader {
	width: inherit;
	border-bottom: 1px solid #cccccc;
	padding: 5px;
	margin: 10px 0px 25px 0px;
}

div.reportHeader .title {
	font-size: 14px;
	font-weight: bold;
	float: left;
}

div.reportHeader .title .userData {
	padding-top: 3px;
}

div.reportHeader .buttons { text-align: right; }

table.report { width: 100%; }
table.report th { font-size: 14px; background: #F0F4F9; }
table.report tr.even td { background-color: #ffffff; }
table.report tr.odd td { background-color: #F0F4F9; }

table.report tbody td.question { padding: 8px 5px 8px 5px; }
table.report tbody td.notes { font-style: italic; }

table.report tbody td.answerProduct {
	text-align: center;
	width: 25%;
}

table.report tbody td.answerProduct p {
	text-align: left;
}

table.report tbody td.foot {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	font-size: 14px;
}

div.intTitle div.pagination {
	float: right;
}

div.answerPanel input.text {
	margin: 1px 0px 1px 0px;
}

fieldset { border: 1px solid #c0c0c0; margin: 5px 0px 15px 0px !important; padding: 10px 5px 10px 5px !important; }
legend { font-weight: bold; font-size: 14px; }

fieldset hr { display: none; }

.groupAdd {
	display: block;
	margin: -10px 0px 10px;
	padding: 5px 15px 5px 5px;
	width: inherit;
	text-align: right;
}

div.page_score { padding: 10px; }
div.page_score tr label { position: relative; top: -3px; }
div.page_score tr.select label { font-weight: bold; }
div.page_score tr .icon { background: transparent none no-repeat; width: 16px; height: 16px; display: none; }
div.page_score tr.wrong .wrong {  display: inline; }
div.page_score tr.right .right {  display: inline; }

span.mand0 { display: none };

@media print {
	#cx-page-footer,
	#cx-page-header { display: none; }

	body {
		height: auto;
		overflow: auto;
	}
}