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

#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: 690px;
    font-size: 16px;
    line-height: 24px;
    margin: 21px 0px 0px 0px;
}

#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: 48%;
}


#activity-questions .content .operator {
    font-size: 40px; 
    padding-top: 68px;
    text-align: center
}

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

#activity-viewer .instructions {
    font-weight: bold;
    font-size: 150%;
    color: #333333;
    margin: 0px 0px 10px 0px;
}

#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;
}