/* SCREEN.css */

/* reset all margins and padding! */
* {
	margin: 0;
	padding: 0;
}

/* set the body! */
body {
	text-align:center;
}

/* wrapper */
div.wrapper {
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	width: 900px;
}

/* surveyLine */
.surveyLine:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.surveyLine {display: inline-block;}
/* Hides from IE-mac \*/
* html .surveyLine {height: 1%;}
.surveyLine {display: block;}
/* End hide from IE-mac */

/* surveyLine div.body */
div.surveyLine div.body:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.surveyLine div.body {display: inline-block;}
/* Hides from IE-mac \*/
* html div.surveyLine div.body {height: 1%;}
div.surveyLine div.body {display: block;}
/* End hide from IE-mac */



div.surveyLine h1 {
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 10px;
}
div.surveyLine p {
	font-size: 12px;
	margin-bottom: 10px;
}

/* surveyError */
.surveyError:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.surveyError {display: inline-block;}
/* Hides from IE-mac \*/
* html .surveyError {height: 1%;}
.surveyError {display: block;}
/* End hide from IE-mac */

/* surveyError div.body */
div.surveyError div.body:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.surveyError div.body {display: inline-block;}
/* Hides from IE-mac \*/
* html div.surveyError div.body {height: 1%;}
div.surveyError div.body {display: block;}
/* End hide from IE-mac */

/* h1 */
div.surveyError h1 {
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 10px;
}

/* p */
div.surveyError p {
	font-size: 12px;
	margin-bottom: 10px;
}

/* questionTitle & questionDescription */
div.questionTitle {
	font-weight:bold;
	margin: 10px 0 10px 0;
}
div.questionDescription {
	margin-bottom: 10px;
}

/* textResponse FIREFOX & IE! */
div.textResponse {
	margin-bottom: 10px;
}
div.textResponse div.label {
	float:left;
	padding-top: 1px;
	padding-right: 5px;
}
div.textResponse div.value input {
	font-size: 12px;
}

/* selectResponse FIREFOX & IE! */
div.selectResponse {
	margin-bottom: 10px;
}
div.selectResponse div.label {
	float:left;
	padding-top: 3px;
	padding-right: 5px;
}
div.selectResponse div.value select {
	font-size:13px;
}

div.selectResponse div.hideOther {
	display:none;
}
div.selectResponse div.showOther {
	clear:both;
	display:block;
	margin-top: 10px;
}
div.selectResponse div.showOther div.label {
	float:left;
	margin-right: 5px;
	padding-top: 2px;
}
div.selectResponse div.showOther div.value input {
	font-size: 13px;
}

/* radioResponse FIREFOX & IE! */
div.radioResponse div.value {
}
div.radioResponse div.radio {
	clear:both;
	margin:10px 0 5px 0;
}
div.radioResponse div.radio div.radioValue {
	float:left;
	padding: 2px 5px 2px 2px;
}
div.radioResponse div.radio div.radioLabel {
	padding:0;
	margin:0;
}

/* IE */
*:first-child+html div.radioResponse div.radio,
* html div.radioResponse div.radio {
	border: 0px solid #000;
	clear:both;
	margin:0 0 8px 0;
}
*:first-child+html div.radioResponse div.radio div.radioValue,
* html div.radioResponse div.radio div.radioValue {
	float:left;
	padding: 0 5px 0 0;
}

*:first-child+html div.radioResponse div.radio div.radioLabel,
* html div.radioResponse div.radio div.radioLabel {
	padding:2px 0;
	margin:0;
}
div.radioResponse div.hideOther {
	display:none;
}
div.radioResponse div.showOther {
	display:block;
	clear:both;
	margin: 10px 0 0 0;
}
div.radioResponse div.showOther div.label {
	float:left;
	margin-right: 10px;
	padding-top: 2px;
}
/* ie */
*:first-child+html div.radioResponse div.showOther div.label,
* html div.radioResponse div.radio div.radioLabel {
	padding-top: 3px;
}

/* clearfix */
.radioResponse:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.radioResponse {display: inline-block;}
* html .radioResponse {height: 1%;}
.radioResponse {display: block;}

/* checkboxResponse FIREFOX & IE! */
div.checkboxResponse div.value {
}
div.checkboxResponse div.checkbox {
	clear:both;
	margin:10px 0 5px 0;
}
div.checkboxResponse div.checkbox div.checkboxValue {
	float:left;
	padding: 2px 5px 2px 2px;
}
div.checkboxResponse div.checkbox div.checkboxLabel {
	padding:0;
	margin:0;
}

/* IE */
*:first-child+html div.checkboxResponse div.checkbox,
* html div.checkboxResponse div.checkbox {
	border: 0px solid #000;
	clear:both;
	margin:0 0 8px 0;
}
*:first-child+html div.checkboxResponse div.checkbox div.checkboxValue,
* html div.checkboxResponse div.checkbox div.checkboxValue {
	float:left;
	padding: 0 5px 0 0;
}

