﻿html, body { margin: 0px; }
form { margin: 0px; padding: 0px; }
body { font-size: 12px; font-family: tahoma,geneva,helvetica,arial,sans-serif; color: #505050; background-attachment: fixed; }
table { border-collapse: collapse; border-spacing: 0; }
.testmodeheader { background-color: #4b6c9e; color: White; width: 90%; /*height:24px;*/ padding: 0px 5px 0px 5px; border: 1px outset black; margin: auto; }

.clearfix, .ui-helper-clearfix { zoom: 1; }
.clearfix:before, .clearfix:after, .ui-helper-clearfix:before, .ui-helper-clearfix:after { display: table; content: ""; }
.clearfix:after, .ui-helper-clearfix:after { clear: both; }

.DebugLinkButton { color: white; text-decoration:none; }

div .clear { clear: both; }

.pageHeader { /*padding: 15px 5px 15px 5px;*/ }
.pageErrors { margin: 5px 0; }
.pageTitle { margin: 10px 0; /*padding: 10px 5px 10px 5px;*/ }
.pageFooter { min-height: 1em; /*padding: 10px 5px 0px 5px;*/ }

.pageBackground.centerQuestions .questionBackground { text-align: center; -ms-overflow-style: none; }
.pageBackground.centerQuestions .questionContent { display: inline-block; text-align: left; }

.pageContentContainer { margin: 0 auto !important; width: 100%; float: left; }
/*.errorMessageContainer { margin-top: 1%; }
.errorMessageContainer .errorMessage { padding: 1% 2%; vertical-align: middle; }*/
.errorMessage { vertical-align: middle; color: #FF0000; padding: 3px 10px; font-weight: normal; }

/**** Progress Bar ****/
.progressBarBackground { margin: 5px !important; border: 1px solid Gray; float: left; }
.progressBarContainer {	margin: 0 auto !important; width: auto; }
html[dir=rtl] .progressBarBackground { float: right; }
.progressBarBar { float: left; height: 100%; margin: 0 !important; }
html[dir=rtl] .progressBarBar { float: right; }
.progressBar span {	float: left; padding: 0 5px 0 5px; }
html[dir=rtl] .progressBar span { float: right; }

/**** Language Selector ****/
.languageSelector { padding: 3px; }
.languageSelector .languageSelectorItem { padding: 0 5px; }

/**** Navigation Bar ****/
.navigationBar { width: 100%; height: 100%; clear: both; margin: 0 auto; text-align: center; vertical-align: middle; position: relative; }
.navigationBar .buttonContainer { vertical-align: middle; display: inline; *display: inline; /* FOR IE */  }
.navigationBar .buttonContainer input { vertical-align: middle; }
.backButton, .nextButton, .quitButton {	margin: 3px; }
.navigationBarContainer { margin-top: 10px; margin-left: auto; margin-right: auto; }
.navigationBar td div { padding: 0px 5px 0px 5px; }

/**** Shortcuts Bar ****/
.shortcutContainer { width: 100%; }
.surveyShortcuts { margin: 3px; }

/**** Questions Block ****/
.questionBlock { padding: 1px 0; margin: 0 auto; }
.questionBlock fieldset { padding: 0; margin: 0px; border: 0px none white; width: 100%; }
.questionBlock fieldset legend { padding: 0px; margin: 0px }
.questionBackground { margin: 20px auto !important; overflow-x: auto; }

.questionNameContainer { margin: 10px auto !important; }
.questionNameContainer legend { width: 100%; }
.questionTextContainer { padding: 5px; text-align: left; }
html[dir=rtl] .standard .questionTextContainer { padding-right: 15px; text-align: right; }
.questionContent { padding: 10px; }