.optionHolder {display: block; line-height: 20px; }
  .required {color: red;}
  .questionHolder {margin: 5px;}
  .questionHolderEditBorder:hover {border: 3px dashed #9cf; margin: -1px; padding: 3px; background: #fcfcfc;}
  .questionOptionHolder {padding: 6px 0;}
  .questionOptionHolder input {padding: 2px; width: 80%;}
  .questionOptionHolder .optionHolder input {padding: 2px; width: 5%;}
  .formHeader {font-size: 18px}
  .sectionHeader {font-size: 16px; display: block; background: #666; color: white;}
  .sectionHeader {padding: 3px !important; margin: 5px 0;}
  
  .formBuilder_btnSide {display: block; float: left; width: 16px; height: 16px; margin-left: 4px;}
  .sectionHolder .formBuilder_edit {background: url(../images/formbuilder/icons/section-edit.png) center center no-repeat;}
  .sectionHolder .formBuilder_delete {background: url(../images/formbuilder/icons/section-delete.png) center center no-repeat;}
  .formBuilder_up {background: url(../images/formbuilder/icons/up.png) center center no-repeat;}
  .formBuilder_down {background: url(../images/formbuilder/icons/down.png) center center no-repeat;}
  .formBuilder_btnSide span {display: none;}
  .questionHolder .formBuilder_edit {background: url(../images/formbuilder/icons/edit.png) center center no-repeat;}
  .questionHolder .formBuilder_delete {background: url(../images/formbuilder/icons/delete.png) center center no-repeat;}

  .sectionHeaderEdit {padding-left: 25px !important; background: #666 url(../images/formbuilder/icons/section-add.png) 5px center no-repeat}
  .questionHeaderEdit {padding-left: 25px !important; background: url(../images/formbuilder/icons/add.png) 5px center no-repeat}
  .sectionHolderEditBorder:hover {background: #f3f3ff;}
  .sectionHeader a {color: white !important; text-weight: normal}
  .questionHeader {font-size: 14px}
  .questionDesc {font-size: 12px}
  .disabledQuestion .questionHeader {color: #999}
  .disabledQuestion .questionDesc {color: #999}
  .editingQuestion {border: 1px solid #339; background: #ccf; padding: 4px; -moz-border-radius: 4px;}
  .text_100p {width: 100%;}
  .submitHolder {padding: 10px; text-align: center; }
  .submitHolder .submitForm {padding: 4px 6px;}
  .otherBox {margin: 4px 0 0;}
  .matrixOption {text-align: center; width: 60px;}
  .matrixHeaderRow {background: #77d; color: white;}
  .matrixHeaderRow th {padding: 4px;}
  .matrixRow td {padding: 4px;}
  .matrixRow td.matrixQuestion {font-weight: bold;}
  .matrix_odd {background: #eee;}
  .matrix_even {background: #ddd;}
  
  .previewMode {padding: 5px; border-bottom: 1px solid black; margin: -10px -20px 10px;}
  .previewMode {background: #999; color: white;}
  .previewShare {border: 1px solid #3a3; background: #efe; padding: 5px; margin: 0 -5px 5px;}
  
  .expireNotice {border: 1px solid #43a; background: #fe7; padding: 5px; margin: 5px -5px;}
  
	div.errorousForm {border: 2px solid #faa; background: #fee url(../images/formbuilder/error_stripe.png); padding: 4px;}
	input.errorousForm {}
  .questionValOptions {margin: -5px 10px 0; font-size: 11px; }
  .questionOptional {float: left; margin-right: 5px; font-weight: bold; color: #3a3;}
	.questionErrorText {float: left; color: #c33;}

	.fakeSubmitForEdit { margin-top: 10px; padding: 10px 15px; border: 3px dashed #aaa; color: #aaa; font-size: 13px; width: 100px; margin: 0 auto;}

  .recordModifier {text-align: right;}
  .recordModifier a.deleteRecord {font-weight: bold; color: #a00;}

	.formHeaderEdit {text-align: right;}
	.formHeaderEdit a.editTitleDesc {font-weight: bold; color: #070;}
  
  .formsButtons {background: #eee;}
  .hideTemplate {font-weight: bold;}
  .makeTemplate {background: #bfb;}
  .deleteForm {background: #f99;}
  .saveEditButton {background: #aaf;}
  .saveCloseButton {background: #ccf;}
  .cancelEditButton {background: #faa;}
  .showPreview {background: #7d7;}
  
  .formOptHolder {margin: 5px 0; line-height: 2.5em;}
  .formOptHolder input {padding:3px;}
  .formDateHolder {float: left; margin-right: 20px;}
  .formDateOptions {padding-left: 10px;}
  .formDatePicker {padding-left: 15px;}
  
  .unpublishForm {font-weight: bold; }
  
  .editBarForms {font-size: 10px; color: #666; }
  .editBarForms a {font-size: 10px; color: #888 !important; text-decoration: none;}
  .editBarForms a:hover {color: #000 !important; text-decoration: underline;}
  
  .editBarFormsSection a {font-size: 12px; color: #ccf !important; text-decoration: none;}
  .editBarFormsSection a:hover {font-size: 12px; color: white !important; text-decoration: underline;}
  
	.editBarFormsHeader {}
	.editBarFormsSection {float: right; width: 80px; text-align: right; color: white; padding: 11px;}
	.editBarFormsSection a {color: white;}
	.editBarFormsSection a:hover {color: white;}
	.editBarFormsQuestion {float: right; width: 80px; text-align: right;}
	.questionHolderEditBorder:hover .editBarFormsQuestion a {color: #333}
  
  table.formStatOptions thead td {font-weight: bold; }
  
  .formStatsImageChart {float: right; }
  .formStatsImageChart img {border: 1px solid #333;}
  
  .formStats {border: 1px solid black; padding: 5px; margin: 5px 0;}
  .publishedForm {background: #dfd;}
  .unpublishedForm {background: #feb;}
  .newFormCreated {border: 1px solid black; padding: 5px; margin: 5px 0; background: #ff8; text-align: center; font-size: 14px;}
  .formDeleted {border: 1px solid black; padding: 5px; margin: 5px 0; background: #f88; text-align: center; font-size: 14px;}
  
  .formPreview {text-align: center; border-bottom: 1px solid black;  margin-bottom: 10px;}
  .formPreview strong {display: block; width: 90px; margin: 0 auto; text-align: center; }
  .formPreview strong {position: relative; top: 9px; padding: 2px 4px; background: white;}
  
  .formMenuHolder {margin: 4px; float: left; width: 330px; height: 220px; border: 1px solid #aaa; background: #eee;}
  
  .formMenuDesc { width: 160px; padding: 10px; float: left; }
  .formMenuPreviewHolder { width: 150px; float: left; }
  .formMenuPreviewShadow { background: black; width: 140px; height: 200px; margin: 11px 7px 7px 2px; border: 1px solid black;}
  .formMenuPreview { position: relative; top: -2px; left: -2px;}
  .formMenuPreview { background: white; width: 120px; height: 180px; margin: -1px; border: 1px solid black; overflow: hidden; padding: 10px;}

  .formMenuDataHolder {margin-top: 5px;}

  .preview_template {background: url(/common/images/formbuilder/preview/template.png) no-repeat; width: 52px; height: 52px;}
  .preview_template {float: right;}
  .preview_template span {display: none;}
  .preview_published {background: url(/common/images/formbuilder/preview/published.png) no-repeat; width: 52px; height: 46px;}
  .preview_published {float: right;}
  .preview_published span {display: none;}
  .preview_header {background: url(/common/images/formbuilder/preview/header.jpg) no-repeat; width: 120px; height: 20px;}
  .preview_header span {display: none;}
  .preview_section {background: url(/common/images/formbuilder/preview/section.jpg) no-repeat; width: 120px; height: 18px;}
  .preview_section span {display: none;}
  .preview_question {background: url(/common/images/formbuilder/preview/question.jpg) no-repeat; width: 120px; height: 8px;}
  .preview_question span {display: none;}

  .preview_field_text {background: url(/common/images/formbuilder/preview/text.jpg) no-repeat; width: 120px; height: 5px;}
  .preview_field_text span {display: none;}
  .preview_field_textarea {background: url(/common/images/formbuilder/preview/textarea.jpg) no-repeat; width: 120px; height: 12px;}
  .preview_field_textarea span {display: none;}
  
  .preview_field_radio {background: url(/common/images/formbuilder/preview/radio.jpg) no-repeat; width: 120px; height: 5px;}
  .preview_field_radio span {display: none;}
  .preview_field_checkbox {background: url(/common/images/formbuilder/preview/checkbox.jpg) no-repeat; width: 120px; height: 5px;}
  .preview_field_checkbox span {display: none;}
  
  .preview_field_dropdown {background: url(/common/images/formbuilder/preview/dropdown.jpg) no-repeat; width: 120px; height: 5px;}
  .preview_field_dropdown span {display: none;}
  .preview_field_list {background: url(/common/images/formbuilder/preview/list.jpg) no-repeat; width: 120px; height: 12px;}
  .preview_field_list span {display: none;}