.SurveyContainer {
  display: none;
  overflow: hidden;
  padding: 0;
  font-family: helvetica neue,arial
}
.SurveyContainer h2.block-title {
  float: left
}
.SurveyContent {
  display: block
}
.SurveyHLeftContent {
  height:100%;
   overflow:hidden;
  width: 100%;
  min-width:945px;
  padding: 1% 1% 0 1%;
  border-bottom: 1px solid #CCC
}
.SurveyVLeftContent {
  width: 95%;
  font-size: 12px;
  padding: 10px 0 0 10px
}
.SurveyVLeftContent table {
  width: 100%
}
.SurveyHRightContent {
  width: 98%;
  padding:0 1%;
  clear: both
}
.SurveyRightContent_1 {
  display: none
}
.SurveyHRightContent table td {
  padding-bottom: 5px
}
.SurveyVRightContent {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px
}
#cp-content-main .SurveyContent .SurveyHRightContent {
  min-height:340px
}
#cp-content-main .SurveyContent .SurveyVRightContent {
  min-height:370px
}
.createlnr-activestep,
.createlnr-prevstep,
.createlnr-nextstep {
  height: 24px;
  width: 24px;
  font-weight: bold;
  text-align: center;
  display: inline-block
}
.createlnr-activestep {
 background: -ms-linear-gradient(#e9e9e9,#fbfbfb);/*For IE10*/
  background: linear-gradient(#e9e9e9,#fbfbfb);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#e9e9e9', endColorstr='#fbfbfb'); /*For IE7-8-9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e9e9e9, endColorstr=#fbfbfb)"; 
  color: #474747;
  border-radius:20px;
  border:1px solid #e5e5e5
}
.createlnr-prevstep,
.createlnr-nextstep {
  background-color:#b2b2b2;
  color: #000;
  border-radius:20px;
  margin-top:-1px
}
.createlnr-nextstep {
  float: left
}
.SurveySelectList {
  font-weight: bold;
  padding: 20px 0 0 10px
}
.SurveyModuleList {
  display: inline-block;
  font-weight: bold;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 22px;
  background-color:#b2b2b2;
  border-radius:20px
}
.SurveyModuleTitle {
  font-weight: bold;
  padding-left: 10px;
  padding-top: 0;
  width: auto;
  font-size: 12px;
  display: inline-block;
  width: 110px;
  line-height:24px
}
.SurveyHeaderTitle {
  margin-top: 0;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
  text-indent: 10px;
  background-color: #f3f3f3;
  width: 100%
}
#Ratingtype {
  display: none
}
.SurveyQuestionList {
  float: left;
  width: 20px;
  font-weight: bold;
  display: inline-block
}
.SurveyQuestionText {
  float: left;
  text-align: left;
  width: 96%;
  word-wrap:break-word
}
.SurveyQuestionLabel {
  text-align: left;
  font-weight: bold;
  padding-top: 10px;
  color: #666;
  font-size: 12px
}
.SurveyQuestionField {
  padding-left: 20px;
  text-align: left;
  color: #666;
  font-size: 12px
}
.surveyQuestionChkBox {
  text-align: center
}
.surveyQuestChkVBox,
.SurveyQuesChkField {
  text-align: left
}
.SurveyNoQuestion {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #F28226
}
.SurveyRightBorder {
  border-left: 1px solid #ccc
}
.SurveyRightBorder td {
  padding-top: 5px
}
.SurveyRemoveBrd {
  border: 0
}
.ModuleList {
  padding: 0 0 5px 0;
  width: 100%;
  display:inline-block
}
.ModuleList span .SurveyModuleList {
  float: left;
  margin-right: 6px
}
.SurveyHLeftContent .survey-list .ModuleList {
  padding-right:10px;
  min-width:120px
}
.SurveyHLeftContent .survey-list .ModuleList .module-list-icon {
  width:24px;
  float:left;
  margin-right:7px
}
.surveyOptions {
  width: 280px
}
.surveyOptions span {
  display: inline-block;
  text-align: center
}
.surveyOptions .surveyTAC,
.surveyOptions .surveyVO {
  width: 100px
}
.surveyOptions .surveyActImg {
  width: 80px
}
.sq-multichoice-h, .sq-rating-h {
  width: auto
}
.sq-multichoice-v td, .sq-rating-v td {
  width: auto;
  padding-right: 10px
}
.sq-multichoice-h td, .sq-rating-h td {
  width: 100px;
  padding: auto 5px;
  min-width: 100px
}
.survey-qa-table {
  width: 100%
}
.sq-spacer {
  height: 5px;
  line-height: 5px
}
.warningText, 
.SurveyStatusText,
.warningTextmsg {
  font-size: 11px;
  color: #f00;
  text-align: left;
  height: 22px;
  vertical-align: bottom;
  padding-left: 15px;
  display: block
}
.SurveyStatusText {
  color: #F28226
}
.survey-home-table ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}
ul li.survey-list-active {
  line-height: 2em;
  color: #4682B3;
  font-size: 14px;
  font-weight: bold
}
ul li.survey-list-completed {
  line-height: 2em;
  color: #4682B3;
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold
}
.survey-list-active a {
/*   line-height: 2em; */
  color: #4686DD;
  text-decoration: underline;
  font-size: 14px
}
.survey-list-active a:hover {
  text-decoration: underline
}
ul li.survey-list-completed .sur-status-label {
  color: green;
  font-size: 14px;
  font-weight: bold
}
#block-title-close {
  color: #333;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 14px;
  font-weight: bold;
  padding-top: 5px
}
.survey-main-holder .ui-widget-header .ui-state-hover {
  padding: 1px;
  width: 19px
}
.survey-main-holder .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
  background: url("/sites/all/themes/core/expertusoneV2/expertusone-internals/images/ExpertusIcons_v2.png") no-repeat -426px -128px;
  margin: 0;
  padding: 0
}
.survey-home-table {
  margin: 15px 0 0 15px
}
.survey-main-holder .ui-button {
  background-color: #FFF1E6;
  background-image: url('');
  border: 1px solid #FF801B;
  color: #E36500;
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
  text-align: center
}
.survey-completion-status {
  display: block;
  font-size: 14px;
  height: 340px;
  text-align: center;
  padding-top: 40px;
  color: #F28226;
  width: 100%
}
.survey-correct-answer {
  color: #FF801B;
  font-weight: BOLD;
  width: 100%;
  margin-left: 20px
}
.survey-status-msg {
  font-weight: bold;
  padding-top: 40px;
  text-align: center
}
.SurveySelectList .enrollment-survey-list {
  color: #4686DD
}
#take_survey_main .SurveyContent .survey-question-text {
  height: 20px;
  padding-right: 10px
}
#take_survey_main .SurveyContent .correct-img, #take_survey_main .SurveyContent .wrong-img {
  display: inline-block;
  height: 13px;
  overflow: hidden;
  width: 20px
}
#take_survey_main .SurveyContent .correct-img {
  background: url("/sites/all/themes/core/expertusoneV2/expertusone-internals/images/ExpertusIcons.png") no-repeat -20px -256px;
}
#take_survey_main .SurveyContent .wrong-img {
  background: url("/sites/all/themes/core/expertusoneV2/expertusone-internals/images/ExpertusIcons.png") no-repeat -45px -256px;
}
.expertusV2PopupContainer .SurveyModuleTitle,
.expertusV2PopupContainer .SurveyHeaderTitle {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  font-family: ProximaNovaBold;
  color: #474747;
  padding-left: 0;
  text-transform: uppercase;
  width: 110px
}
.expertusV2PopupContainer .SurveyHRightContent .SurveyHeaderTitle {
  background: none;
  text-indent: 10px;
  width: 100%
}
.expertusV2PopupContainer .SurveyVRightContent .SurveyHeaderTitle {
  background: none;
  text-indent: 20px;
  width: 100%
}
.expertusV2PopupContainer .SurveyQuestionText {
  float: left;
  text-align: left;
  width: 90%
}
.expertusV2PopupContainer .SurveyVRightContent {
  margin-top: 10px;
  padding-left: 35px;
  border-left: 1px solid #E5E5E5
}
.expertusV2PopupContainer .SurveyVRightContent table {
  margin-left: 10px
}
.expertusV2PopupContainer .SurveyQuestionList {
  display: inline-block;
  float: left;
  font-weight: bold;
  width: auto;
  margin: -1px 4px 0 10px
}
.expertusV2PopupContainer .SurveyQuestionField {
  padding-left: 10px
}
.expertusV2PopupContainer .SurveyQuestionField table {
  margin-left: 0
}
#page-container #reg-new-div .expertus-dropdown-bg {
  background: url("/sites/all/themes/core/expertusoneV2/expertusone-internals/images/ExpertusIcons_v2.png") no-repeat -4px -156px;
  height: 20px;
  overflow: hidden;
  width: 293px
}
#page-container #reg-new-div .expertus-dropdown-bg {
  background: url("/sites/all/themes/core/expertusoneV2/expertusone-internals/images/ExpertusIcons_v2.png") no-repeat -4px -156px;
  height: 20px;
  overflow: hidden;
  width: 293px
}
.expertusV2PopupContainer ul li.survey-list-active {
  color: #474747;
  font-size: 12px;
  font-family: ProximaNovaBold;
  line-height: 2em;
  font-weight: normal;
  text-transform: uppercase;
  margin-left: 3px
}
.survey-list-completed .no_of_attempts {
  font-family: openSansRegular,Arial;
  color: #777
}
.expertusV2PopupContainer ul li.survey-list-completed,
.expertusV2PopupContainer .survey-list-active a,
.expertusV2PopupContainer  .post-survey-list-active a {
  color: #474747;
  font-size: 12px;
  font-family: ProximaNovaBold;
  line-height: 2em;
  font-weight: normal;
  text-transform: uppercase;
/*  text-decoration: underline;
   margin-left: 3px */
}
.expertusV2PopupContainer .warningText, 
.expertusV2PopupContainer .SurveyStatusText,
.expertusV2PopupContainer .warningTextmsg {
  margin: 0;
  float: none;
  color: #E30F7A;
  font-size: 12px;
  font-family: openSansRegular, Arial;
  font-weight: bold;
  padding-left: 20px;
}
.expertusV2PopupContainer #take_survey_main .warningText {
  text-align:center;
  margin-top:45px
}
.expertusV2PopupContainer textarea {
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  color: #2D2D2D;
  font-family: openSansRegular, Arial;
  font-size: 12px;
  min-width: 305px;
  max-width: 305px
}
.expertusV2PopupContainer ul li.survey-list-completed .sur-status-label {
  color: #008000;
  font-size: 12px;
  font-weight: normal;
  font-family: ProximaNovaBold
}
.expertusV2PopupContainer .SurveyRightBorder {
  border-left: 0
}
.expertusV2PopupContainer .SurveyHLeftContent {
  width: 100%;
  padding-top: 15px;
  padding-bottom:10px;
  border-bottom: 1px solid #E5E5E5
}
.expertusV2PopupContainer  ul li.survey-list-active .no_of_attempts {
  color: #008000;
  font-family: proximanovabold;
  font-size: 13px;
  margin-left: 3px;
  text-decoration: none;
  text-transform: capitalize
}
#take_survey_main .warningTextmsg .option-take,
#take_survey_main .warningTextmsg .option-take{
  color: #e30f7a;
  margin-left: 5px;
  text-decoration: none
}
.expertusV2PopupContainer #take_survey_main .warningTextmsg{
  margin-top: 10px;
  text-align: center
}
.post-survey-list-active,
.post-sur-status-label,
.post_no_of_attempts {
  padding-left:3px;
  margin-top: 3px;
  height:24px
}
.survey-list-active,
.sur-status-label,
.no_of_attempts{
  padding-left:3px
}
.survey-home-table{
  border-color: #e5e5e5;
  border-image: none;
  border-style: solid;
  border-width: 0 1px 1px;
}
.survey-home-table .detail-assess-heading th{
  background: url("/sites/all/themes/core/expertusoneV2/expertusone-internals/images/layoutBg.gif") repeat-x scroll 0 -2453px;
  border-left: 1px solid #dadada;
  color: #474747;
  font-family: ProximaNovaBold,Arial;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  height:24px;
  padding-left:3px;
  padding-right:3px
}
.survey-home-table .detail-assess-heading th.assess-heading-name{
  border-left:0
}
.page-learning-enrollment-search #take_survey_main .survey-list-completed{
  text-transform: uppercase
}
.survey-list-completed {
  min-height: 24px;
  padding-left: 3px
}
/* .survey-home-table td:first-child{
  width:85%
}
.survey-home-table td:last-child{
  width:15%
} */
.fade-out-title-container.surveylearnear-js-assessment-survey-title{
  max-width:660px;
  height:25px
}
.survey-home-table.pre-post-assessment .fade-out-title-container.surveylearnear-js-assessment-survey-title{
  max-width:550px;
  margin-bottom:-3px
}
.survey-home-table.pre-post-assessment .survey-list-completed .fade-out-title-container.surveylearnear-js-assessment-survey-title {
  margin-top: 8px
}

