#mcContainerDiv {
    width: 650px;
    position: relative;
    font-family: Trebuchet MS, arial,helvetica,sans-serif;

}

.mcContent{
    height: 93px;
    display: block;
}

#cardText{
    top: 0px;
    right: 0px;
    position: absolute;
    vertical-align: middle;
    text-align: center;
    display:table;
    padding-left: 3px;
    padding-right: 3px;
}

#cardText div{
    vertical-align: middle;
    display: table-cell;
}

#fullText{
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    display:inline-block;
}

.imgContainerWithoutAudio {
    width: 70px;
    height: 87px;
    text-align: center;
    padding-left: 3px;
    padding-top: 3px;
}

.imgContainerWithoutAudio .imgVAlignHelper {
    display: inline-block;
    height: 87px;
    vertical-align: middle;
}
.imgContainerWithoutAudio img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.imgContainerAudio {
    width: 70px;
    height: 70px;
    text-align: center;
    padding-left: 3px;
    padding-top: 3px;
}

.imgContainerAudio .imgVAlignHelper {
    display: inline-block;
    height: 70px;
    vertical-align: middle;
}
.imgContainerAudio img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

#sideZeroCardDiv {
    display:block;
    position:relative;
    float:left;
    height: 93px;
    width: 154px;
    margin: 2px 2px;
    background-color: #d4f3ff;
    border: 1px solid white;
    color:#005295;
}

#sideZeroCardDivSelected {
    display:block;
    position:relative;
    float:left;
    height: 93px;
    width: 154px;
    margin: 2px 2px;
    background-color: #d4f3ff;
    border: 1px solid #438fcd;
    color:#005295;
}

#sideOneCardDiv {
    display:block;
    position:relative;
    float:left;
    height: 93px;
    width: 154px;
    margin: 2px 2px;
    background-color: #ffebd4;
    border: 1px solid white;
    color: #a44702;
}

#sideOneCardDivSelected {
    display:block;
    position:relative;
    float:left;
    height: 93px;
    width: 154px;
    margin: 2px 2px;
    background-color: #ffebd4;
    border: 1px solid #d97e26;
    color: #a44702;
}

.completedImg {
  position: absolute;
  left:31px;
}
.cardDiv {
    display:block;
    position:relative;
    float:left;
    height: 93px;
    width: 154px;
    margin: 2px 2px;
    border: 1px solid white;
}
.completed {
    position: absolute;
    width: 570px;
    height:400px;
    right: 3px;
    bottom: 3px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 900;
    top: 40px;
    left: 40px;
}
.JGTextFit{
    position: absolute;
    top: 160px;
    left: 164px;
    text-align: center;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 33px;
    font-weight:700;
    color:#73bb01;
}
.finishedText {
    position: absolute;
    top: 220px;
    left: 247px;
    font-family: Trebuchet MS,arial,helvetica,sans-serif;
    font-style: normal;
    font-size: 14px;
    text-decoration: underline;
    color: rgb(0, 82, 149);
}
.checkDiv {
    position: absolute;
    width: 16px;
    height: 17px;
    right: 3px;
    bottom: 3px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mcTitle {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size:  33px;
    padding-bottom: 10px;
    padding-left: 3px;
    color:#005295;
}
div#audio {
    width: 16px;
    height: 17px;
    position: absolute;
    left: 3px;
    bottom: 3px;
    background: url("/img/activities/jg/audio.png") no-repeat;
    cursor: pointer;
}
div#audio.unplayed {
}
div#audio.playing {
}
#termListLinkDiv {
    position: absolute;
    right: 13px;
    top: 26px;
}