div.activity .title {margin-bottom:5px;}
div.activity .title span.name {font-size:115%;}
div.activity .subtitle {font-size:90%; margin:5px 0;}
div.activity .buttons {float:right;}

div.activity > .content {padding-left:40px; background-repeat:no-repeat;}
div.activity.Lab > .content {background-image:url('/images/Activity-Lab.png'); background-position:7px 5px; }
div.activity.LTIResourceLink > .content {background-image:url('/images/Activity-LTI.png'); background-position:7px 5px; }
div.activity.ScormModule .content {background-image:url('/images/Activity-ScormAiccModule.png'); background-position:7px 6px; }
div.activity.AiccModule .content {background-image:url('/images/Activity-ScormAiccModule.png'); background-position:7px 6px; }
div.activity.Survey > .content {background-image:url('/images/Activity-Survey.png'); background-position:7px 6px; }
div.activity.course >.content {background-image:url('/images/activity-course.png'); background-position:8px 6px; }
div.activity.custom > .content {background-image:url('/images/activity-custom.png'); background-position:9px 7px; }
div.activity.exam > .content {background-image:url('/images/activity-exam.png'); background-position:9px 5px; }
div.activity.certification > .content {background-image:url('/images/activity-certification.png'); background-position:5px 5px; }
div.activity.ExternalLink > .content {background-image:url('/images/Activity-ExternalLink.png'); background-position:7px 5px; }
div.activity.Video .content {background-image:url('/images/Activity-ScormAiccModule.png'); background-position:7px 6px; }
div.activity.Assessment > .content {background-image:url('/images/Activity-Assessment.png'); background-position:7px 5px; }
div.activity.track > .content {background-image:url('/images/Activity-Track.png'); background-position:7px 5px; }
div.activity.Document > .content {background-image:url('/images/Activity-Document.png'); background-position:7px 5px; background-size:30px; }

div.activity.withAttention > .content {margin-left:60px;}
div.activity.withNumberText > .content {margin-left:20px;}
div.activity.withNumberInput > .content {margin-left:50px;}
div.activity .number {float:left; margin-top:10px; color:#757575; }
div.activity input.number {margin-top:0; }
div.activity .attention {float:left; margin-top:5px; width:40px; height:26px;  background-repeat:no-repeat; }
div.activity.complete .attention {background-image:url('/images/ActivityComplete.png');}
div.activity.current > .content {
    background-color: #f9f9fb;
    border-color: #e9e9ef;
}
div.activity.current .attention {background-image:url('/images/ActivityCurrent.png');}
div.activity.none .attention {background-image:url('/images/ActivityNone.png');}
div.activity .showDetails {font-size: 11px; margin-left: 10px;}
div.activity ._mob.showDetails {font-size: inherit; margin-left: 0px;}
div.activity .details {margin-top:8px; margin-right: 20px;}
div.activity ._mob.details {
    margin-top: 8px;
    margin-right: 20px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(134, 251, 224);
    border-radius: 5px;
    padding: 10px;
}
._mob.counts.tab-info {
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #560383;
    background-color: #f4f4f4;
}
.activitySectionName {
    margin-top: 0;
}
.activitySectionEdit > .content {
    padding:20px;
    margin-bottom:30px;
    border-radius: 5px;
}
div.activity.activitySectionEdit > .content {
    padding-left:20px;
    background-color:#eee;
}

.activitySectionEdit .activities {
    margin-top:20px;
}

.activity .connector { text-align:center; }
.activity .connector .arrowImage {
    background-image:url("/images/ActivityArrow.png");
    background-repeat:no-repeat; 
    background-position:center center; 
    height:30px;
    width:26px;    
    display:inline-block;
}

.activity.enforceSequence .connector .arrowImage {
    background-image:url("/images/ActivityArrow-Lock.png");
}

.progressBar
{
    height:24px;
    border:solid 1px #97c1ff;
    width:400px;
    background-color:#fff;
    -webkit-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px;
    -moz-box-shadow: rgba(0,0,0,0.15) 1px 1px 2px;
    box-shadow: rgba(0,0,0,0.15) 1px 1px 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.progress {
    height: 24px  !important;
    text-align: center;
    background-color: #7fabf4;
    background-image: url('/images/ProgressBack.png');
}

.progressText
{
    color:#000;    
    text-align:center;
    width:400px;
    line-height:24px;
}

iframe { border-style: none;}

#contentDialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#contentDialogMask {
    position:absolute;
    z-index:2000;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color: #000;
    opacity: .5
}

#contentDialogContentWrapper {
    position:absolute;
    z-index:2001;
    top:80px;
    bottom: 80px;
    left:80px;
    right: 80px;
    background-color: #000;
}

#contentDialogTitle {
    padding: 12px;
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: right;
}

#closeContentDialogButton {
    position:absolute; 
    top: 4px;
    right: 4px;
    cursor:pointer;
    background-image:url("/Images/CloseContentDialog.png");
    background-repeat:no-repeat;
    width:32px;
    height:32px;
}


#contentDialogContent {
    margin: 0 20px 20px 20px;
    position:absolute; 
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
}

#contentDialogIFrame {
    width: 100%;
    height: 100%;
}

#contentDialogVideo {
    width: 100%;
    height: auto;
    max-height: 100%;
    position: absolute;
    top: 50%; 
    transform: translateY(-50%);
}