/*
 * $Id:$
 * 
 * A CSS file for showing activity interactions
 */

#activity-intro {
    margin: 0px 0px 20px;
    font-size: 120%;
    background-color: #E4E4E4;
    border: 1px solid #CCCCCC;
    padding: 20px;
}


#activity-questions .question {
    border-top: 1px solid #CCCCCC;
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
}

#activity-questions .question-number {
    width: 75px;
    float: left;
    text-align: right;
    font-weight: bold;
    margin: 0px 10px 0px 0px;
    font-size: 40px;
    color: #666666;
}

#activity-questions .content {
    float: left;
    width: 90%;
    font-size: 16px;
    line-height: 24px;
    margin: 21px 0px 0px 0px;
}

#activity-questions.basic_math-activity .content {
  width: 100%;
}


#activity-questions .content .narrow-left {
    float: left;
    width: 33%;
}

#activity-questions .content .narrow-right {
    float: right; 
    width: 65%;
}


#activity-questions .content .wide-left {
    float: left;
    width: 52%;
}

#activity-questions .content .wide-right {
    float: right; 
    width: 46%;
}



#activity-questions .content .column {
    float: left;
    width: 50%;
    box-sizing: border-box;
}


#activity-questions .flex-row {
  display: flex;
}

#activity-questions .content .operator {
    font-size: 120px;
    text-align: center;
    padding: 10px;
    align-self: center;
}

#activity-questions .content .jumbled-letters {
    font-weight: bold;
}

#activity-questions .reveal-answer {
  border: 1px solid #CCC;
  background-color: #EEE;
  padding: 10px;
  margin: 15px 0px;
}

#activity-questions .masked {
  background-color: #222;
  color: #222;
  border: 1px solid #222;
  border-radius: 8px;
}

#activity-viewer .instructions {
    margin: 0px 0px 10px 0px;
    font-size: 120%;
}

#activity-viewer .compact li {
    float: left;
    margin: 0px 20px 0px 0px;
}


#activity-results .score {
    font-size: 24px;
    margin: 0px 0px 10px 0px;
}

#activity-preview .warning {
    font-size: 150%;
    background-color: #E4E4E4;
    border: 2px solid #CCCCCC;
    margin: 10px;
    padding: 10px;
    font-weight: bold;
}


#score-chart {
    margin: 0px 0px 10px 0px;
}

#score-chart table {
    border: 3px solid #CCCCCC;
}

#score-chart table td {
    border-bottom: 3px solid #CCCCCC;
    padding: 10px;
    font-size: 24px;
}

#activity-viewer .tip {
    background-color: #EECB57;
    border: 1px solid #081F2F;
    margin: 0 0 10px;
    padding: 10px;
    width: 575px;
    text-align: center;
}

.video_quiz-activity .movie-container {
    margin: 0 auto 10px auto;
}

.grammar_review-activity .grammar {
  border: 1px solid #666;
}

.grammar_review-activity .grammar.english {
  margin-right: 20px;
}

.grammar_review-activity .grammar .title {
  background-color: #666;
  color: white;
  padding: 2px 5px;
}

.grammar_review-activity .grammar .text {
  padding: 5px;
}