/*  Base Icon code, set size and background position     */
[class*="icon-"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-indent: -9999px;
    position: relative;
    display: inline-block;
    background: transparent url(../img/ui/icons/iconlist-v2.png) no-repeat top left;
    background-repeat: no-repeat;
    vertical-align: text-top;
    line-height: 20px;
}

.icon-rotate180 {
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    /* IE8+ - must be on one line, unfortunately */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246063538223773e-16, M21=-1.2246063538223773e-16, M22=-1, SizingMethod='auto expand')";
    /* IE6 and 7 */
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=-1, M12=1.2246063538223773e-16, M21=-1.2246063538223773e-16, M22=-1, SizingMethod='auto expand');
 
}

.icon-rotate180 {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.icon-add1 {
    background-position: 0 0;
}

    .icon-add1:hover, .uibtn:hover .icon-add1 {
        background-position: 0 -70px;
    }

.icon-add2 {
    background-position: 0 -70px;
}

.icon-add3 {
    background-position: -210px -1820px;
}

.icon-adv-open {
    background-position: -210px -210px;
}

.icon-adv-close {
    background-position: -210px -280px;
}

.icon-alert1 {
    background-position: 0 -140px;
}

    .icon-alert1:hover, .uibtn:hover .icon-alert1 {
        background-position: 0 -210px;
    }

.icon-alert2 {
    background-position: 0 -210px;
}

.icon-audio1 {
    background-position: 0 -280px;
}

.icon-audio2 {
    background-position: -280px -350px;
}

.icon-chat1 {
    background-position: 0 -350px;
}

.icon-chat-close {
    background-position: -280px -210px;
}

.icon-chat-min {
    background-position: -280px -280px;
}

.icon-doc-blank {
    background-position: -210px -1190px;
}

.icon-doc-excel {
    background-position: -210px -1260px;
}

.icon-doc-film {
    background-position: -210px -1330px;
}

.icon-doc-image {
    background-position: -210px -1400px;
}

.icon-doc-pdf {
    background-position: -210px -1470px;
}

.icon-doc-word {
    background-position: -210px -1540px;
}

.icon-doc-ppt {
    background-position: -280px -560px;
}

.icon-doc-zip {
    background-position: -280px -630px;
}

.icon-error1 {
    background-position: 0 -420px;
}

    .icon-error1:hover, .uibtn:hover .icon-error1 {
        background-position: 0 -490px;
    }

.icon-error2 {
    background-position: 0 -490px;
}

.icon-error3 {
    background-position: 0 -560px;
}

.icon-expand1 {
    background-position: 0 -630px;
}

    .icon-expand1:hover, .uibtn:hover .icon-expand1 {
        background-position: 0 -700px;
    }

.icon-expand2 {
    background-position: 0 -700px;
}

.icon-export1 {
    background-position: 0 -770px;
}

    .icon-export1:hover, .uibtn:hover .icon-export1 {
        background-position: 0 -840px;
    }

.icon-export2 {
    background-position: 0 -840px;
}

.icon-feedback {
    background-position: -210px -350px;
}

.icon-feedback1 {
    background-position: -210px -1750px;
}

.icon-feedback2 {
    background-position: -280px -490px;
}
/* gradebar feedback icn white*/
.icon-feedback3 {
    background-position: -280px -1120px;
}

.icon-flag1 {
    background-position: 0 -980px;
}

.icon-flag2 {
    background-position: 0 -1050px;
}

.icon-flag3 {
    background-position: -280px 0;
}

.icon-flat-address {
    background-position: 0 -1120px;
}

.icon-flat-attach {
    background-position: 0 -1190px;
}

.icon-flat-clock {
    background-position: 0 -1260px;
}

.icon-flat-location {
    background-position: 0 -1330px;
}

.icon-flat-notepad {
    background-position: 0 -1400px;
}

.icon-flat-preferences {
    background-position: 0 -1470px;
}

.icon-folder1 {
    background-position: -280px -140px;
}

.icon-go1 {
    background-position: 0 -1540px;
}

    .icon-go1:hover, .uibtn:hover .icon-go1 {
        background-position: 0 -1610px;
    }

.icon-go2 {
    background-position: 0 -1610px;
}

.icon-h-message {
    background-position: -210px -770px;
}

.icon-h-alert {
    background-position: -210px -840px;
}

.icon-h-student {
    background-position: -210px -910px;
}

.icon-indv {
    background-position: 0 -1680px;
}

.icon-info1 {
    background-position: 0 -1750px;
}

    .icon-info1:hover, .uibtn:hover .icon-info1 {
        background-position: 0 -1820px;
    }

.icon-info2 {
    background-position: 0 -1820px;
}

.icon-left1 {
    background-position: 0 -1890px;
}

    .icon-left1:hover, .uibtn:hover .icon-left1 {
        background-position: -70px 0;
    }

.icon-left2 {
    background-position: -70px 0;
}

.icon-mail1 {
    background-position: -70px -70px;
}

    .icon-mail1:hover, .uibtn:hover .icon-mail1 {
        background-position: -70px -140px;
    }

.icon-mail2 {
    background-position: -70px -140px;
}

.icon-mail3 {
    background-position: -70px -210px;
}

    .icon-mail3:hover, .uibtn:hover .icon-mail3 {
        background-position: -70px -280px;
    }

.icon-mail4 {
    background-position: -70px -280px;
}

.icon-play1 {
    background-position: -70px -350px;
}

    .icon-play1:hover, .uibtn:hover .icon-play1 {
        background-position: -70px -420px;
    }

.icon-play2 {
    background-position: -70px -420px;
}

.icon-plus {
    background-position: -70px -490px;
}

.icon-print1 {
    background-position: -70px -560px;
}

    .icon-print1:hover, .uibtn:hover .icon-print1 {
        background-position: -70px -631px;
    }

.icon-print2 {
    background-position: -70px -631px;
}

.icon-profile1 {
    background-position: -70px -700px;
}

    .icon-profile1:hover, .uibtn:hover .icon-profile1 {
        background-position: -70px -770px;
    }

.icon-profile2 {
    background-position: -70px -770px;
}

.icon-qa-right1 {
    background-position: -70px -840px;
}

.icon-qa-right2 {
    background-position: -70px -910px;
}

.icon-qa-wrong1 {
    background-position: -70px -980px;
}

.icon-qa-wrong2 {
    background-position: -70px -1050px;
}

.icon-qb-check1 {
    background-position: -70px -1120px;
}

    .icon-qb-check1:hover {
        background-position: -70px -1190px;
    }

.icon-qb-check2 {
    background-position: -70px -1190px;
}

.icon-qb-hint1 {
    background-position: -70px -1260px;
}

    .icon-qb-hint1:hover {
        background-position: -70px -1330px;
    }

.icon-qb-hint2 {
    background-position: -70px -1330px;
}

.icon-qb-showme1 {
    background-position: -70px -1400px;
}

    .icon-qb-showme1:hover {
        background-position: -70px -1470px;
    }

.icon-qb-showme2 {
    background-position: -70px -1470px;
}

.icon-qb-audio1 {
    background-position: -280px -770px;
}

    .icon-qb-audio1:hover {
        background-position: -280px -840px;
    }

.icon-qb-audio2 {
    background-position: -280px -840px;
}

.icon-qc-online {
    background-position: -210px -630px;
}

.icon-qc-offline {
    background-position: -210px -700px;
}

.icon-qn-lock1 {
    background-position: -70px -1540px;
}

    .icon-qn-lock1:hover {
        background-position: -70px -1610px;
    }

.icon-qn-lock2 {
    background-position: -70px -1610px;
}

.icon-qn-return1 {
    background-position: -70px -1680px;
}

    .icon-qn-return1:hover {
        background-position: -70px -1750px;
    }

.icon-qn-return2 {
    background-position: -70px -1750px;
}

.icon-qn-unlock1 {
    background-position: -70px -1820px;
}

    .icon-qn-unlock1:hover {
        background-position: -70px -1890px;
    }

.icon-qn-unlock2 {
    background-position: -70px -1890px;
}

.icon-qn-wrong1 {
    background-position: -140px 0;
}

    .icon-qn-wrong1:hover {
        background-position: -140px -70px;
    }

.icon-qn-wrong2 {
    background-position: -140px -70px;
}

.icon-remove1 {
    background-position: -140px -140px;
}

    .icon-remove1:hover, .uibtn:hover .icon-remove1 {
        background-position: -140px -210px;
    }

.icon-remove2 {
    background-position: -140px -210px;
}

.icon-retake1 {
    background-position: -140px -280px;
}

    .icon-retake1:hover, .uibtn:hover .icon-retake1 {
        background-position: -140px -350px;
    }

.icon-retake2 {
    background-position: -140px -350px;
}

.icon-retake3 {
    background-position: -210px -1890px;
}

.icon-right1 {
    background-position: -140px -420px;
}

    .icon-right1:hover, .uibtn:hover .icon-right1 {
        background-position: -140px -490px;
    }

.icon-right2 {
    background-position: -140px -490px;
}

.icon-rubric1 {
    background-position: -140px -560px;
}

.icon-rubric2 {
    background-position: -280px -420px;
}
/* gradebar rubric icn white*/
.icon-rubric3 {
    background-position: -280px -1050px;
}
.icon-search1 {
    background-position: -140px -630px;
}

    .icon-search1:hover, .uibtn:hover .icon-search1 {
        background-position: -140px -700px;
    }

.icon-search2 {
    background-position: -140px -700px;
}

.icon-search3 {
    background-position: -140px -770px;
}

    .icon-search3:hover, .uibtn:hover .icon-search3 {
        background-position: -140px -840px;
    }

.icon-search4 {
    background-position: -140px -840px;
}

.icon-settings1 {
    background-position: -140px -910px;
}

    .icon-settings1:hover, .uibtn:hover .icon-settings1 {
        background-position: -140px -980px;
    }

.icon-settings2 {
    background-position: -140px -980px;
}

.icon-share1 {
    background-position: -140px -1050px;
}

    .icon-share1:hover, .uibtn:hover .icon-share1 {
        background-position: -140px -1121px;
    }

.icon-share2 {
    background-position: -140px -1121px;
}

.icon-sources {
    background-position: -210px -490px;
}

.icon-standards {
    background-position: -210px -420px;
}

.icon-star {
    background-position: -210px -980px;
}

.icon-star1 {
    background-position: -140px -1190px;
}

.icon-star2 {
    background-position: -140px -1261px;
}

.icon-stargrey {
    background-position: -280px -700px;
}

.icon-star3 {
    background-position: -140px -1330px;
}

    .icon-star3:hover, .uibtn:hover .icon-star3 {
        background-position: -140px -1401px;
    }

.icon-star4 {
    background-position: -140px -1401px;
}

.icon-stop1 {
    background-position: -140px -1470px;
}

    .icon-stop1:hover, .uibtn:hover .icon-stop1 {
        background-position: -140px -1540px;
    }

.icon-stop2 {
    background-position: -140px -1540px;
}

.icon-stop3 {
    background-position: -140px -1610px;
}

.icon-success1 {
    background-position: -140px -1680px;
}

    .icon-success1:hover, .uibtn:hover .icon-success1 {
        background-position: -140px -1750px;
    }

.icon-success2 {
    background-position: -140px -1750px;
}

.icon-success3 {
    background-position: -140px -1820px;
}

    .icon-success3:hover, .uibtn:hover .icon-success3 {
        background-position: -140px -1890px;
    }

.icon-success4 {
    background-position: -140px -1890px;
}

.icon-success5 {
    background-position: -210px 0;
}

.icon-table-expand1 {
    background-position: -210px -1050px;
}

    .icon-table-expand1:hover {
        background-position: -210px -1120px;
    }

.icon-table-expand2 {
    background-position: -210px -1120px;
}

.icon-transcripts {
    background-position: -210px -560px;
}

.icon-trash1 {
    background-position: -280px -70px;
}

.icon-tog1 {
    background-position: -210px -70px;
}

    .icon-tog1:hover, .uibtn:hover .icon-tog1 {
        background-position: -210px -140px;
    }

.icon-tog2 {
    background-position: -210px -140px;
}

.icon-whatsthis1 {
    background-position: -210px -1610px;
}

    .icon-whatsthis1:hover, .uibtn:hover .icon-whatsthis1 {
        background-position: -210px -1680px;
    }

.icon-whatsthis2 {
    background-position: -210px -1680px;
}

/* added icon for layout preferences on tablet - add to player masthead float right in nav left of language options */

.icon-lopref {
    background-position: -280px -910px;
}

.icon-shrink1 {
	background-position: -280px -1190px;
}

    .icon-shrink1:hover, .uibtn:hover .icon-shrink1 {
		background-position: -280px -1260px;
    }

.icon-shrink2 {
	background-position: -280px -1260px;
}

.icon-add {
    background: url(../img/ui/icn-add.png) 50% 50% no-repeat;
}

.icon-print {
    background: url(../img/ui/icn-print.png) 50% 50% no-repeat;
}

.icon-export {
    background: url(../img/ui/icn-export.png) 50% 50% no-repeat;
}

.icon-indv {
    background: url(../img/ui/icn-indv.png) 50% 50% no-repeat;
}

.icon-x {
    background: url(../img/ui/icn-x-off.png) 50% 50% no-repeat;
}

    .icon-x:hover, .uibtn:hover .icon-x {
        background: url(../img/ui/icn-x-on.png) 50% 50% no-repeat;
    }

.icon-plus {
    background: url(../img/ui/icn-plus-off.png) 50% 50% no-repeat;
}

    .icon-plus:hover, .uibtn:hover .icon-plus {
        background: url(../img/ui/icn-plus-on.png) 50% 50% no-repeat;
    }

.icon-info {
    margin-top: -10px;
    background: url(../img/ui/icn-info-off.png) 50% 50% no-repeat;
}

    .icon-info:hover, .uibtn:hover .icon-info {
        background: url(../img/ui/icn-info-on.png) 50% 50% no-repeat;
    }

.icon-group {
    margin-top: -9px;
    background: url(../img/ui/icn-group-off.png) 50% 50% no-repeat;
}

    .icon-group:hover, .uibtn:hover .icon-group {
        background: url(../img/ui/icn-group-on.png) 50% 50% no-repeat;
    }

.icon-settings {
    margin-top: -9px;
    background: url(../img/ui/icn-gear-off.png) 50% 50% no-repeat;
}

    .icon-settings:hover, .uibtn:hover .icon-settings {
        background: url(../img/ui/icn-gear-on.png) 50% 50% no-repeat;
    }

.icon-user {
    background: url(../img/ui/icn-lg-user-off.png) 50% 50% no-repeat;
}

    .icon-user:hover, .uibtn:hover .icon-user {
        background: url(../img/ui/icn-lg-user-on.png) 50% 50% no-repeat;
    }

.icon-email {
    margin-top: -8px;
    background: url(../img/ui/icn-lg-mail-off.png) 50% 50% no-repeat;
}

    .icon-email:hover, .uibtn:hover .icon-email {
        background: url(../img/ui/icn-lg-mail-on.png) 50% 50% no-repeat;
    }

.icon-notification {
    background: url(../img/ui/icn-lg-notification-off.png) 50% 50% no-repeat;
}

    .icon-notification:hover, .uibtn:hover .icon-notification {
        background: url(../img/ui/icn-lg-notification-on.png) 50% 50% no-repeat;
    }

/* "status" icons, set size to be a little smaller */

[class^="icon-status"] {
    display: inline-block;
    width: 8px;
    height: 8px;
    position: relative;
    top: -1px;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.icon-status-offline,
.icon-status {
    border: 1px solid #999999;
    background-position: bottom center;
    background-repeat: repeat-x;
    background-color: #e1e1e1;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAICAIAAABcT7kVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUMzRUU0NUZGQzMwMTFFMTg3RDM5QTM5RkUxRTMyN0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUMzRUU0NjBGQzMwMTFFMTg3RDM5QTM5RkUxRTMyN0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzNFRTQ1REZDMzAxMUUxODdEMzlBMzlGRTFFMzI3QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzNFRTQ1RUZDMzAxMUUxODdEMzlBMzlGRTFFMzI3QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjOu7DkAAAArSURBVHjaYnz48OHfv39Z/vz5w8DAAKN+//4NooASSNT///+BFBOEAggwAENrGncvv2tuAAAAAElFTkSuQmCC);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#cccccc));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(top, #e1e1e1, #cccccc);
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #e1e1e1, #cccccc);
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(top, #e1e1e1, #cccccc);
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to bottom, #e1e1e1, #cccccc);
    /* Firefox 16+, IE10, Opera 12.50+ */
}

.icon-status-online {
    border-color: #6a9f37;
    background-color: #aee775;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAICAIAAABcT7kVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUMzRUU0NUJGQzMwMTFFMTg3RDM5QTM5RkUxRTMyN0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUMzRUU0NUNGQzMwMTFFMTg3RDM5QTM5RkUxRTMyN0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzNFRTQ1OUZDMzAxMUUxODdEMzlBMzlGRTFFMzI3QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzNFRTQ1QUZDMzAxMUUxODdEMzlBMzlGRTFFMzI3QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvypA18AAAAsSURBVHjaYln3vPTv378sf37/YWBgYPkNoX79/A3m/fqNxPv1CyoIUgIQYAAg6BmzqWWLhQAAAABJRU5ErkJggg==);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#aee775), to(#89bd55));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(top, #aee775, #89bd55);
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #aee775, #89bd55);
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(top, #aee775, #89bd55);
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to bottom, #aee775, #89bd55);
    /* Firefox 16+, IE10, Opera 12.50+ */
}

.icon-status-away {
    border-color: #d8941d;
    background: #fdde66;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZGU2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGI2MmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdde66), color-stop(100%, #f8b62d));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fdde66 0%, #f8b62d 100%);
    /* W3C */
}

.icon-status-na {
    border-color: #da4a19;
    background: #fe8c66;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOGM2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYzc3NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe8c66), color-stop(100%, #ec774f));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fe8c66 0%, #ec774f 100%);
    /* W3C */
}

/* Base "report" icon code, set size to be a little bigger */
.icon-report {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    background: transparent url(../img/ui/icons/reports.png) no-repeat top left;
}

.icon-report-completion {
    background-position: 0 0;
    width: 60px;
    height: 60px;
}

.icon-report-detail i {
    background-position: 0 -100px;
    width: 60px;
    height: 60px;
}

.icon-report-log {
    background-position: 0 -200px;
    width: 60px;
    height: 60px;
}

.icon-report-metrics {
    background-position: 0 -300px;
    width: 60px;
    height: 60px;
}

.icon-report-star {
    background-position: 0 -400px;
    width: 60px;
    height: 60px;
}

.icon-report-student {
    background-position: 0 -500px;
    width: 60px;
    height: 60px;
}