.survey-main-holder  .surveylearnear-js-assessment-survey-title-for-popup {
	max-width:732px;
}
.survey-main-holder .surveylearnear-js-assessment-survey-title-for-popup .fade-out-image{
  background: -ms-linear-gradient(to right, transparent, #27245e);/*For IE10*/
  background: linear-gradient(to right,transparent, #27245e);
  height:30px;
  top:1px
}
.survey-main-holder .surveylearnear-js-assessment-survey-title-for-popup .title-lengthy-text{
  display : inline-table
}
.survey-home-table.pre-post-assessment .assess-column td:first-child,
.survey-home-table.pre-post-assessment .assess-column td:last-child{
  width:auto	
}
.expertusV2PopupContainer .SurveyQuestionField input[type="radio"]{
  vertical-align:middle;
  margin-top:-4px
}
#surveyButtonHolder {
  display: block;
  float: right;
  width: auto;
  margin-bottom: 10px
}
#selSurveyContainer .ui-dialog-buttonset .removebutton.white-btn-bg-middle,
#selSurveyContainer .ui-dialog-buttonset-post-assessment .white-btn-bg-middle {
  margin-right: 10px
}
#selSurveyContainer .SurveyQuestionField input[type="radio"] {
    margin-top: -4px;
    vertical-align: middle;
}
#selSurveyContainer select {
  background:none;
  width:330px;
  border:0;
  padding:0 0 0 4px;
  vertical-align: top;
}
#selSurveyContainer input,
#selSurveyContainer select,
#selSurveyContainer button,
#selSurveyContainer textarea,
#selSurveyContainer select option {
  font-size:12px;
  font-family:openSansRegular, Arial;
  color:#2d2d2d;
  margin-left:0
}
#selSurveyContainer .white-btn-bg-middle,
.white-btn-bg-middle,
#selSurveyContainer .ui-dialog-buttonset .white-btn-bg-middle,
#selSurveyContainer .ui-dialog-buttonset-post-assessment .white-btn-bg-middle {
  font-family:ProximaNovaBold, Arial;
  font-size:12px;
  color:#474747;
  text-align:center;
  text-transform:uppercase;
  line-height:16px;
  background:#fff;
  margin:0;
  border:1px solid #dedede;
  border-radius:6px;
  padding:3px 6px 2px;
  float:left;
  cursor:pointer
}
#selSurveyContainer .SurveyModuleTitle,
#selSurveyContainer .SurveyHeaderTitle {
    color: #474747;
    display: block;
    font-family: ProximaNovaBold;
    font-size: 12px;
    font-weight: normal;
    padding-left: 0;
    padding-top:4px;
    text-transform: uppercase;
    min-width: 90px;
    width:165px;
    line-height:14px;
    float:left
}
#selSurveyContainer .SurveyVLeftContent .SurveyModuleTitle {
	 width:83%;
}
#selSurveyContainer .SurveyVRightContent .SurveyHeaderTitle,
#selSurveyContainer .SurveyHRightContent .SurveyHeaderTitle {
  background: none;
  text-indent: 0;
  width: 80%
}
#selSurveyContainer .expertus-dropdown-icon,
#selSurveyContainer .expertus-dropdown-bg{
  width:293px
}
.page-learning-enrollment-search #selSurveyContainer .ui-dialog-buttonset button.admin-save-button-middle-bg {
  margin-top: 1px;
  padding: 3px 6px 1px
}
#selSurveyContainer .ui-dialog-buttonset button,
#selSurveyContainer .ui-dialog-buttonset-post-assessment button{
 font-family: ProximaNovaBold,Arial;
 color: #fff
}
#selSurveyContainer .admin-save-button-middle-bg{
  margin-right:12px
}
#selSurveyContainer textarea {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  color: #2d2d2d;
  font-family: openSansRegular,Arial;
  font-size: 12px;
  max-width: 305px;
  min-width: 305px;
}
#selSurveyContainer .checkbox-unselected,
#selSurveyContainer .checkbox-selected {
  margin-right: 5px
}
#selSurveyContainer .checkbox-unselected,
#selSurveyContainer .checkbox-selected{
  background: url("/sites/all/themes/core/expertusoneV2/expertusone-internals/images/menu_bg1.png") no-repeat 0 -438px;
  cursor: pointer;
  float: left;
  height: 12px;
  margin: 3px 0 0;
  padding: 0;
  width: 15px
}
#selSurveyContainer .checkbox-selected{
  background: url("/sites/all/themes/core/expertusoneV2/expertusone-internals/images/menu_bg1.png") no-repeat 0 -450px
}
#selSurveyContainer .checkbox-selected input,
#selSurveyContainer .checkbox-unselected input {
  cursor: pointer;
  height: 10px;
  margin-top: -2px;
  opacity: 0;
  outline: none;
  width: 10px
}
#selSurveyContainer .ui-dialog-content .survey-completion-status {
  color: #474747;
  font-family: ProximaNovaBold,Arial;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase
}