*:first-child+html div.checkboxResponse div.checkbox div.checkboxLabel,
* html div.checkboxResponse div.checkbox div.checkboxLabel {
	padding:2px 0;
	margin:0;
}
div.checkboxResponse div.hideOther {
	display:none;
}
div.checkboxResponse div.showOther {
	clear:both;
	display:block;
	margin: 10px 0 0 0;
}
div.checkboxResponse div.showOther div.label {
	float:left;
	margin-right: 10px;
	padding-top: 2px;
}
/* ie */
*:first-child+html div.checkboxResponse div.showOther div.label,
* html div.checkboxResponse div.checkbox div.checkboxLabel {
	padding-top: 3px;
}

/* clearfix */
.checkboxResponse:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.checkboxResponse {display: inline-block;}
* html .checkboxResponse {height: 1%;}
.checkboxResponse {display: block;}

/* radioMatrixResponse FIREFOX & IE! */
div.radioMatrixResponse table {
	width: 100%;
}
div.radioMatrixResponse div.matrixHeaderValueLeft {
	float:left;
	color: #888;
}
div.radioMatrixResponse div.matrixHeaderValueRight {
	float:right;
	color: #888;
}
div.radioMatrixResponse td {
	padding: 3px;
	text-align:center;
}

div.radioMatrixResponse td.matrixQuestion {
	text-align:left;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

div.radioMatrixResponse td.topRightBottomLeft{
	border:1px solid #CCC;
	text-align:center;
}
div.radioMatrixResponse td.topRightLeft{
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}

div.radioMatrixResponse td.rightBottm {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
div.radioMatrixResponse td.topRightBottom {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
div.radioMatrixResponse td.rightBottomLeft {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
div.radioMatrixResponse td.rightBottom {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
div.radioMatrixResponse tfoot {
	display:none;
}

/* checkboxMatrixResponse FIREFOX & IE! */
div.checkboxMatrixResponse table {
	width: 100%;
}
div.checkboxMatrixResponse div.matrixHeaderValueLeft {
	float:left;
	color: #888;
}
div.checkboxMatrixResponse div.matrixHeaderValueRight {
	float:right;
	color: #888;
}
div.checkboxMatrixResponse td {
	padding: 3px;
	text-align:center;
}
div.checkboxMatrixResponse td.rightBottm {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
div.checkboxMatrixResponse td.topRightBottom {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
div.checkboxMatrixResponse td.rightBottomLeft {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align:left;
}
div.checkboxMatrixResponse td.rightBottom {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
div.checkboxMatrixResponse tfoot {
	display:none;
}

/* dateResponse FIREFOX & IE! */
div.dateResponse {
	margin-bottom: 10px;
	clear:both;
}

div.dateResponse div.label {
	float:left;
	margin-right: 10px;
	margin-top: 2px;
}
div.dateResponse div.value {
	float:left;
	margin-right: 10px;
}
div.dateResponse div.value input {
	float:left;
	width: 70px;
}
div.dateResponse div.button {
	float:left;
	margin-right: 2px;
	margin-top: 2px;
}
/* clearfix */
.dateResponse:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.dateResponse {display: inline-block;}

/* Hides from IE-mac \*/
* html .dateResponse {height: 1%;}
.dateResponse {display: block;}
/* End hide from IE-mac *//* CSS Document */

/* textareaResponse FIREFOX & IE! */
div.textareaResponse {
	margin-bottom: 10px;
	clear:both;
}
div.textareaResponse div.label {
}
div.textareaResponse div.value {
	margin: 5px 0px 5px 0;
}
div.textareaResponse div.value textarea {
	width: 99%;
}
div.textareaResponse div.textareaStatus {
	margin: 5px 0px 5px 0;
	height:10px;
}




/*********************************/
/*** ADMIN *** ADMIN *** ADMIN ***/
/*********************************/
#Survey {
	margin-top: 10px;
	text-align:left;
	clear:both;
	margin-bottom: 40px;
}

#Survey div.active {
	width: 100%;
	height: 20px;
}
#ActiveImage {
	float:left;
	margin-right: 5px;
}
#ActiveMessage {
	float:left;
	padding-top: 2px;
}

/* surveyHeaderInfo */
#Survey div.surveyHeaderInfo {
	float:left;
	width: 300px;
}
#Survey div.surveyHeaderInfo table {
	border-top: 1px solid #CCC;
	border-right:1px solid #CCC;
	height: 200px;
	width: 100%;
}
#Survey div.surveyHeaderInfo tr.tr1 {
	background-color: #DDD;
	font-weight:bold;
}
#Survey div.surveyHeaderInfo td {
	border-bottom: 1px solid #CCC;
	border-left:1px solid #CCC;
	font-size: 11px;
	padding: 3px;
	text-align:left;
}
#Survey div.surveyHeaderInfo td.field {
	width: 100px;
}
#Survey div.surveyHeaderInfo td.value {
	width: 150px;
}
#Survey div.surveyHeaderInfo td.button {
	width: 16px;
	text-align:center;
}
#Survey div.surveyHeaderInfo input.noInput {
	width: 98%;
	border:0;
	background-color:transparent;
}
#Survey div.surveyHeaderInfo input.checkbox {
	width: auto;
}
#Survey div.surveyHeaderInfo select {
	width: 100%;
}

