/* Branding.less for AMA/SCM6
-------------------------------------------------------------- */

html {
  font-size: 62.5%;
}
.sans {
  font-family: Helvetica, Arial, Verdana, sans-serif;
}
.serif {
  font-family: Georgia, Cambria, Times, "Times New Roman", serif;
}
.bold {
  font-weight: bold;
}
.plaintext {
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
}
.underline {
  text-decoration: underline;
}
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.small {
  font-size: 12px;
  font-size: 1.2rem;
}
.separator {
  font-weight: bold;
  color: #dddddd;
}
.separatorSpecial {
  font-weight: bold;
  color: #666666;
}
.nomargin {
  margin: 0;
}
.nopadding {
  padding: 0;
}
/*-----------------------*/

/*--Styles For CME Quiz--*/

/*-----------------------*/

.loading {
  position: absolute;
  width: 966px;
  top: 50%;
}
.loading .loader {
  width: 24px;
  height: 24px;
  margin: auto;
  background: white;
}
.cmeTabContainer {
  padding: 10px;
  line-height: 150%;
}
.cmeTabContainer .header {
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px;
  color: #666666;
  font-weight: bold;
}
.cmeTabContainer .subHeader {
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px;
  color: black;
  font-weight: bold;
}
.cmeTabContainer .header span {
  color: black;
  display: block;
  margin-bottom: 10px;
}
.cmeTabContainer .header .expires {
  font-style: italic;
  color: #666666;
}
.cmeTabContainer .header .expires span {
  display: inline;
  color: #666666;
}
.cmeTabContainer .header .expired {
  font-style: italic;
  color: #990000;
}
.cmeTabContainer .header .expired span {
  display: inline;
  color: #666666;
}
.cmeTabContainer .objective {
  color: #666666;
  font-weight: bold;
}
.cmeTabContainer .objective span {
  display: block;
  color: black;
  font-weight: normal;
}
.accreditationBox {
  background: #eeeeee;
  padding: 10px;
  line-height: 150%;
  margin-top: 10px;
  font-familiy: Helvetica, Arial, Verdana, sans-serif;
}
.accreditationBox .header {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0;
}
/*------------*/

/*--CME Quiz--*/

/*------------*/

.cmeQuizContainer .completedBox {
  background: #eeeeee;
  border-top: solid 1px black;
  padding: 10px;
}
.cmeQuizContainer .completedBox .congrats {
  padding-top: 5px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}
.cmeQuizContainer .completedBox .score {
  padding-top: 5px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}
