@CHARSET "UTF-8";

#pageWidth {
	width: 100%;
}

#innerWidth {
	width: 720px;
}

#information {
	padding: 10px;
}

#countInformation {
	font-size: 130%;
}

#information ul {
	margin-bottom: 0;
	padding-left: 14px;
	margin-left: 0;
}

table.answerTable {
	border-collapse: collapse;
}

.answerTable th {
	padding: 2px 3px;
}

table.answerTable td {
  padding: 2px 0px 2px 0px;
}

table.answerTable td.answerText {
	padding: 2px;
}

table.answerTable td.answerPercentage {
	padding-right: 2px;
}

.textAnswer {
	margin-bottom: 16px;
}

.noTextAnswer {
	font-style: italic;
	color: gray;
}

.questionText {
	margin-bottom: 6px;
}

.questionText a {
	font-weight: bold;
	color: black;
}

.questionText a:hover {
	font-weight: bold;
	color: gray;
}

.questionNote {
	color: gray;
	margin-bottom: 10px;
}

.separator {
	height: 1px;
	border: 0px;
	background-color: gray;
}

.borderLeft, .borderLeftRight {
	border-left: 1px solid silver;
}

.borderRight, .borderLeftRight {
	border-right: 1px solid silver;
}

.borderTop, .borderTopBottom {
	border-top: 1px solid silver;
}

.borderBottom, .borderTopBottom {
	border-bottom: 1px solid silver;
}

.radioBarCell {
	width: 300px;
	text-align: left;
}

.radioBar {
	border: none;
}

/*
 * see application/modules/shared/views/scripts/index_v1.tpl etc. for solution
 * with displaying bars in the printing mode ... these radioBarColor classes
 * are no more in use within those index template files (but some other places
 * are still using them ... may be it'll be nice to change this in the future)
 */

.radioBarColor1 {
    background-color: rgb(140, 171, 206);
}

.radioBarColor2 {
    background-color: rgb(197, 188, 211);
}

.radioBarColor3 {
    background-color: rgb(169, 190, 118);
}

.radioBarColor4 {
    background-color: rgb(200, 147, 180);
}

.radioBarColor5 {
    background-color: rgb(149, 202, 215);
}

.radioBarColor6 {
    background-color: rgb(225, 156, 100);
}

.radioBarColor7 {
    background-color: rgb(193, 226, 230);
}

.radioBarColor8 {
    background-color: rgb(220, 176, 175);
}

.radioBarColor9 {
    background-color: rgb(155, 207, 150);
}

.radioBarColor0 {
    background-color: rgb(210, 147, 147);
}


.checkboxBarCell {
	width: 300px;
	height: 12px;
}

.checkboxBar {
	background-color: rgb(138,165,78);
	border: 1px solid rgb(138,165,78);
}

.checkboxEmptyBar {
	border: 1px solid silver;
}

td.answerText {
	width: 300px;
}

td.answerCount {
	width: 30px;
}

td.answerPercentage {
	width: 35px;
}


.alignRight {
	text-align: right;
}

.alignLeft {
	text-align: left;
}

.noPaddingTop td {
	padding-top: 0;
}

.noPaddingBottom td {
	padding-bottom: 0;
}

.paddingLeft {
	padding-left: 8px;
}

.paddingRight {
	padding-right: 8px;
}

.paddingNone {
	padding: 0;
}

.missing {
	font-style: italic;
}

.screenOut {
	color: red;
}

.headerN {
	text-align: right;
	padding-right: 4px;
}

.graphScale {
	padding: 0 0 0 1px;
}

.unsupportedInfo {
	font-style: italic;
	color: rgb(200,0,0);
}

.highslide-resize {
	margin-top: 10px;
	float: right;
}

.control {
	float: right;
	display: block;
	/*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: gray;
}
.control:hover {
	color: black;
}


td.dataPresentation {text-align: left;}
td.dataPresentation a {background-color: rgb(183,40,39); text-align: center; float: left; margin: 0px; border-top: solid 1px rgb(197,81,81); border-left: solid 1px rgb(197,81,81); border-bottom: solid 1px rgb(172,7,6); border-right: solid 1px rgb(172,7,6);}

#viewQuestionaryBox {width: 100%; border: solid 1px silver; float: left; margin-right: 10px;}
#viewQuestionaryBox .viewPort { padding: 10px; border-bottom: solid 1px silver; background-color: white;}
#viewQuestionaryBox .basicInfoButtons {width: 100%; border: none;}
#viewQuestionaryBox .basicInfoButtons td {border: none;}


/* ------------------------ resultPresentation v3 --------------------- */

a.popupLink {font-weight: normal;}

div.resultGraph {
    position: relative;
}

div.resultGraph div.bar-horizontal, div.resultGraph div.bar-vertical {
	position: relative;
	z-index: 9;
	border: solid 1px silver;
	background-color: rgb(245,245,245);
	padding: 0px;
	margin: 2px auto;
	text-align: left;
}

div.resultGraph div.bar-horizontal {
	width: 80px;
	height: 18px;
}

div.resultGraph div.bar-vertical {
	width: 60px;
	height: 50px;
}

div.resultGraph span.barFill {
    /*border: medium none;
    //float:left;

    //background-color: #d77f2f;
    //margin-top: 2px;
    //margin-left: 4px;*/
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    height: 18px;
    padding: 0px;
}

div.resultGraph span.barSmall {
    background-color: #d77f2f;
    float:left;
    margin-top: 1px;
    margin-left: 4px;
    clear:both;
}
div.resultGraph span.value {
    position: absolute;
    top: 4px;
    left: 0px;
    z-index: 11;
    text-align: center;
    font-size: 9px;
    width: 100%;
}

div.printGraphTextValues, div.printGraphComboValues {
    display: none;
}

/* drag box */
.dragDiv {
	position: absolute;
	width: 450px;
	z-index: 100;
	padding: 10px;
	border-color: #000000;
	border-style: solid;
	border-width: 3px;
	background-color: #f2efee;
}

.dragDiv .title {
	text-align: right;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 15px;
}

.dragDiv .dragHandler {
	cursor: move;
	padding-right: 15px;
}

.dragDiv .content {
}

#respondentsCount {
	float: right;
	font-weight: bolder;
	text-align: right;
}
#respondentsCount .count {
	font-size: 2.5em;
}

#previousQuestion {
	background: url("/images/arrow-previous.png") no-repeat scroll left 100% transparent;
	padding-left: 15px;
	padding-right: 10px;
}

#nextQuestion {
	background: url("/images/arrow-next.png") no-repeat scroll right 100% transparent;
	padding-right: 15px;
	padding-left: 10px;
}

.questionButton {
	height: 100%;
	font-weight: bolder;
	cursor: pointer;
	vertical-align: middle;
}

.questionButtonDisabled {
	color: gray;
	cursor: default;
	font-weight: bolder;
}

.fakeAnchor {
	cursor: pointer;
}
.fakeAnchor:hover {
	color: #de7109;
}



/*
 * --------------------------------- PRINTING ---------------------------------
 */

@media print {

	.highslide img, .highslide-html-content, #curtainText, .fsBox, .navigationPath {
		display: none;
	}

}