#selSurveyContainer{
  background:#fff;
  height:100%;
  width:100%;
  display:block;
}
#selSurveyContainer .scroll-pane {
  width:100%;
  height:auto;
  overflow:hidden
}
#selSurveyContainer .horizontal-only {
  height:auto;
}
#selSurveyContainer .jspContainer {
  overflow:hidden;
  position:relative
}
#selSurveyContainer .jspPane {
  position:absolute;
   height:auto;
   width:auto;   
}
#selSurveyContainer .jspVerticalBar, .jspVerticalBar {
  position:absolute;
  top:0;
  right:2px;
  width:6px;
  height:100%;
  background:#fff;
  visibility: visible;
}
#selSurveyContainer .jspHorizontalBar {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:8px;
  background:#fff;
  visibility:hidden
}
#selSurveyContainer .jspVerticalBar *, #selSurveyContainer .jspHorizontalBar * {
  margin:0;
  padding:0
}
#selSurveyContainer .jspCap {
  display:none
}
.jspHorizontalBar .jspCap {
  float:left
}
#selSurveyContainer .jspTrack {
  height:auto
}
#selSurveyContainer .jspTrack:hover {
  background:#f6f6f6;
  border:1px solid #d4d4d4;
  position:relative
}
#selSurveyContainer .jspDrag {
  background:#cbcbcb;
  border:1px solid #cbcbcb;
  border-left:1px solid #b7b7b7;
  position:relative;
  top:0;
  left:0;
  cursor:pointer
}
#selSurveyContainer .jspDrag:hover {
  background:#939393;
  border:1px solid #646464;
  position:relative;
  top:0;
  left:0;
  cursor:pointer
}
#selSurveyContainer .jspHorizontalBar .jspTrack, #selSurveyContainer .jspHorizontalBar .jspDrag {
  float:left;
  height:100%
}
#selSurveyContainer .jspArrow {
  background:#50506d;
  text-indent:-20000px;
  display:block;
  cursor:pointer
}
#selSurveyContainer .jspArrow.jspDisabled {
  cursor:default;
  background:#80808d
}
#selSurveyContainer .jspVerticalBar .jspArrow {
  height:10px
}
#selSurveyContainer .jspHorizontalBar .jspArrow {
  width:16px;
  float:left;
  height:100%
}
#selSurveyContainer .jspVerticalBar .jspArrow:focus {
  outline:none
}
#selSurveyContainer .jspCorner {
  background:#eeeef4;
  float:left;
  height:100%
}

