/* Styles for Pages under /AbekaDigital/ */

#divFeedback {
	margin-left: 25px;
	width: 420px;
	text-align: right;
}
#divFeedback > textarea {
	width: 99%;
	height: 140px;
}

#btnTakeAssessment {
	text-decoration: none;
}
#btnTakeAssessment {
	text-decoration: none;
}
li.graybox {
	display: block;
	list-style: none;
	padding: 5px;
	margin-bottom: 0px;
	color: #1f4575;
	font-size: 15px;
} 
h3.open {
	font-size: 24px;
}
/* START ICONS */
ul.icons {
	margin: 0px;
	padding: 0px;
}
ul.icons li {
	min-height: 40px;
	list-style: none;
	line-height: 15px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 33px;
}
ul.icons li.flag {
	background-image: url('/images/abekadigital/demo/Demo-Flag.png');
}
ul.icons li.font {
	background-image: url('/images/abekadigital/demo/Demo-Tools.png');
}
ul.icons li.pause {
	background-image: url('/images/abekadigital/demo/Demo-Pause.png');
}
ul.icons li.questions {
	background-image: url('/images/abekadigital/demo/Demo-Questions.png');
}
ul.icons li.highlight {
	background-image: url('/images/abekadigital/demo/Demo-Highlight.png');
}
ul.icons li.submithand {
	background-image: url('/images/abekadigital/demo/Demo-Submit.png');
}
ul.icons li.arrow {
	background-image: url('/images/abekadigital/demo/Demo-Proceed.png');
}
ul.icons li.finishreview {
	background-image: url('/images/abekadigital/demo/Demo-finishreview.png');
}
/* END ICONS */

/* AbekaDigital/Assessments/Signup.aspx */
.assessmentLabelTd {
  width: 160px;
  padding-top:10px;
}
.assessmentTextBox {
  width: 250px;
}
.Validation {
  float: none;
  color: red;
}

/* AbekaDigital/Assessments/Survey.aspx */
.question th {
  text-align: left;
}
.LengthIndicator {
  color: #888888;
  display: block;
  font-style: italic;
  text-align: right;
}
.LengthIndicator.Error {
  color: Red;
}
.answerCell textarea {
  height: 4em;
  width: 25em;
}
.dasamplefeedback {
  margin-left: 30px;
}
.answerTable {
margin: 5px;
}
[data-checkable] {
margin-right: 5px;
}
.TogglerContent h5 {
  margin-bottom: 20px;
}
.TogglerContent h5:before {
  margin-right: 10px;
}
.NOTE {
  background-color: #f4f4f4;
  padding: 20px;
}
.Instruction {
			font-weight: bold;
			font-size: 18px;
			text-transform: uppercase;
      margin-top: 14px;
      color: #48C1FF !important;
}
.AssessmentSideBar {
      background: rgb(231,238,239);
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlN2VlZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
      background: -moz-linear-gradient(left, rgb(231,238,239) 50%, rgb(255,255,255) 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgb(231,238,239)), color-stop(100%, rgb(255,255,255)));
      background: -webkit-linear-gradient(left, rgb(231,238,239) 50%, rgb(255,255,255) 100%);
      background: -o-linear-gradient(left, rgb(231,238,239) 50%, rgb(255,255,255) 100%);
      background: -ms-linear-gradient(left, rgb(231,238,239) 50%, rgb(255,255,255) 100%); /* IE10+ */
      background: linear-gradient(to right, rgb(231,238,239) 50%, rgb(255,255,255) 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7eeef', endColorstr='#ffffff', GradientType=1 ); /* IE6-8 */
      -moz-border-radius-topleft: 10px;
      -webkit-border-top-left-radius: 10px;
      border-top-left-radius: 10px;
      -moz-border-radius-bottomleft: 10px;
      -webkit-border-bottom-left-radius: 10px;
      border-bottom-left-radius: 10px;
      margin: 0 -18px 10px 10px;
      padding: 0 44px 26px 20px;
      text-align: center;
      width: 24%;
      float: right;
      clear: right;
    }
    .AssessmentSideBar h2 {
      padding-left: 0px;
    }
    .AssessmentSideBar p {
      text-align: left;
      color: rgb(19, 71, 129);
      margin-left: -10px !important;
      margin-right: -15px !important;
      margin-top: 5px !important;
    }
    .AssessmentSideBar ul {
      color: rgb(19, 71, 129);
      margin-left: -10px;
      text-align: left;
      list-style-position: outside;
    }
    .AssessmentSideBar ul li {
      margin-left: -20px;
      margin-bottom: 10px;
    }
    .Trial:hover, .Demo:hover {
      text-decoration: none;
    }
    .ABDVideoSizeHTML5Container {
      width: 95%;
    }
    .ABDVideoSize {
      max-width: 620px;
      width: 95%;
      max-height: 349px;
      height: 349px;
    }
    .ABDVideoSizeFlash {
      max-width: 620px;
      width: 100%;
    }
    .ABDVideoSizeContainer {
      position: relative;
      max-width: 620px;
      width: 95%;
      height: 0px;
      padding-bottom: 53.4%;
    }
    .ABDVideoSizeHTML5Container video {
      width: 100% !important;
      height: 240px !important;
    }
    #nonHTML5Player_api {
      position: absolute;
    }
    .ABDVideoSplash {
      width: 100%;
    }
    .VideoBlock {
      width: 100%;
      margin: 10px 20px 10px 0px;
    }
    .GettingStarted ul, .GettingStarted ol {
      margin-top: 0px;
    }
    .GettingStarted ol li img{
       margin-top:15px;
    }