.cmeQuizContainer .completedBox .score .percentile {
  color: #990000;
}
.cmeQuizContainer .completedBox .claimCreditBox {
  padding: 10px;
  background: white;
  margin-top: 10px;
}
.cmeQuizContainer .completedBox .claimCreditBox .top,
.cmeQuizContainer .completedBox .claimCreditBox .bottom {
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px;
}
.cmeQuizContainer .completedBox .claimCreditBox .top {
  color: black;
  font-weight: bold;
}
.cmeQuizContainer .completedBox .claimCreditBox .top .claimCreditError {
  color: #990000;
}
.cmeQuizContainer .completedBox .claimCreditBox .bottom {
  color: #666666;
  font-weight: bold;
}
.cmeQuizContainer .completedBox .claimCreditBox .bottom .left .field,
.cmeQuizContainer .completedBox .claimCreditBox .bottom .right .field {
  color: black;
  display: block;
  font-weight: normal;
}
.cmeQuizContainer .completedBox .claimCreditBox .bottom .left .field b,
.cmeQuizContainer .completedBox .claimCreditBox .bottom .right .field b {
  font-weight: bold;
}
.cmeQuizContainer .completedBox .claimCreditBox .bottom .right {
  width: 215px;
}
.cmeQuizContainer .completedBox .claimCreditBox .bottom .right input {
  width: 50px;
}
.cmeQuizContainer .completedBox .claimCreditBox .button {
  float: left;
}
.cmeQuizContainer .completedBox .claimCreditBox .mycme {
  float: left;
  font-weight: bold;
}
.cmeQuizContainer .completedBox .commitmentToChange {
  margin-top: 10px;
}
.cmeQuizContainer .completedBox .commitmentToChange .commitToChange {
  font-size: 12px;
  font-weight: bold;
}
.cmeQuizContainer .completedBox .commitmentToChange .commitToChange .optional {
  color: #666666;
}
.cmeQuizContainer .completedBox .commitmentToChange .commitText {
  font-size: 12px;
  font-weight: bold;
}
.cmeQuizContainer .completedBox .information {
  font-weight: bold;
  font-size: 12px;
}
.cmeQuizContainer .completedBox .mycme {
  font-size: 11px;
}
.cmeQuizContainer .quizResultsHeader {
  margin-top: 10px;
}
.cmeQuizContainer .quizResultsHeader .quizHeader {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
.cmeQuizContainer .quizResultsHeader .resultsOverview {
  font-weight: 14px;
}
.cmeQuizContainer .header {
  border-bottom: none;
}
.passNote {
  color: black;
  font-weight: bold;
  background: #eeeeee;
  padding: 10px;
  margin-bottom: 10px;
}
.passNote span:first-child {
  color: #990000;
}
.passNote .highlighted {
  background: #ffffcb;
  padding: 0 2px;
}
.passNote .top {
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px;
}
.passNote .top,
.passNote .bottom {
  color: #666666;
}
.passNote .information {
  color: #990000;
  margin-bottom: 10px;
}
.passNote .information.passing {
  color: #666666;
}
.passNote .information.passing span:first-child {
  font-weight: bold;
  color: black;
}
.passNote .information.passing span:last-child {
  font-weight: bold;
  color: black;
}
.passNote a {
  color: #006699;
  text-decoration: underline;
}
.quizButtons {
  margin: 10px 0;
}
.quizButtons input {
  vertical-align: middle;
  margin-right: 10px;
}
.claimCreditContainer {
  padding: 10px;
  background: #eeeeee;
}
.claimCreditContainer a {
  color: #006699;
  text-decoration: underline;
  font-weight: bold;
}
.claimCreditContainer span {
  color: #666666;
  font-weight: bold;
}
/*-----------------*/

/*--CME Questions--*/

/*-----------------*/

.questionContainer {
  padding: 10px 5px;
  margin-bottom: 10px;
}
.questionContainer.even {
  background: #eeeeee;
}
.questionContainer .question .questionOrdinal {
  font-weight: bold;
  float: left;
  width: 3%;
}
.questionContainer .question .questionText {
  color: #666666;
  font-weight: bold;
  float: left;
  width: 100%;
}
.questionContainer .question .relatedText {
  color: #f2f0ea;
}
.questionContainer .question .relatedText a {
  color: #006699;
  font-weight: normal;
  text-decoration: underline;
}
.questionContainer .answers {
  margin-left: 15px;
}
.questionContainer .answers .answer {
  color: black;
}
.questionContainer .answers .answer .answerInput {
  float: left;
  width: 4%;
}
.questionContainer .answers .answer .answerInput input {
  padding: auto;
  margin: auto;
}
.questionContainer .answers .answer .answerOrdinal {
  font-weight: bold;
  float: left;
  width: 4%;
}
.questionContainer .answers .answer .answerText {
  float: left;
  width: 92%;
}
.questionContainer .answers .answer.incorrect {
  color: #990000;
  font-weight: bold;
}
.questionContainer .answers .answer.highlighted span {
  background: #ffffcb;
}
.questionContainer .answers .answer .answerExplanation {
  display: block;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 12px;
}
.questionHint {
  display: none;
  color: #666666;
  font-weight: bold;
  overflow-y: auto;
}
.answerHint {
  display: none;
  color: #666666;
  font-weight: bold;
  overflow-y: auto;
}
.lineBreak {
  height: 10px;
}
.hintLink {
  float: clear;
}
.ahintLink {
  margin-left: 10px;
  float: clear;
}
#committmentDialog {
  background: #eeeeee;
  margin: 0;
  padding: 0 10px 10px;
  display: none;
}
#committmentDialog .cmeCourse {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
  margin-bottom: 10px;
  color: #666666;
  font-weight: bold;
}
#committmentDialog .cmeCourse span {
  color: black;
  display: block;
}
#committmentDialog .information {
  color: #990000;
  font-weight: normal;
  margin-bottom: 10px;
}
#committmentDialog textarea {
  width: 710px;
  max-width: 710px;
  height: 250px;
  max-height: 250px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
}
#committmentDialog .buttons .submit,
#committmentDialog .buttons .cancel {
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
}
#committmentDialog .buttons .submit {
  cursor: pointer;
  background: url('/Images/cme/buttons/b_submit.png') no-repeat;
  width: 72px;
  height: 27px;
}
#committmentDialog .buttons .cancel {
  cursor: pointer;
  background: url('/Images/cme/buttons/b_cancel.png') no-repeat;
  width: 72px;
  height: 20px;
}
.highlighted {
  background: #ffffcb;
}