/* surveyHeaderDetails */
#Survey div.surveyHeaderDetails {
	float:left;
	font-size: 11px;
	margin-left: 10px;
	width: 375px;
}
#Survey div.surveyHeaderDetails table {
	border-top: 1px solid #CCC;
	border-right:1px solid #CCC;
	height: 200px;
	width: 100%;
}
#Survey div.surveyHeaderDetails tr.tr1 {
	background-color: #DDD;
	font-weight:bold;
}
#Survey div.surveyHeaderDetails td {
	border-bottom: 1px solid #CCC;
	border-left:1px solid #CCC;
	font-size: 11px;
	padding: 3px;
	text-align:left;
}
#Survey div.surveyHeaderDetails td.field {
	width: 60px;
}
#Survey div.surveyHeaderDetails td.button {
	width: 16px;
	text-align:center;
}
#Survey div.surveyHeaderDetails input {
	width: 98%;
}
#Survey div.surveyHeaderDetails input.noInput {
	width: 98%;
	border:0;
	background-color:transparent;
}
#Survey div.surveyHeaderDetails input.checkbox {
	width: auto;
}

/* surveyHeaderOptions */
#Survey div.surveyHeaderOptions {
	float:left;
	font-size: 11px;
	margin-left: 10px;
	width: 300px;
}
#Survey div.surveyHeaderOptions table {
	border-top: 1px solid #CCC;
	border-right:1px solid #CCC;
	height: 200px;
	width: 100%;
}
#Survey div.surveyHeaderOptions tr.tr1 {
	background-color: #DDD;
	font-weight:bold;
}
#Survey div.surveyHeaderOptions td {
	border-bottom: 1px solid #CCC;
	border-left:1px solid #CCC;
	font-size: 11px;
	padding: 3px;
	text-align:left;
}
#Survey div.surveyHeaderOptions td.field {
	width: 130px;
}
#Survey div.surveyHeaderOptions td.button {
	width: 16px;
	text-align:center;
}
#Survey div.surveyHeaderOptions input {
	width: 98%;
}
#Survey div.surveyHeaderOptions input.noInput {
	width: 98%;
	border:0;
	background-color:transparent;
}
#Survey div.surveyHeaderOptions input.checkbox {
	width: auto;
}

/* surveyHeaderButtons */
#Survey div.surveyHeaderButtons {
	border: 1px solid #CCC;
	background-color:#F0F0F0;
	clear:both;
	margin-top: 10px;
	padding: 3px;
	width: 984px;
}
#Survey div.surveyHeaderButtons input {
	font-size: 11px;
}

/* Survey Lines */
#SurveyLines {
	margin-top: 10px;
}

/* addSurveyLine */
div.addSurveyLine {
	clear:both;
	text-align:left;	
}
div.addSurveyLine:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.addSurveyLine {display: inline-block;}
* html div.addSurveyLine {height: 1%;}
div.addSurveyLine {display: block;}

div.addSurveyLine div.label {
	float:left;
	padding-top: 3px;
	margin-right: 5px;
}
div.addSurveyLine div.select {
	float:left;
	margin-right: 5px;
}
div.addSurveyLine div.after {
	float:left;
	padding-top: 3px;
	margin-right: 5px;
}
div.addSurveyLine div.position {
	float:left;
	margin-right: 5px;
}
div.addSurveyLine div.question {
	float:left;
	margin-right: 5px;
}
div.addSurveyLine div.question select {
	width: 300px;
}

/* matrixCondition */
div.matrixCondition {
	width: 868px;
	background-color:#EFE;
	border: 1px solid #CCC;
	margin: 10px 0 10px 0;
	padding: 5px;
}

/* condition */
div.condition {
	width: 888px;
	background-color:#EFE;
	border: 1px solid #CCC;
	margin: 10px 0 10px 0;
	padding: 5px;
}

/* matrixCondition */
div.radioMatrixResponse div.condition,
div.checkboxMatrixResponse div.condition {
	width: 868px;
}

/* pageBreak */
div.pageBreak {
	width: 888px;
	background-color:#EEF;
	border: 1px solid #CCC;
	margin: 10px 0 10px 0;
	padding: 5px;
}

/* note */
div.note {
	width: 888px;
	background-color:#FEE;
	border: 1px solid #CCC;
	margin: 10px 0 10px 0;
	padding: 5px;
}

/* adminSurveyLines */
div.adminSurveyLines {
	border: 1px solid #CCC;
	width: 878px;
	padding: 10px;
	margin-left: 50px;
	margin-bottom: 10px;
}