@font-face {
    font-family: 'museo700';
    src: url('/assets/css/fonts/museo700-regular-webfont.eot');
    src: url('/assets/css/fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/css/fonts/museo700-regular-webfont.woff') format('woff'),
         url('/assets/css/fonts/museo700-regular-webfont.ttf') format('truetype'),
         url('/assets/css/fonts/museo700-regular-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo500';
    src: url('/assets/css/fonts/museo500-webfont.eot');
    src: url('/assets/css/fonts/museo500-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/css/fonts/museo500-webfont.woff') format('woff'),
         url('/assets/css/fonts/museo500-webfont.ttf') format('truetype'),
         url('/assets/css/fonts/museo500-webfont.svg#museo500medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
.annotator-listing { *zoom: 1; }
.annotator-listing:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; }


/* item 1 CSS */
.annotator-editor .annotator-widget { width: 540px; -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0); -o-box-shadow: 0px 0px 0px rgba(0,0,0,0); border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -o-border-radius: 12px; background: #fff; border: 2px solid #090d5b; box-shadow: 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0); background-color: #090d5b; }

.annotator-editor .annotator-item:first-child textarea { padding-left: 16px; font-family: 'museo500', arial, serif; font-style: italic; color: #8589da!important; width: 540px; height: 210px; resize: none; font-size: 18px; background: #fff; height: 210px!important; }
.annotator-listing { background-color: #fff;  }
.annotator-editor .annotator-listing { width: 540px !important; margin-bottom: 0 !important; background-color: #fff; border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; overflow: hidden; }
.annotator-controls { padding: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; background-color: #090d5b; border: 0; box-shadow: 0px 0px 0px; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; position: relative; border:0!important; }
.annotator-outer .course-adder { box-shadow: 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0); -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0); -o-box-shadow: 0px 0px 0px rgba(0,0,0,0); background: none!important; border: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border: 0; background-color: #090d5b; padding: 11px 0 0 14px; font-family: 'museo700', arial, serif; color: #fff!important; font-weight: normal; font-size: 18px; line-height: 20px; text-shadow: rgba(255,255,255,0) 10px 10px 2px; width:auto; position: relative; }
.annotator-outer .annotator-controls { background: none; border:0; box-shadow: 0px 0px 0px; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px;  }
.annotator-editor.annotator-invert-y .annotator-widget .annotator-controls {background-color: #090d5b; height: 40px;}
.annotator-editor.annotator-invert-y .annotator-widget::after {background-position: 0 -45px; height: 11px; position: absolute; top: -22px; -ms-transform: rotate(180deg); /* IE 9 */  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */  transform: rotate(180deg);}

.js-course-list { padding-top: 6px; }
.js-course-list .js-course-checkbox { margin-right: 8px; }
.js-course-list li { font-size: 18px; line-height: 20px; color: #fff; padding-bottom: 1px; width:100%; float:left; }

.annotator-editor .annotator-save { right: 108px; position: absolute; top: 8px; width: auto; display: inline-block; background: #fff!important; color: #090d5b!important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; padding: 3px 6px 1px 6px; border: 0; font-size: 18px; font-family: 'museo700', arial, serif; }
.annotator-editor .annotator-cancel { right: 13px; position: absolute; top: 8px; width: auto; display: inline-block; background: #fff!important; color: #090d5b!important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; padding: 3px 6px 1px 6px; border: 0; font-size: 18px; font-family: 'museo700', arial, serif; }
.annotator-editor .annotator-save:after,
.annotator-editor .annotator-cancel:after { display: none; }

.annotator-editor .annotator-widget:after { position: absolute; top: 100%; left: 43px; content: ''; border-top: 16px solid #090d5b; border-left: 16px solid transparent; border-right: 16px solid transparent; background: none; width: 0; height: 0; }

.annotator-adder { background: url(/images/pen-def.png) no-repeat 0 0; background-size: 100%; height: 53px; }
.annotator-adder:hover { background-image:url(/images/pen-hover.png); }
.annotator-adder:active { background-image:url(/images/pen-click.png); }

/* Item 2 CSS - if necessary */

.m-highlight-document-head { font-size: 24px; line-height: 26px; color: #203546; padding-top: 30px; }
.m-highlight-document-head h3 { color: #203546; border-bottom: 1px solid #f5f5f5; padding-left: 36px; padding-bottom: 15px; }
.m-highlight-document-head h3 a { color: #203546; display: inline-block; margin-left: -36px; }
.js-course-list .highlight-checks p.checks label span { cursor:pointer; background: url("/assets/img/icons/checks2.png"); width:27px; height: 24px; position:absolute; top:0; right:0; padding:0;}
.js-course-list .highlight-checks p.checks label.checked span { background-position:bottom;}
div.main div.doc_sections .js-course-list p.slimmer, div.overview .js-course-list p.slimmer {width:50px; float:left;}

.annotator-controls.student { padding-bottom: 40px; }





/* Item 3 CSS */