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; }
table .hiddenHeaderRow { display: none; }
.testmodeheader { background-color: #4b6c9e; color: White; width: 90%; /*height:24px;*/ padding: 0px 5px 0px 5px; border: 1px outset black; margin: auto; }

.preview-mode-banner { color: #FFFFFF; background-color: #EB6725; height: 38px; line-height: 38px; box-sizing: border-box; border-bottom: 3px solid #FF9300; padding: 0 35px; }
.preview-mode-banner__message { font-family: sans-serif; font-size: 14px; padding: 0 12px; }
.icon-test { background: url("../Images/generalIcons15x15.png") no-repeat -15px -105px; height: 15px; width: 15px; display: inline-block; margin-bottom: -3px; }

.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 { margin: 0px auto !important;}*/
.pageErrors { margin: 5px 0; }
.pageTitle { margin: 10px 0; /*padding: 10px 5px 10px 5px;*/ }
.pageFooter { min-height: 1em; /*padding: 10px 5px 0px 5px;*/ }
.backlink-container {
    position: fixed;
    bottom: 0;
    right: 0;
    border-radius: 10px 0 0 0;
    background-color: #0f6cb4;
    padding: 10px 40px;
    color: #EBEBEB;
    font-size: 14px;
}
html[dir=rtl] .backlink-container {
    left: 0;
    right: unset;
    border-radius: 0 10px 0 0;
}
.backlink,
a.backlink,
a.backlink:hover {
    color: #EBEBEB;
    font-size: 14px;
    font-weight: normal;
}

.pageBackground { position:relative;}
.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 15px; font-weight: normal; }

/**** Progress Bar ****/
.progressBarBackground { margin: 5px !important; border: 1px solid Gray; float: left; }
.progressBarContainer {	margin: 10px auto 15px 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; }
.subSpan { padding: 0 !important }
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 !important; text-align: center; vertical-align: middle; position: relative; line-height: normal !important; }
.navigationBar .buttonContainer { vertical-align: middle; display: inline-block; padding: 0px 5px; margin: 10px 0px; /* FOR IE <= 9 */ *margin: 0 20px; *display: inline; /* FOR IE <= 9 */  }
.navigationBar .buttonContainer input { vertical-align: middle; }
.backButton, .nextButton, .quitButton {	margin: 3px; }
.navigationBarContainer { margin-left: auto; margin-right: auto; }
.navigationBar td div { padding: 0px 5px 0px 5px; }

/**** Shortcuts Bar ****/
.shortcutContainer { width: 100%; margin: 10px 0 !important; }
.surveyShortcuts { margin: 3px; }

/**** Print responses  ****/
.printResponsesButtonContainer { width: 100%; margin: 10px 0 !important; }
.printResponsesButton { 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 .dateTimeContent .calendarIcon { left: -15px; position: relative; }
.questionBlock fieldset legend { padding: 0px; margin: 0px }
.questionBackground { margin: 20px auto !important; overflow-x: auto; visibility: hidden; }

.questionNameContainer {
    width: 100%;
    margin: 10px auto !important;
    padding: 10px 0px 0px 0px !important;    
}
.questionTextContainer { padding: 5px 5px 5px 15px; text-align: left; }
html[dir=rtl] .standard .questionTextContainer { padding-right: 15px; text-align: right; }
.questionText {display: inline;}
.questionContent { padding: 10px; }
.questionContent .resetButton { text-align: right; cursor: pointer; }

.timer .questionContent { display: block !important; }
.timerDisplay .timerLabel { display:inline; margin-right:3px; }
.timerDisplay .timerTime { display:inline; }

.mbsc-btn-e { text-align:center; }

#skipLink {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
} 

#skipLink:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    width: auto;
    height: auto;
}