.SurveyHLeftContent{
  background:#fff;
  height:100%;
  width:100%;
  display:block;
}
.SurveyHLeftContent .scroll-pane {
  width:100%;
  height:auto;
  overflow:hidden
}
.SurveyHLeftContent .horizontal-only {
  height:auto;
}
#cp-content-main .SurveyHLeftContent .jspContainer {
  min-height:50px;
  overflow:hidden;
  position:relative
}
.SurveyHLeftContent .jspPane {
  position:absolute;
   height:auto;
   width:auto;   
}
#cp-content-main .SurveyHLeftContent .jspVerticalBar,
#cp-content-main .SurveyHLeftContent .jspVerticalBar {
  position:absolute;
  top:0;
  right:0;
  width:6px;
  height:100%;
  background:#fff;
  visibility:hidden
}
#cp-content-main .SurveyHLeftContent .jspHorizontalBar {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:6px;
  background:#fff;
  visibility:visible
}
.SurveyHLeftContent .jspVerticalBar *, .SurveyHLeftContent .jspHorizontalBar * {
  margin:0;
  padding:0
}
.SurveyHLeftContent .jspCap {
  display:none
}
.SurveyHLeftContent .jspTrack {
  height:auto
}
.SurveyHLeftContent .jspTrack:hover {
  background:#f6f6f6;
  border:1px solid #d4d4d4;
  position:relative
}
.SurveyHLeftContent .jspDrag {
  background:#cbcbcb;
  border:1px solid #cbcbcb;
  border-left:1px solid #b7b7b7;
  position:relative;
  top:0;
  left:0;
  cursor:pointer
}
.SurveyHLeftContent .jspDrag:hover {
  background:#939393;
  border:1px solid #646464;
  position:relative;
  top:0;
  left:0;
  cursor:pointer
}
.SurveyHLeftContent .jspHorizontalBar .jspTrack, .SurveyHLeftContent .jspHorizontalBar .jspDrag {
  float:left;
  height:100%
}
.SurveyHLeftContent .jspArrow {
  background:#50506d;
  text-indent:-20000px;
  display:block;
  cursor:pointer
}
.SurveyHLeftContent .jspArrow.jspDisabled {
  cursor:default;
  background:#80808d
}
.SurveyHLeftContent .jspVerticalBar .jspArrow {
  height:10px
}
.SurveyHLeftContent .jspHorizontalBar .jspArrow {
  width:16px;
  float:left;
  height:100%
}
.SurveyHLeftContent .jspVerticalBar .jspArrow:focus {
  outline:none
}
.SurveyHLeftContent .jspCorner {
  background:#eeeef4;
  float:left;
  height:100%
}
.SurveyContent table.surveycontent-qatbl {
  table-layout:fixed
}
.SurveyContent table.surveycontent-qatbl td {
  float: left;
  width: 100%
}
/*!Chrome hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .expertusV2PopupContainer .SurveyQuestionField input[type="radio"]{
   margin-top:-2px
  }
}