html
{
    font-family:Arial;
	height: 100%;
	min-height: 100%;
	padding: 0;
	margin: 0;
}
 
body {
	font-family:Arial;
	position:absolute; 
	top:0; 
	bottom:0; 
	right:0; 
	left:0;
	/*background-color: yellow;*/
	background-color: linen;
	padding:0; 
    margin:0 auto !important;
	overflow-y: hidden;
}

a {
	color: black;
}

.ui-dialog-content {
	font-size: 0.9em;	
}

.ui-dialog-content table {
	border: none;		
}

.ui-dialog-content td {
	border: none;	
}

.floatLeft {
	float: left;	
}

.floatRight {
	float: right;	
}

.marginRight {
	margin-right: 20px;	
}

.marginRightLarge {
	margin-right: 50px;	
}

.textCenter {
	text-align: center;	
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

.disabledContent {
    pointer-events: none;
    opacity: 0.4;
}

.clickableContent {
	pointer-events: all !important;
}

.leftPanel {
	position: relative;
    height: 100%;
	width: 250px;
	background-color: #479D4D;
	text-align: center;
}

.rightPanel {
	margin-top: 25px;
	margin-right: auto;
	width: auto;
}

.siteNavigation {
	height: 50px;
}


.verticalAlignContent {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.navigationLoggedInAs {
	margin-top: 10px;
	font-size: 0.8em;
	text-align: center;
}
.navigationBar {
	position: relative;
	margin-top: 20px;
	margin-left: 270px;
}

.navigationlinkbutton
{
	line-height: 50px;
    font-family:Arial;
    color:#598614;
    text-decoration:none;
    font-weight:normal;
	margin-top: 50px;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 5px;
    cursor: pointer;
	white-space: normal !important;
}

.navigationlinkbutton:hover {
	border-radius: 5px;
    background-color:#479d4d;
	color: white;
}

.helplink {
	margin-top: 5px;
	font-size: 0.8em;
}

.selectedItemHighlight {
	border-bottom:  3px solid #479d4d;	
}

.logoSpace {
	width: 250px;
}

.applicationLogo {
	padding-top: 20px;
	width: 80%;
	margin-left: 10%;
	display: block;
	max-height: 250px;
}

.applicationBackgroundImage {
	position: absolute;
	height: 350px;
	bottom: 0;
}

.applicationBackground {
	position: absolute;
	bottom: 0px;
	width: 98%;
	margin-left: 1%;
	max-height: 350px;
	left: 0;
}

.applicationBannerPreview {
	width: 250px;
	height: 175px;
}

.applicationBannerSpace {
	padding-top: 20px;
	font-size: 2.0em;
	color: white;
}

.applicationBanner {
	padding-top: 10px;
	width: 98%;
	margin-left: 1%;
	display: block;
	max-height: 250px;
}

.applicationServiceMessage {
	position: relative;
	font-size: 0.7em;
	color: white;
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
	z-index: 999;
}

.applicationVersion {
	position: absolute;
	margin-left: 20px;	
	bottom: 10px;
	font-style: italic;
	font-size: 0.9em;
}

.timeoutTracker {
	position: absolute;
	top: 22px;
	text-align: center;
	width: 100%;
}

.timeoutTrackerLabel {
	font-style: italic;
	font-size: 0.6em;
	color: black;
}

.cornerButtonDark {
	border-radius: 5px;
	color: white;
	background-color: #29312e;
	line-height: inherit !important;
}

.contentPanel {
	margin-left: 300px;
	margin-top: 30px;
}

.contentPage {
	overflow-y: scroll;
	overflow-x: hidden;
}

.pageTitleContent {
	color: #29312e;
	width: 100%;
	border-bottom: 2px solid #1b3e20;
}

.pageTitle {
	width: 100%;
	font-size: 1.5em !important;
    font-weight: normal !important;
}

.pageSubTitle {
	font-size: 1.1em;
	color: #479d4d;
	padding-bottom: 5px;	
}

.pageParagraphTitle {
	font-size: 0.9em;
	color: #479d4d;
	margin-top: 10px;
	margin-bottom: 5px;
}

.paragraphContent {
	margin-top: 30px;
	color: #29312e;
	width: 100%;
	line-height: 25px;
}

.paragraphContent p {
	margin:0;
}

.paragraphContent table {
	margin: auto;
	padding-top: 10px;
}

.paragraphContent table th {
	padding-right: 20px;
}

.buttonBar {
	padding-top: 5px;
	padding-bottom: 5px;
}

.marginTopBig {
	margin-top: 20px;	
}

.marginTopSmall {
	margin-top: 10px;
}

.singleColumnLayout {
	float: left;
	width: 100%;	
}

.twoColumnLayout_LeftPanelEqual {
	width: 50%;
	float: left;
}

.twoColumnLayout_LeftPanelSmall {
	width: 400px;
	float: left;	
}

.twoColumnLayout_LeftPanelMedium {
	width: 550px;
	float: left;
}

.twoColumnLayout_LeftPanelLarge {
	width: 650px;
	float: left;
}

.twoColumnLayout_RightPanelEqual {
	width: 50%;
	float: right;
}

.twoColumnLayout_RightPanelSmall {
	float: left;
}

.screenshot {
	width: 100%;
	margin-left: 50px;
	margin-right: 50px;
}

.loginContent {
	margin: 0 auto;
	text-align: center;
	border: none;	
}

.loginContent td {
	border: none;	
}

.logintextbox {
    width: 350px;
    font-family: Arial;
    font-size: 1.1em;
    text-align: left;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.dashboardUI {
	width: 500px;
	margin: 0 auto;
}

.dashboardTile {
	display: inline-block;
	height: 120px;
	width: 200px;
	margin-right: 20px;
	color: white;
	background-color: #286B2C;
	margin-top: 20px;
	position: relative;
	-ms-border-radius: 5px;
	border-radius: 5px;

	-ms-background-size: 60px, 60px;
	-moz-background-position-x: 120px;
	-o-background-position-x: 120px;
	-moz-background-position-y: 20px;
	-o-background-position-y: 20px;

	background: url('') 120px 20px no-repeat;

	background-size: 60px, 60px;
	background-position-x: 120px;
	background-position-y: 20px;
	background-repeat: no-repeat;
}

.dashboardTile:hover {
	color: #29312E;
	background-color: #598164;
}

.dashboardTileTitleUpper {
	width: 100%;
	margin-left: 15px;
	position: absolute;
	bottom: 35px;
	left: 5px;
	font-size: 1.1em;	
}

.dashboardTileTitleLower {
	width: 100%;
	margin-left: 15px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 1.4em;	
}

.generalsubmitbutton {
	cursor: pointer;
}

.generalsubmitbuttonPadded {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Individual Tile Definition */

.manageQuestionnaireTile {
	background-image: url("Images/managedocuments.png");
}

.manageDocumentsTile {
	background-image: url("Images/managedocs2.png");
}

.manageMembersTile {
	background-image: url("Images/managemembers.png");	
}

.manageChartsTile {
    background-image: url("Images/chart_line.png");	
}

.manageSubmissionsTile {
	background-image: url("Images/managesubmissions.png");
}

.managePickListsTile {
	background-image: url("Images/picklist.png");		
}

.manageTranslationTile {
	background-image: url("Images/managetranslation.png");	
}

.manageLogosTile {
	background-image: url("Images/managebanners.png");		
}

.manageCustomisationTile {
	background-image: url("Images/managecustom.png");		
}

.manageEmailTemplatesTile {
    background-image: url("Images/documents.png");
}

.manageCompanyTile {
	background: url('Images/desk.png') 120px 20px no-repeat;
}

.runReportTile {
	background-image: url("Images/runreport.png");		
}

.completeQuestionnaireTile {
	background-image: url("Images/documentedit.png");				
}

.availableQuestionnaireTile {
	background-image: url("Images/managedocuments.png");			
	width: 350px;
}

.overdueQuestionnaireTile {
	background-image: url("Images/managedocuments.png");
	width: 350px;
}

.completedQuestionnaireTile {
	background-image: url("Images/managedocuments.png");
	width: 350px;
}

.manageReportingTile {
	background-image: url("Images/report.png");	
}

/* End of Individual Tile Definition */

.marginAuto {
	margin: 0 auto;
}

.fullHeight {
	height: 100%;	
}

/* Questionnaire Tile Definition */
.questionnaireTiles {
	margin: 0 auto;
}

.questionnaireTile {
	background-image: url("Images/managedocuments.png");	
}

.questionnaireTileUpper {
	width: 98%;
	position: absolute;
	top: 10px;
	left: 5px;
	font-size: 0.7em;
	text-align: left;
}

.questionnaireTileCounter {
	width: 98%;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 1.0em;
	text-align: right;
	z-index: 999;
}

.questionnaireTileCounter:hover {
	color: yellow;
}

.questionnaireTileLower {
	width: 98%;
	position: absolute;
	bottom: 10px;
	left: 5px;
	font-size: 1.2em;
	text-align: left;
}
/* End of Questionnaire Tile Definition */

/* Member Tile Definition */
.memberTiles {
	margin: 0 auto;
}

.memberTile {
	display: inline-block;
	height: 80px;
	width: 350px;
	margin-right: 20px;
	color: white;
	background-color: #286B2C;
	margin-top: 20px;
	position: relative;
	-ms-border-radius: 5px;
	border-radius: 5px;

	-ms-background-size: 60px, 60px;
	-moz-background-position-x: 270px;
	-o-background-position-x: 270px;
	-moz-background-position-y: 5px;
	-o-background-position-y: 5px;
	
	background: url("Images/managemembers.png") 270px 5px no-repeat;	
	background-size: 60px, 60px;
	background-position-x: 270px;
	background-position-y: 5px;
	background-repeat: no-repeat;
	background-image: url("Images/managemembers.png")
}

.memberTileUpper {
	width: 98%;
	position: absolute;
	top: 10px;
	left: 5px;
	font-size: 1.2em;
	text-align: left;
	overflow-x: hidden;
}

.memberTileMiddle {
	width: 98%;
	position: absolute;
	bottom: 34px;
	left: 5px;
	font-size: 0.7em;
	text-align: left;
}

.memberTileLower {
	position: absolute;
	bottom: 10px;
	left: 5px;
	font-size: 0.8em;
	text-align: left;
}

.memberTileCounter {
	width: 98%;
	position: absolute;
	bottom: 8px;
	right: 10px;
	text-align: right;
}

.memberTileCounter .lockedOut:hover {
	width: 24px;
	height: 24px;
}

.memberTileCounter .memberDelete:hover {
	width: 24px;
	height: 24px;
}

.memberTileNotes:hover {
	width: 24px;
	height: 24px;
}

.memberNotesPopup {
	-ms-border-radius: 5px;
	border-radius: 5px;
	border-color: black;
	border-width: 2px;
	background-color: #479d4d;
	padding: 10px;
	/*width: 400px;*/
	/*max-height: 300px;*/
	display: none;
	font-size: 0.9em;
	cursor: default;
}

.userNotesTitle {
	color: #1b3e20;
	text-decoration: underline;
	padding-bottom: 5px;
	font-size: 1em;
}


/* End of Member Tile Definition */

/* Member Questionnaire Tile */
.memberQuestionnaireTile {

	display: inline-block;
	width: 350px;
	margin-right: 20px;
	color: white;
	background-color: #286B2C;
	margin-top: 20px;
	position: relative;
	-ms-border-radius: 5px;
	border-radius: 5px;

	-ms-background-size: 60px, 60px;
	-moz-background-position-x: 270px;
	-o-background-position-x: 270px;
	-moz-background-position-y: 5px;
	-o-background-position-y: 5px;
	
	background: url('Images/documentedit.png') 270px 20px no-repeat;

	background-size: 60px, 60px;
	background-position-x: 270px;
	background-position-y: 5px;
	background-repeat: no-repeat;
}
/* End of Member Questionnaire Tile */

/* Submissions Tile */

.submissionsTileCounter {
	display: block;
	position: absolute;
	bottom: 5px;
	right: 10px;
	text-align: right;
}

.deleteSubmissionIcon {
	height: 24px;
	width: 24px;
	z-index: 999;
}

.submissionsTileCounter .deleteSubmissionIcon:hover {
	width: 26px;
	height: 26px;
}

.submissionsTileCounter img {
	vertical-align: middle;
}


.submissionsTileUpper {
	width: 98%;
	position: absolute;
	top: 10px;
	left: 5px;
	font-size: 1.0em;
	text-align: left;
	overflow-x: hidden;
	white-space: nowrap;
}

.submissionsTileMiddleUpper {
	width: 98%;
	position: absolute;
	top: 34px;
	left: 5px;
	font-size: 0.7em;
	text-align: left;
}

.submissionsTileMiddleLower {
	width: 98%;
	position: absolute;
	bottom: 40px;
	left: 5px;
	font-size: 0.7em;
	text-align: left;
}

.submissionsTileLower {
	position: absolute;
	bottom: 10px;
	left: 5px;
	font-size: 0.8em;
	text-align: left;
}

/* End of Submissions Tile */

.reportTile {

	height: 70px;	
}

.fixedLabel {
	width: 100px;
}

.fixedLabelMedium {
	width: 150px;
}

.fixedLabelLarge {
	width: 200px;
}

.fixedLabelMonsterous {
	width: 300px;
}

.fixedLabelHuge {
	width: 350px;
}

.mediumFont {
	font-size: 0.8em;
}

.displayBlock {
	display: block;
}
.inlineDisplayBlock {
	display: inline-block;
}

table {
	border-collapse: collapse;
}

/* All of the tables should appear the same */
th {
	color: #598164;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

th a {
    text-decoration: none;
	color: #598164;
	cursor: pointer;
	font-size: 0.9em;
	font-style: normal;
}

td {
	padding-left: 3px;
	padding-right: 5px;
}

td img {
	cursor: pointer;
}

.borderedTable {
	border: 1px black solid;
}

/* Various buttons */
.editButton {
	margin-left: 2px;
	margin-top: 2px;
	width: 28px;
	height: 28px;
	border: none;
	background-repeat: no-repeat;
	background-image: url('Images/pencil.png');
	cursor: pointer;
}

.viewButton {
	margin-left: 2px;
	margin-top: 2px;
	width: 28px;
	height: 28px;
	border: none;
	background-repeat: no-repeat;
	background-image: url('Images/view.png');
	cursor: pointer;
}

.reportButton {
	margin-left: 2px;
	margin-top: 2px;
	width: 28px;
	height: 28px;
	border: none;
	background-repeat: no-repeat;
	background-image: url('Images/report.png');
	-ms-background-size: 24px, 24px;
	background-size: 24px, 24px;
	cursor: pointer;
}

.editButton:hover, .upButton:hover, .downButton:hover, .deleteButton:hover, .updateButton:hover, .cancelUpdateButton:hover, .viewButton:hover, .reportButton:hover {
	background-size: 26px, 26px;
}

.upButton {
	margin-left: 2px;
	margin-top: 2px;
	width: 28px;
	height: 28px;
	border: none;
	background-repeat: no-repeat;
	background-image: url('Images/arrowup.png');
	cursor: pointer;
}

.downButton {
	margin-left: 2px;
	margin-top: 2px;
	width: 28px;
	height: 28px;
	border: none;
	background-repeat: no-repeat;
	background-image: url('Images/arrowdown.png');
	cursor: pointer;
}

.deleteButton {
	margin-left: 2px;
	margin-top: 2px;
	width: 28px;
	height: 28px;
	border: none;
	background-repeat: no-repeat;
	background-image: url('Images/delete.png');
	cursor: pointer;
}

.updateButton {
	margin-left: 2px;
	margin-top: 2px;
	width: 28px;
	height: 28px;
	border: none;
	background-repeat: no-repeat;
	background-image: url('Images/save.png');
	cursor: pointer;
}

.cancelUpdateButton {
	margin-left: 2px;
	margin-top: 2px;
	width: 28px;
	height: 28px;
	border: none;
	background-repeat: no-repeat;
	background-image: url('Images/undo.png');
	cursor: pointer;
}

/* Customisation */
.colourSetting {
	display: inline-block;
}

.logoPanel {
	margin-top: 10px;
}
.logoPanelItem {
	display: inline-block;
	vertical-align: middle;
	line-height: normal; 
}

.hiddenUploader {
	display: none;
}

.hiddenItem {
    display: none !important;
}

/* Question related content */
.questionRow {
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
	width: 100%;
}

.questionPreviousAnswerPanel {
	margin-right: 15px;	
	float: right;
	cursor: pointer;
	display: none;
}

.questionPreviousAnswerPopupPanel {
	display: none;
	padding: 10px;
	border-color: black;
	border-width: 2px;
	border-style: solid;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.questionPreviousAnswerPopupPeriodPanel {
	text-align: center;	
}

.questionPreviousAnswerPopupPanelPeriodText {
	font-weight: bold;
	font-style: italic;	
}

.previousAnswerPopupPanel {
    display: none;
    padding: 10px;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: rgb(250, 240, 230);
}


.previousAnswerText {
	font-size: 0.9em;
	text-align: center;
}

.previousAnswerTextNumeric {
	padding-right: 20px;
}

.previousAnswerSingleAnswerPanelRow {
    display: inline-block;
}

.previousAnswerSingleAnswerPanelQuestion {
	padding-top: 5px;
	float: left;
	width: 350px;
}

.previousAnswerSingleAnswerPanelQuestionText {
	margin-right: 10px;
}

.questionPreviousAnswerPopupPanel table {
	text-align: center;
	color: inherit;	
}

.previousAnswerSingleAnswerPanelAnswer {
	padding-top: 5px;
	float: left;
	font-size: 0.9em;
	max-width: 250px;
}

.questionPreviousAnswerPopupPanel table td {
	text-align: center;
}

.sectionHeader {
	font-weight: bold !important;
	border-bottom: #8B8C90 1px solid;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
}

.questionInnerPanelLeft {
	position: relative;
	float: left;
	margin-right: 30px;
	margin-bottom: 5px;
	width: 250px;
	text-align: left;
}

.questionInnerPanelLeft img {
	position: absolute;
	top: 0;
	right: -25px;	
}

.questionInnerPanelRight {
	margin-left: 250px;
}

.questionInnerPanelText {
	font-size: 0.9em;
}

.questionInnerPanelTextSmall {
	font-size: 0.9em;
}

.previousAnswerImage {
	width: 20px;
	height: 20px;
	cursor: pointer;
	float: right;
	vertical-align: middle;
}

.previousAnswermatrixQuestionRow {
	width: auto;
	display: block;
}

.matrixQuestionRow {
	margin-left: 280px;
	width: 100%;
	display: table;	
}

.matrixQuestionTable {
	border: none;
	padding-top: 0;
	padding-bottom: 0;
}

.matrixQuestionTable td, .matrixQuestionTable th {
	padding: 0;
	padding-right: 5px;
	padding-top: 10px;
}

.matrixQuestionRowTable {
	text-align: left;	
}

.matrixQuestionHeader {
	margin-top: 10px;
}

.matrixQuestionText {
	font-weight: normal;
	font-size: 0.9em;
}

.matrixAnswerRow {
	float: left;	
}

.numericInputBox {
	width: 100px;
}

.freeTextInputBox {
	width: 400px;
}

.submittedpreviousAnswerSingleAnswerText {
	font-size: 0.9em;
}

.submittedPreviousAnswerCell {
	font-size: 0.9em;	
	text-align: center;	
}

.previousAnswerpreviousAnswerSingleAnswerPanelAnswer {
	padding-top: 5px;
	float: left;
	width: 250px;
}

.submittedpreviousAnswerSingleAnswerPanelAnswer {
    width: 250px;
    float: left;
	padding-top: 5px;
    text-align: right;
    font-weight: bold;
    font-style: italic;
}

.submittedpreviousAnswerTextNumeric {
	text-align: right;
	width: 100%;
}

/* End of Question related content */

/* Picklist Configuration */

.picklistDetailLabel {
	width: 150px;	
}

/* End of Picklist Configuration */

/* Change Password */
.changePassword {
    margin: 0 auto;
    width: 350px;
    padding-top: 20px;
    padding-bottom: 20px;
	text-align: right;
}

.changePasswordField {
	display: inline-block;
	text-align: right;
	width: 500px;
}

.changePasswordButton {
	margin-top: 10px;
	text-align: center;	
}

.changePasswordFieldDiv {
	width: 150px;
	float: left;
}

.failureNotification {
    margin: 0 auto;
	color: red;
	width: 300px;
}
/* End of Change Password*/
.accountInfo table {
	border: none;	
}

.documentsTable {
	margin-top: 20px;
}

.docUploadDocument table {
	border: none;
}

.docUploadDocument table td{
	border: none;
}


.matrixQuestionTable td {
	border: none;
}

/* Questionnaire Report Specific */
.viewReportQuestionText {
	font-size: 0.65em;
}

#pageSpace_tblAdd {
	border: none;
	border-width: 0;
}

#pageSpace_tblAdd td {
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

#pageSpace_tblAdd span {
	font-size: 0.8em;
}
/* End of Questionnaire Report Specific */

/* Mail Editor */

.mailEditor {
	margin-right: 50px;	
}

.pageSpace_lstMailRecipients {
	font-size: 0.6em;
	width: 100%;
}

.MailRecipients td {
	display: inline-block;
	border: none;
}

.mailRecipientsHeader {
	position: relative;
	display: block;
}

.recipientDelete {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.recipientDelete:hover {
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

.mailRecipientDetail {
	margin-top: 3px;
	padding: 3px;
	border: black 1px solid;
	-ms-border-radius: 5px;
	border-radius: 5px;
	background-color: white;
	font-size: 0.7em;
}

#pageSpace_lstMailRecipients {
	border: none;
}

/* End of Mail Editor */

.userNotes {
	width: 300px;
}

.memberDelete {
	z-index: 999;
}

.loginContent a {
	padding-top: 20px;
	font-size: 0.7em;
}

.customisationHomePageAndTextInput {
	width: 350px;
}

.customisationHomePageAndTextLabel {
	width: 200px;
}

.ui-dialog {
	z-index: 999994;
}

.questionnaireTitle
{
    font-family:Arial;
    font-weight:bold;
	font-size: 1.1em;
    text-align:left;  
}

.questionnaireDescription
{
    font-family:Arial;
    font-weight:bold;
    font-size: 0.8em; 
    text-align:left;
}

.maintenanceBackground {
	background-image: url("Images/maintenance.png");
	background-size:100%;
}

.questionTile {
	display: inline-block;
	color: white;
	background-color: #286B2C;
	margin-top: 20px;
	position: relative;
	-ms-border-radius: 5px;
	border-radius: 5px;
	white-space: nowrap;
	cursor: pointer;
	margin-right: 20px;
	padding: 7px;
}

.questionAvailableTile {
	height: 46px;
	width: 98%;
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 3px;	

	-ms-border-radius: 5px;
	border-radius: 5px;
	white-space: nowrap;
	cursor: pointer;
}

.questionTileUpper {
	font-size: 1.1em;
	width: 98%;
	margin-top: 5px;
	margin-left: 3px;
	margin-bottom: 3px;
}

.questionTileLower{
	font-size: 0.8em;
	width: 98%;
	margin-left: 3px;
}

.borderedRight {
	border-right: 1px solid black;
}

.dropTarget {
	height: 50px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}

.dropTargetText {
	color: grey;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 25px;
}

.dropTargetHover {
	background-color: grey;
	border: 1px solid black;
}

.contentPageFixedPanel {
	overflow-y: auto;
}

.contentPageFixedPanelHideScroll {
	overflow-y: auto;
}

.questionDisplayBlock {
	display: block;
}

.maintenanceSignInLink {
	font-size: 0.7em;
}

.plannedMaintenancedDiv {
	position: absolute;
	background-color: khaki;
	border: 2px solid black;
	width: 230px;
	bottom: 35px;
	margin-left: 7px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	white-space: nowrap;
	text-align: center;
	z-index: 9999999;
	cursor: default;
}

.maintenanceHeader {
	margin-top: 2px;
	text-align: center;
	display: block;
	font-weight: bold;
}

.maintenanceHeaderImage {
	display: block;
	margin: auto 0;
	height: 80px;
	width: 100%;
}

.headerSpan {
	position: absolute;
	top: 0;
	width: 100%;
	margin-top: 5px;
	color: darkred;
	white-space: pre-wrap;
}


.dateText {
	font-weight: bold;
	width: 100%;
	position: absolute;
	font-size: 0.8em;
	top: 55px;
}

.reasonHeader {
	text-align: left;
	font-size: 0.8em;
	margin-bottom: 5px;
}
.reasonText {
	margin-top: 5px;
	margin-bottom: 7px;
	font-size: 0.9em;
	white-space: pre-wrap;
	text-align: center;
}

.questionTileUpperDeleteIcon {
	height: 24px;
	width: 24px;
	float: right;
}

.questionTileUpperDeleteIcon:hover {
	height: 26px;
	width: 26px;
}

/* Session Expiry Div */

.sessionTimeoutDiv {
	position: absolute;
	background-color: khaki;
	border: 2px solid black;
	width: 230px;
	bottom: 35px;
	margin-left: 7px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	white-space: nowrap;
	text-align: center;
	z-index: 9999999;
	cursor: default;
}

.timeoutHeader {
	margin-top: 2px;
	text-align: center;
	display: block;
	font-weight: bold;
}

.timeoutImage {
	margin: auto 0;
	height: 80px;
}

.sessionTimeoutHeaderSpan {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 5px;
	color: darkred;
	white-space: pre-wrap;
}

.sessionExpiresText {
	font-weight: bold;
	width: 100%;
	position: absolute;
	font-size: 0.8em;
	top: 55px;
}

.secondsText {
	margin-top: 5px;
	margin-bottom: 7px;
	font-size: 0.9em;
	white-space: pre-wrap;
	text-align: center;
}

.centeredTable
{ 
    margin-left: auto;
    margin-right: auto;
}

select {
	cursor: pointer;
}

.reportData th {
	font-size: 0.6em;
}

.reportData td {
	font-size: 0.7em;
}

/* Custom Field */
.customField {
	width: 200px;
	height: 60px;
	margin-right: 10px;
	cursor: pointer;
}

.fieldTasks {
	position: absolute;
	top: 3px;
	right: 5px;
}

.customFieldName {
	position: absolute;
	top: 7px;
	left: 5px;
	font-size: 1.2em;
}

.picklistName {
	position: absolute;
	top: 35px;
	left: 5px;
	font-size: 1.1em;
	width: 90%;
}

.scroll {
	position: relative;
	width: 98%;
	overflow-x: scroll;
}

.groupTile {
    position: relative;
    font-size: 0.9em;
    font-weight: normal;
    text-align: center;
}

.companyTile {
	position: relative;
	top: 70px;
	font-size: 1.1em;
	font-weight: bold;
}



.popupDataView {

    height: 500px;
    width: 500px;
}

/* Chart Rendering Stuff */
.chartLeftPane {
    height: 99%;
    overflow-y: scroll;    
}

.SelectorPanel {
    display: block;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding-bottom: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.bootstrap-switch-mini {
    margin-left: 20px;
}

.selectorHeader {
    width: 100%;
    margin: 10px;
    vertical-align: middle;
    font-size: 1.2em; 
}

.chartSelectionItem {
    text-align: left;
    width: 100%;
    font-size: 0.7em;
}

.questionSet {
    text-align: left;
    font-size: 0.7em;
}

.chartArea {
    text-align: center;
    height: 100%;
    margin-left: 5px;
}

.gtitle {
    word-wrap: break-word;
    width: 100%;
}

.expandoPanel {
    width: 24px;
    height: 24px;
    cursor: pointer;
    float: right;
    margin-right: 18px;
}

.expandoPanel-collapsed {    
    background-image: url(Images/arrowdown.png);
}

.expandoPanel-expanded {
    background-image: url(Images/arrowup.png);    
}

.selectorHeader {
    display: inline-table;
    vertical-align: middle;
}
.selectorHeader div {
    display: inline-block;
}

.chartSelectionItem, .chartQuestionItem {
    margin-left: 10px;
    vertical-align: middle;
    cursor: pointer;
}

input[type="checkbox"] {
    cursor: pointer;
}

.date {
    margin-left: 10px;
    margin-right: 10px;
    width: 300px;
}

.chartToLabel {
    font-size: 0.8em;
}

input[type='radio'], input[type='checkbox'] {
    margin-right: 3px;
}

.selectorHeader .flipSwitchContainer, .selectorHeader .expandoPanel {
    margin-top: 5px;
}

.glyphicon-calendar {
    cursor: pointer !important;
}

.emptyChartState {
    margin-bottom: 20px;
}

.date input {
    cursor: pointer;
}

.chartTypeHeader {
    margin-top: 20px;
}

.selectedChartType {
    width: 60%;
    display: inline;
}

.hintImage {
    float: left; 
    margin-top: 12px; 
    margin-right: 5px;
}

.submissionWarningContainer {
	display:inline;
	margin-left: 5px;
    vertical-align: middle;
    max-width: 200px;
}

.submissionWarningContainer img {
    vertical-align: middle;
}

.submissionWarning {
    margin-top: -5px;
    font-size: 0.7em;
    font-weight: bold;
    padding-bottom: 20px;
    padding-left: 5px;    
}

.submissionWarningIcon {
    width: 12px;
    height: 12px;
}


.navigationLoggedInAs {
    cursor: pointer;
    font-size: 0.7em;
}

.navigationLoggedInAs:hover {
    font-size: 0.8em;
}

/* Questionnaire Designer */
.questionnaireContent  {
    width: 100%;
    /*height: 100%;*/
    display: table;
    height: inherit;
}

.editableTitle {
    display: inline-block;
}

.questionnaireContainer .editorProperties {
    margin-left: 7px;
    margin-top: -2px;
    vertical-align: middle;
}
.rowItem {
    width: 100%;
}

.toolboxContainer {

    height: 80%;
    width: 400px;
}

.toolboxContainer ul {
    list-style: none;
    font-size: 1.2em;
}

.toolboxItem {
    margin-top: 10px;
    width: 100%;
    cursor: pointer;
}

.toolboxItem:hover {
    border: 1px solid black;
}

.toolboxContainer ul li img{
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

.toolboxTarget {
    height: 150px;
}

.editorContainer {
	display: inline-block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.questionnaireTitle {
	margin-top: 20px;
	cursor: pointer;
}

.editorContainerTest {
    margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.editorBar {
    width: 100%;
}

.editorProperties {
    margin-top: 3px;
    height: 16px;
    width: 16px;
    /*background-image: url('Images/edit.png');
    background-position: center;
    background-repeat: no-repeat;*/
    cursor: pointer;
}

.editorDelete {
    margin-top: 3px;
    height: 16px;
    width: 16px;
    /*background-image: url('Images/user_delete.png');
    background-position: center;
    background-repeat: no-repeat;*/
    cursor: pointer;
}

.editorTitle {
    height: 20px;
}

.editorButtons {
    width: 50px;
    position: relative;
    float: right;
}

.editorButtons img, .radioEditorButtons img {
    display: inline;
    padding-left: 5px;
}

.editorBar img {
    height: 24px;
    width: 24px;
}

.editorLeftPanel {
    width: 150px;
}

.editorLeftPanel, .editorRightPanel {
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: top;
}

.editorContent {
    width: 100%;
}

.editorRightPanel input {
    margin-left: 0;
}

.groupContainer {
    margin-bottom: 15px;
    margin-left: 20px;
    display: inline-table;
}

/*.editorContent input {
    margin-left: 5px;
}*/


.sectionHeader {
    margin-top: 20px !important;
}

.freeText {
    width: 500px;
}

.freeText span {
    font-weight: normal;
    top: 0;
}

.freeTextLabel {
    vertical-align: top;
    margin-right: 5px;
    margin-top: 5px;
}

.groupContainer .questionText {
    font-weight: normal;
    top: 0;
    margin-right: 5px;
    padding-bottom: 5px;
}

.helpIconContainer, .previousAnswerContainer {
    height: 16px;
    width: 16px;
    margin-right: 10px;
    display: inline;
}

.helpIconContainer img, .previousAnswerContainer img {
    width: 16px;
    height: 16px;
    margin-top: 7px;
    cursor: pointer;
}

.questionContainer {
	display:inline-block;
    margin-left: 3px;
	min-height: 32px;
	width: 100%;
}

.questionContainer div {
	vertical-align: middle;
}

.questionTextContainer {
    margin-top: 4px;
    display: inline;
}

.questionTextContainer.groupContainer.fullWidth {
	display: block;
}

.questionContainer .editorContainer {
	position: relative;
	height: 64px;
    width: 100%;
}


.numberText, .questionCheckbox, .questionRadio, .radioGroupOptionItem {
	padding-right: 5px;
	display: inline-block;
}

.isrequired {
	margin-right: 5px;
    width: 24px;
    color: red;
    font-size: 1.6em;
    font-weight: bold;
    cursor: pointer;
	display: inline-block;
}

.fullWidth {
    width: 100%;
}

.freeText span {
    font-weight: bold;    
}

.answerContainer input {
    margin-left: 0;
}

.radioGroupOptionItemContainer div {
    display: inline;
}

.radioEditorButtons {
    margin-left: 5px;
    float: right;
}
.radioEditorButtons img {
    vertical-align: middle;
    height: 16px;
    margin-top: -4px;
}

.radioComponentAddOptionButton {
    float: left;
}

[name=maximumValue], [name=minimumValue] {
    width: 75px;
}

[name=maximumValueMessage], [name=minimumValueMessage] {
    width: 400px;
}

.optionsContainer {
}

.saveStatus {
    position: relative;
    margin-top: 60px;
    float: right;
}

.saveStatusIcon {
    width: 16px;
    height: 16px;
}

.saveStatusIcon, .saveStatusdetail {
    display: inline;
    vertical-align: middle;
    font-size: 0.6em;
}

.saveStatusdetail {
    margin-right: 25px;
    margin-left: 5px;
}

.waitDialog {
    min-height: 0 !important;
}

.waitTable {
    width: 100%;
}

.waitRow {
    width: 100%;
}

.waitTable td {
    text-align: center;
}

.groupBoxSubContainer {
    min-height: 50px;
}

.ui-sortable {
    cursor: pointer;
}

.percentageGroupOptionItemContainer {
    padding-bottom: 5px;
}

.percentageGroupOptionItemContainer .optionItem { 
    padding-right: 5px; 
	width: auto !important;
}

.percentageGroupOptionItemContainer input, .percentageGroupOptionItemContainer div {
	display: inline;
	vertical-align: middle;
}

.answerContainer {
    display: inline-block;
}

.answerContainer .optionsContainer {
    float: left !important;
    width: 100%;
}

.percentageGroupOptionItemContainer .answerContainer {
    width: 100%;
}

.percentageGroupOptionItemContainer .answerContainer .optionItem {
    float: left;
}

.questionContainer.questionTextContainer.answerContainer.optionsContainer {
    float: left !important;
    width: 100%;
}

.maximumValueEditorLabel {
    margin-left: 15px;
}

.editorDialog {
    min-width: 550px;
    overflow-y: scroll;
}

.editorPropertiesText {
    display: inline; 
    font-size: 0.7em;
    color: #479d4d;
    cursor: pointer;
}

.editorItemRowScrollY {

    min-height: 100px;
    overflow-y: auto;

}

.availabilityContainer {
    width: 100%;
    white-space: nowrap;
} 

.availabilityItemsContainer .radioGroupOptionItemContainer {
    padding-bottom: 10px;
}

.availabilityCustomField {
    width: 150px;
}

.availabilityItemValue {
    width: 180px;
}

.questionTextContainer .pageBreakItem {
    margin-left: 50%;    
}

.previousPageButton {
    margin-right: 10px;
}

.nextPageButton {
    margin-left: 10px;
}

.page {
	min-height: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;
	margin-right: 10px;
	border: dotted 1px red;
}

.page-insubmission {
	min-height: 0;
	padding: 0;
	border: none;
}

.pageControlItem {
    float: left;
}

input:disabled,
input[disabled] {
	background-color: #cccccc !important;
	color: #666666;
}

.groupHeader {
	font-weight: bold !important;
}

.groupContainer {
	width: 100%;
}

div[container-type="label"] {
	margin-top: 20px;
	margin-bottom: 5px;
}

.answerTable {
	margin-top: -22px;
	margin-bottom: 5px;
}

.optionItemNameLabel textarea {
	width: 100%;
}