html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figure,figcaption,footer,header,hgroup,menu,nav,section,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font: 13px/1.231 sans-serif;
    *font-size: small;
}

select,textarea,button {
    font: 99% sans-serif;
}

abbr[title] {
    border-bottom: 1px dotted;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

pre,code,kbd,samp {
    font-family: monospace,monospace;
    _font-family: 'courier new',monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,q:after {
    content: "";
    content: none;
}

small {
    font-size: 85%;
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ul,ol {
    margin: 0;
    padding: 0;
}

nav ul,nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    _margin-left: -1px;
    _margin-top: -1px;
}

img,object,embed {
    max-width: 100%;
}

svg:not(:root) {
    overflow: hidden;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

a {
    text-decoration: none;
}

a:visited {
    color: #fff;
}

a:active {
    color: #fff
}

*,*:before,*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,body {
    height: 100%
}

.wrap {
    width: 760px;
    margin: auto;
    position: relative
}

.wrap:before,.wrap:after {
    content: " ";
    display: table
}

.wrap:after {
    clear: both
}

.sprite {
    background: url(../img/sprite_full_v5.T5NRpH65) no-repeat
}

.icon-nav,.icon-pb,.icon-ab {
    display: block;
    height: 76px;
    width: 76px
}

.icon-attachment {
    display: block;
    height: 48px;
    width: 48px
}

.icon-close-white,.icon-squares,.icon-pointer,.icon-pencil,.icon-marker,.icon-rubber,.icon-clear-all,.icon-palette,.icon-arrow-left,.icon-arrow-right,.icon-close-dark-red,.icon-close-black,.icon-close-xwhite,.icon-close-xviolet,.icon-move {
    height: 48px;
    width: 48px
}

.icon-aside-open,.icon-aside-closed,.icon-sound,.icon-vbox,.icon-star-red,.icon-small-arrow-left,.icon-zoom1,.icon-zoom2,.icon-resize {
    height: 36px;
    width: 36px
}

.icon-attach-close,.icon-attach-launch {
    width: 72px;
    height: 36px
}

.icon-yes,.icon-no,.icon-ok,.icon-add-link-confirm,.icon-add-link-cancel {
    width: 108px;
    height: 36px
}

.icon-add-link {
    width: 140px;
    height: 36px
}

.icon-save {
    width: 48px;
    height: 24px
}

.icon-toolbar-open,.icon-toolbar-close,.icon-trash,.icon-tack-small,.icon-enlarge,.icon-close-small,.icon-minime {
    height: 24px;
    width: 24px
}

.icon-double-wing {
    height: 12px;
    width: 25px
}

.icon-home {
    background-position: 0 0
}

.icon-person {
    background-position: -76px 0
}

.icon-bookmark {
    background-position: -152px 0
}

.icon-media {
    background-position: -228px 0
}

.icon-film {
    background-position: -304px 0
}

.icon-micro {
    background-position: -380px 0
}

.icon-imgs {
    background-position: -456px 0
}

.icon-cloud {
    background-position: -532px 0
}

.icon-link {
    background-position: -608px 0
}

.icon-star {
    background-position: -684px 0
}

.icon-arrow {
    background-position: -760px 0
}

.icon-plus {
    background-position: -836px 0
}

.icon-list {
    background-position: -912px 0
}

.icon-tack {
    background-position: -988px 0
}

.icon-clip {
    background-position: -1064px 0
}

.icon-note {
    background-position: -1140px 0
}

.icon-selection {
    background-position: -1216px 0
}

.icon-draw {
    background-position: -1292px 0
}

.icon-pb {
    background-position: -1440px 0
}

.icon-ab {
    background-position: -1512px 0
}

.icon-attachment {
    background-position: -624px -76px
}

.icon-squares {
    background-position: 0 0
}

.icon-close-white {
    background-position: 0 -76px
}

.icon-squares {
    background-position: -48px -76px
}

.icon-pointer {
    background-position: -96px -76px
}

.icon-pencil {
    background-position: -144px -76px
}

.icon-marker {
    background-position: -192px -76px
}

.icon-rubber {
    background-position: -240px -76px
}

.icon-clear-all {
    background-position: -672px -76px
}

.icon-palette {
    background-position: -288px -76px
}

.icon-arrow-left {
    background-position: -336px -76px
}

.icon-arrow-right {
    background-position: -384px -76px
}

.icon-close-black {
    background-position: -432px -76px
}

.icon-close-xwhite {
    background-position: -480px -76px
}

.icon-move {
    background-position: -528px -76px
}

.icon-close-xviolet {
    background-position: -576px -76px
}

.icon-star-red {
    background-position: 0 -124px
}

.icon-small-arrow-left {
    background-position: -36px -124px
}

.icon-zoom1 {
    background-position: -72px -124px
}

.icon-zoom2 {
    background-position: -108px -124px
}

.icon-resize {
    background-position: -144px -124px
}

.icon-aside-open {
    background-position: -180px -124px
}

.icon-aside-closed {
    background-position: -216px -124px
}

.icon-vbox {
    background-position: -252px -124px
}

.icon-sound {
    background-position: -288px -124px
}

.icon-yes {
    background-position: -324px -124px
}

.icon-no {
    background-position: -432px -124px
}

.icon-ok {
    background-position: -324px -160px
}

.icon-add-link {
    background-position: -685px -124px
}

.icon-add-link-confirm {
    background-position: -864px -124px
}

.icon-add-link-cancel {
    background-position: -972px -124px
}

.icon-text-highlight {
    background-position: -1081px -124px
}

.icon-attach-close {
    background-position: -540px -124px
}

.icon-attach-launch {
    background-position: -612px -124px
}

.icon-toolbar-open {
    background-position: -24px -160px
}

.icon-toolbar-close {
    background-position: 0 -160px
}

.icon-trash {
    background-position: -48px -160px
}

.icon-tack-small {
    background-position: -74px -160px
}

.icon-enlarge {
    background-position: -98px -160px
}

.icon-minime {
    background-position: -146px -160px
}

.icon-save {
    background-position: -169px -160px
}

.icon-save-alert {
    background-position: -265px -160px
}

.icon-close-small {
    background-position: -122px -160px
}

.icon-double-wing {
    background-position: 0 -184px
}

.content-page {
    padding-top: 116px
}

.shadow {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.75);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.75)
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.toolbar {
    z-index: 7
}

.subnav-list,.subnav-double,.subnav-triple,.subnav-full,.navbar,.footer-navbar {
    z-index: 6
}

.breadcrum {
    z-index: 5
}

.draw-board,.dark-background,.sticky-note-open,.sticky-note-closed {
    z-index: 4
}

.pag-next,.pag-prev,.main-content {
    z-index: 3
}

.aside-open,.aside-closed {
    z-index: 2
}

@font-face {
    font-family:'muli';src:url('../fonts/muli/muli-regular-webfont.eot');src:url('../fonts/muli/muli-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/muli/muli-regular-webfont.woff') format('woff'),url('../fonts/muli/muli-regular-webfont.ttf') format('truetype'),url('../fonts/muli/muli-regular-webfont.svg#webfont') format('svg')
}

@font-face {
    font-family:'Muli Italic';src:url('../fonts/muli/muli-italic-webfont.eot');src:url('../fonts/muli/muli-italic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/muli/muli-italic-webfont.woff') format('woff'),url('../fonts/muli/muli-italic-webfont.ttf') format('truetype'),url('../fonts/muli/muli-italic-webfont.svg#webfont') format('svg')
}

.breadcrum h1 {
    font-family: 'Muli';
    font-size: 24px;
    line-height: 40px
}

.subnav-list a {
    font-family: 'Muli';
    font-size: 24px;
    color: #fff
}

.subnav-full h1 {
    font-family: 'Muli';
    color: #fff;
    font-size: 35px;
    font-weight: bold
}

.audio-content p,.audio-button p {
    font-family: 'Muli';
    font-weight: bold;
    line-height: 35px;
    font-size: 17px
}

.custom-list a {
    font-family: 'Muli';
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    line-height: 36px
}

.main-header {
    margin: auto;
    width: 1016px
}

.main-nav:before,.main-nav:after {
    content: " ";
    display: table
}

.main-nav:after {
    clear: both
}

.main-nav {
    list-style: none;
    background-color: #06699b;
    padding-left: 125px
}

.main-nav .menu-item {
    float: left;
    height: 76px;
    position: relative;
    background-color: #fff
}

.subnav-triple {
    width: 228px;
    position: absolute;
    top: 76px;
    margin-left: -76px
}

.subnav-double {
    width: 152px;
    position: absolute;
    top: 76px;
    display: none
}

.subnav-list {
    width: 456px;
    position: absolute;
    top: 76px;
    left: -76px
}

.subnav-list li {
    background-color: #08699c;
    border-bottom: 2px solid #81b0cc;
    display: block
}

.subnav-list li>a {
    display: block;
    height: 46px;
    line-height: 46px;
    padding: 0 32px;
    color: #81b0cc
}

.subnav-list li:focus>a,.subnav-list li:active>a,.subnav-list li:hover>a,.subnav-list li.current>a {
    color: #fff;
}

.subnav-list-index {
    width: 304px;
    min-height: 245px;
    background-color: #eff;
    position: absolute;
    right: -304px;
    padding: 10px 10px 10px 12px;
    top:0;
}

.box{
    width:122px;
    min-height:80px;
    right:-122px;
    top:46px;
}

.subnav-list-index .item {
    position: relative;
    margin: 7px;
    width: 79px;
    height: 100px;
    float: left;
}

.budget {
    position: absolute;
    bottom: 0;
    right: 0;
}

.link-item,.cloud-item {
    left: 0;
    top: 76px;
}

.link-item {
    background-color: #39b993;
}

.cloud-item {
    background-color: #0cf;
}

.media-item {
    background-color: #2877ed;
}

.audio-gallery,.video-gallery,.img-gallery {
    left: -152px;
}

.bookmark-item {
    background-color: #f0c;
    left: -380px;
}

.mark {
    height: 36px;
    margin-top: 5px;
    width: 36px;
}

.subnav-full {
    position: absolute;
    width: 760px;
}

.subnav-full h1 {
    margin: 23px 0 0 23px;
}

.subnav-full.audio-gallery h1 {
    margin: 10px 0 0 23px
}

.video-reproductor {
    background-color: #000;
    margin: 16px 0 0 23px;
    width: 500px;
}

.video-list {
    height: 280px;
    margin-right: 40px;
    margin-top: 16px;
    overflow: auto;
    width: 350px
}

.video-list img {
    border: 2px solid #fff;
    margin: 0 10px 6px 0
}

.audio-content {
    margin-left: 50px;
    margin-top: 20px;
    width: 920px;
    color: #fff;
    max-height: 140px;
    overflow: auto
}

.audio-reproductor {
    margin-top: 23px;
    height: 45px;
    width: 100%;
    background-color: #fff
}

.audio-button {
    width: 200px;
    height: 35px;
    background-color: #94bbf6;
    color: #fff;
    margin: 15px auto;
    text-align: center;
    cursor: pointer
}

.custom-list {
    margin: 20px 0 0 60px
}

.custom-list li {
    margin-bottom: -3px
}

.custom-list a {
    text-decoration: none;
    margin-left: 6px
}

.breadcrum {
    height: 40px;
    background-color: #06699b;
    position: relative
}

.breadcrum h1 {
    color: #fff;
    margin-left: 125px
}

.breadcrum-view {
    padding-top: 2px;
    width: 117px;
    height: 40px;
    position: absolute;
    right: 120px;
    top: 0
}

.breadcrum-view .sprite {
    margin-right: 3px
}

.button-close {
    position: absolute;
    top: 0;
    right: 0
}

.sticky-note-open {
    background-color: #5d3ab8;
    width: 250px;
    height: 162px;
    min-width: 250px;
    max-width: 100%;
    min-height: 162px;
    max-height: 600px;
    position: absolute;
    left: 100px;
    top: 200px;
    padding: 4px 6px 7px 6px
}

.sticky-note-closed {
    background-color: #5d3ab8;
    width: 85px!important;
    height: 30px!important;
    position: absolute;
    left: 100px;
    top: 200px;
    overflow: hidden;
    padding: 4px 0 0 6px
}

.sticky-note-closed textarea,.sticky-note-closed .notes-resize-handler {
    visibility: hidden
}

.sticky-note-open textarea,.sticky-note-open .notes-resize-handler {
    visibility: visible
}

.sticky-note-text {
    min-width: 100%;
    min-height: 105px;
    height: -webkit-calc(100% - 50px);
    height: calc(100% - 50px);
    margin-top: 2px;
    resize: none;
    width: 100%;
    font-size: 20px;
    font-family: 'Muli'
}

.hide-board {
    background-color: #30a8cf;
    position: absolute;
    bottom: 200px;
    left: 200px;
    width: 300px;
    height: 250px;
    border: 2px solid #fff
}

.draw-board {
    height: 100%;
    position: absolute;
    top: 116px;
    width: 100%;
    visibility: hidden
}

.draw-board {
    background-color: #fff
}

.dark-background {
    background: rgba(0,0,0,0.4);
    background: -webkit-gradient(linear,0 0,100% 0,from(rgba(0,0,0,0.4)),to(rgba(0,0,0,0.4)));
    background: -webkit-linear-gradient(left,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.4) 100%);
    background: -moz-linear-gradient(left,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.4) 100%);
    background: -o-linear-gradient(left,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(left,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=1);
    height: 960px;
    position: absolute;
    top: 0;
    width: 100%;
    visibility: hidden
}

.pag-next,.pag-prev {
    position: absolute;
    top: calc(50% - 48px)
}

.pag-next {
    right: 0
}

.pag-prev {
    left: 0
}

.main-content {
    margin: auto;
    position: relative;
    width: 1016px;
    min-height: calc(100% - 116px)
}

.main-image,.main-image img {
    position: relative;
    margin: 0 auto;
    text-align: center
}

.main-image img {
    margin: 0 auto;
    margin-bottom: 10px;
    z-index: 100
}

.content-page {
    padding: 15px 0;
    position: absolute;
    right: 62px;
    width: 635px
}

.aside-open,.aside-closed {
    width: 36px;
    background-color: #fff;
    border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-width: 1px 0 1px 1px;
    border-color: #e5e5e5;
    border-style: solid;
    position: absolute;
    left: 27px
}

.aside-open {
    height: 110px;
    top: 258px
}

.aside-closed {
    height: 38px;
    top: 600px
}

.toolbar {
    background-color: #fff;
    bottom: -815px;
    height: 68px;
    padding: 10px 5px 10px 10px;
    position: absolute;
    right: 0;
    width: 368px
}

.toolbar-open,.toolbar-close {
    position: absolute;
    top: 0;
    left: -24px
}

.toolbar-bullet {
    width: 48px;
    height: 48px
}

.toolbar ul {
    list-style: none;
    float: right
}

.toolbar ul li {
    float: left;
    margin: 0 5px;
    width: 48px;
    height: 48px;
    position: relative
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 25px solid #fff;
    position: absolute;
    right: 14px;
    top: -24px
}

.toolbar-menu {
    width: 68px;
    height: 132px;
    background-color: #fff;
    position: absolute;
    top: -142px;
    right: -11px
}

.pencil-size {
    right: -39px
}

.palette-colors {
    padding-top: 6px;
    height: 212px;
    top: -236px
}

.palette-color {
    margin: 0 auto 8px auto;
    height: 15px;
    width: 54px
}

.palette-white {
    background-color: #fff;
    border: 1px solid #000
}

.palette-black {
    background-color: #000
}

.palette-red {
    background-color: #ec1e24
}

.palette-orange {
    background-color: #f2a624
}

.palette-yellow {
    background-color: #fcf204
}

.palette-green {
    background-color: #3cb64c
}

.palette-blue {
    background-color: #04aeec
}

.palette-darkblue {
    background-color: #242264
}

.palette-purple {
    background-color: #951d87
}

.pencil-size-big,.pencil-size-normal,.pencil-size-small {
    background-color: #000;
    border-radius: 50px;
    position: absolute
}

.pencil-size-big {
    bottom: 11px;
    height: 40px;
    left: 14px;
    width: 40px
}

.pencil-size-normal {
    bottom: 60px;
    height: 32px;
    left: 18px;
    width: 32px
}

.pencil-size-small {
    bottom: 101px;
    height: 20px;
    left: 24px;
    width: 20px
}

.main-footer {
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    width: 1024px;
    overflow: hidden
}

.footer-navbar-open {
    position: fixed;
    bottom: 0;
    width: 1016px;
    height: 176px;
    background-color: #333;
    overflow: hidden
}

.footer-navbar-closed {
    bottom: 0;
    position: fixed;
    width: 1016px;
    overflow: hidden;
    height: 20px;
    background-color: #333
}

.footer-navbar-items {
    height: 100%;
    list-style: none outside none;
    width: 9999px
}

.footer-navbar-item {
    float: left;
    height: 94px;
    margin-right: 21px;
    width: 79px
}

.footer-navbar-item p {
    text-align: center;
    color: #fff;
    margin-top: 10px
}

.active img {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-style: solid;
    border-color: #f09100;
    border-width: 3px 2px
}

.active p {
    color: #f09100
}

.library {
    height: 128px;
    width: 835px;
    overflow: hidden;
    position: relative;
    top: 24px;
    left: 90px
}

.arrow-left,.arrow-right {
    bottom: 64px;
    height: 48px;
    position: absolute;
    width: 48px
}

.arrow-left {
    left: 26px
}

.arrow-right {
    right: 26px
}

.footer-icon {
    width: 25px;
    height: 12px;
    position: absolute;
    top: 3px;
    right: 368px
}

@import url('reset.css');

@import url('screen.css');

@import url('fonts.css');

@import url('components.css');

@import url('developer.css');

body,html {
    height: 100%;
    background-color: #3e8ec9
}

.hidden {
    display: none
}

nav.navbar {
    background-color: #fff
}

.navArrows {
    position: absolute;
    top: 115px;
    height: 700px;
    width: 760px;
    z-index: 151000
}

.imgcover {
    width: 100%;
    height: 812px;
    position: relative;
    margin: 0 auto
}

#closeActivityPopup .sprite.activity {
    height: 36px;
    width: 36px;
    background-position: -5px -82px
}

.floating-activity #closeActivityPopup.close {
    width: 36px;
    height: 36px
}

.popup-wrap {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-left: -105px
}

.pag-next {
    right: 6px
}

.pag-prev {
    left: 6px
}

.stickyNote {
    overflow: hidden
}

.pull-center {
    display: block;
    position: relative;
    margin: 0 auto
}

.pull-center-inline {
    display: inline-block;
    position: relative;
    margin: 20px
}

.icon-note {
    background-position: -1137px 0
}

.total-border {
    position: relative;
    width: 1022px;
    margin: 0 auto;
    border: 3px solid #2f428f;
    border-top: 0;
    height: auto;
    background: #06699b
}

.devPopupContainer {
    position: absolute;
    top: -500px;
    width: 760px;
    margin-left: 0;
    z-index: 1000
}

.devPageContainer {
    position: relative;
    z-index: 0;
    overflow: visible
}

.menu-item.sprite.icon-zoom1.pull-left,.menu-item.sprite.icon-zoom2.pull-left {
    cursor: pointer
}

.main-content .floating-elements {
    background-color: white;
    width: 36px;
    min-height: 36px;
    position: absolute;
    left: 27px;
    border: 1px solid #e0e0e0;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    box-shadow: -2px 0 6px #e0e0e0;
    z-index: 99
}

.main-content .floating-elements>div {
    cursor: pointer
}

.main-content .floating-elements.closed {
    height: 37px;
    overflow: hidden
}

.main-content .floating-elements.closed .icon-aside-open {
    background-position: -216px -124px
}

.subnav-triple {
    display: none
}

.main-nav .menu-item {
    width: 76px;
}
/* #createMask{
    margin-left:40px;
} */

.button-close {
    cursor: pointer
}

.audio-content a {
    color: #fff;
    font-weight: normal;
    width: 23.5%;
    display: inline-block;
    vertical-align: top
}

.bookmark-item {
    background-color: #f0c;
    left: 0
}

.audio-gallery,.video-gallery,.img-gallery {
    left: 0
}

.subnav-full {
    height: 550px;
    position: absolute;
    width: 1018px;
    display: none
}

.subnav-full.audio-gallery {
    height: 850px;
    max-height: 850px;
    min-height: 300px;
    padding: 20px 0
}

.subnav-full.img-gallery {
    height: 280px
}

.subnav-full.img-gallery .arrow-left,.subnav-full.img-gallery .arrow-right {
    position: absolute;
    top: 115px
}

.subnav-full.img-gallery .arrow-left {
    left: 16px
}

.subnav-full.img-gallery .arrow-right {
    right: 16px
}

#no-flashcards-msg {
    color: #06699b;
    font-size: 28px;
    text-align: center;
    margin-top: 35px
}

.flashcards-thumbs {
    width: 800px;
    left: 100px;
    top: 25px;
    position: relative;
    overflow: hidden
}

.flashcards-thumbs ul {
    white-space: nowrap;
    position: relative;
    left: 0
}

.flashcards-thumbs ul li {
    display: inline-block;
    margin-right: 20px;
    width: 79px;
    height: 100px
}

.flashcards-thumbs ul li .flashcard-back {
    position: absolute;
    text-align: center;
    width: 79px;
    height: 100px;
    -moz-transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    background-color: white;
    color: #000;
    font-weight: bold;
    word-wrap: break-word;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 1.2em;
    white-space: normal;
    padding: 7px;
    cursor: pointer
}

.flashcard-wrapper-fullscreen .flashcard-back {
    position: absolute;
    text-align: center;
    width: 95%;
    height: 100%;
    -moz-transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    background-color: white;
    color: #000;
    font-weight: bold;
    word-wrap: break-word;
    font-size: 38px;
    line-height: 1.2em;
    white-space: normal;
    padding: 7px;
    cursor: pointer
}

.flashcards-thumbs ul li img {
    cursor: pointer;
    width: 79px;
    height: 100px
}

.flashcards-thumbs ul li.active img,.flashcards-thumbs ul li.active .flashcard-back {
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-color: #f09100;
    border-width: 3px 2px
}

.flashcards-thumbs ul li.active span {
    color: #f09100
}

.flashcard-wrapper-fullscreen img,.flashcard-wrapper-fullscreen .flashcard-back {
    width: auto;
    max-width: 100%;
    height: 100%;
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 155px;
    cursor: pointer;
    color: black
}

.flashcard-wrapper-fullscreen .flashcard-back {
    width: 70%;
    height: 150px;
    line-height: 150px;
    overflow: visible;
    position: absolute;
    top: 45%;
    margin-top: -75px;
    color: black
}

.flashcard-wrapper-fullscreen {
    height: 888px;
    text-align: center;
    padding-top: 13px;
    position: relative
}

.audio-gallery-transcriptions {
    background-color: #fff;
    color: #000
}

.highlight-button {
    background-color: #94bbf6;
    color: #fff;
    text-align: center;
    cursor: pointer;
    width: 36px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 627px;
    margin: 0;
    display: none
}

.highlight-button.active {
    box-shadow: 1px 1px 8px #333 inset
}

.highlight-button:active,.highlight-button:focus {
    box-shadow: 1px 1px 2px #555 inset
}

.highlight-button-individual {
    background-color: #5d3ab8;
    color: #fff;
    text-align: center;
    cursor: pointer;
    width: 36px;
    height: 35px;
    position: absolute;
    top: 40px;
    left: 424px;
    margin: 15px 0
}

.highlight-button-individual:active,.highlight-button-individual:focus {
    box-shadow: 1px 1px 2px #555 inset
}

.highlighted {
    background-color: #fcf595
}

.transcription {
    display: none;
    padding: 20px;
    width: 90%;
    position: relative;
    margin: 10px auto;
    color: #000;
    height: 430px;
    overflow: hidden;
    font-size: 26px;
    font-family: 'Muli';
    font-weight: normal;
    line-height: 1.5em
}

.transcription .inner_trans {
    font-weight: bold;
    font-size: 1.15em;
    color: #d0d0d0
}

.menu-item,.icon-trash {
    cursor: pointer
}

.custom-list {
    list-style-type: none;
    margin: 10px 0 0 33px
}

.custom-list.double-column {
    display: inline-block;
    width: 320px;
    vertical-align: top
}

.custom-list.double-column h3 {
    font-family: 'Muli';
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-left: -14px
}

.stickyNote .notes-resize-handler {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    opacity: .35;
    background: url(../img/dragger.T5NRpH65) no-repeat bottom right;
    cursor: nwse-resize
}

.stickyNote .icon-save {
    padding: 5px 0
}

.stickyNote .icon-save:active {
    background-position: -217px -160px
}

.subnav-list.workbook li {
    background-color: #db552d;
    border-bottom-color: #ed9d85
}

.subnav-list.workbook li a {
    color: #ed9d85
}

.subnav-list.workbook li:focus>a,.subnav-list.workbook li:active>a,.subnav-list.workbook li:hover>a,.subnav-list.workbook li.current>a {
    color: #fff
}

.subnav-list.workbook {
    left: -152px
}

.subnav-list li .icon-small-arrow-left {
    display: none
}

.subnav-list li.current .icon-small-arrow-left {
    display: block
}

.subnav-list-index .item {
    opacity: .6
}

.custom-list .icon-trash,.custom-list a {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.trnsLayer {
    position: relative;
    height: 305px
}

.main-header {
    z-index: 100;
    position: relative
}

.netex-video-fullscreen .main-header {
    position: initial
}

.video-fullscreen .main-header {
    position: auto
}

.subnav-list-index .item .budget.icon-star-red {
    display: none
}

.subnav-list-index .item.bookmarked .budget.icon-star-red {
    display: block;
    opacity: .95
}

.subnav-list-index .item {
    height: 63px
}

.main-footer {
    position: fixed;
    bottom: 1px;
    left: 8px;
    margin: 0 auto;
    display: block
}

.netex-video-fullscreen .main-footer {
    display: none!important
}

.main-footer footer {
    box-shadow: inset 0 7px 12px -7px #000;
    font-family: 'Muli';
    font-size: 14px
}

footer.footer-navbar-closed {
    position: relative!important;
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

footer.footer-navbar-open {
    position: relative!important;
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.footer-navbar-open {
    position: relative
}

footer .arrow-left,footer .arrow-right {
    top: 64px;
    bottom: auto
}

.footer-navbar-item img {
    width: 79px;
    max-height: 100px;
    border-width: 2px
}

footer .footer-icon {
    padding: 5px 30px;
    height: 18px;
    right: 50%;
    margin-top: -5px;
    margin-right: -45px;
    padding-right: 60px;
    background-position: 34px -184px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

footer .footer-navbar-items {
    position: relative;
    width: auto;
    white-space: nowrap
}

footer .footer-navbar-item {
    cursor: pointer;
    float: none;
    display: inline-block;
    margin-right: 0;
    padding-right: 21px;
    width: 100px;
    padding-top: 28px
}

.link-item,.cloud-item {
    top: 0;
    height: 495px
}

.main-content {
    text-align: center;
    min-height: 811px;
    max-height: 811px;
    overflow: hidden;
    background-color: white
}

.main-image,.main-image img {
    max-width: 1896px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -ms-user-select: none
}

.video-list img {
    width: 143px;
    height: 86px
}

.icon-sound .devEditTranscript.divContentEdit {
    display: block;
    z-index: 10000;
    max-height: 300px
}

.icon-sound .devEditTranscript {
    width: 420px;
    position: relative;
    left: 80px;
    padding: 12px;
    max-height: 150px;
    background-color: white;
    z-index: 100000;
    box-shadow: 0 0 12px rgba(0,0,0,0.6)
}

.icon-sound .devEditTranscript .myHtmlEditor {
    max-height: 100px;
    overflow: auto;
    font-size: .85em;
    line-height: 1.5em
}

.icon-sound .devEditTranscript:before {
    content: "";
    width: 40px;
    height: 26px;
    background: url(../img/arrow-left.T5NRpH65) left top no-repeat;
    position: absolute;
    top: 5px;
    left: -40px
}

.audio-reproductor .mejs-container.svg.mejs-audio {
    margin: 0 auto
}

.audio-reproductor {
    padding-top: 7.5px
}

.subnav-full .icon-add-link.add-link-button {
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -70px;
    cursor: pointer
}

.sticky-bestWork {
    position: absolute;
    left: 50%;
    top: 30%;
    display: none;
    width: 450px;
    height: 300px;
    margin-left: -200px;
    margin-top: -100px;
    background-color: #5d3ab8;
    box-shadow: 0 0 6px black;
    padding: 35px;
    z-index: 10000001
}

.sticky-bestWork p,.sticky-bestWork ul,.sticky-bestWork li {
    font-size: 22px;
    font-family: 'Muli';
    color: white;
    text-align: center;
    padding-bottom: 15px;
    text-decoration: none
}

.sticky-delete-confirm,.add-link-window {
    position: absolute;
    left: 50%;
    top: 30%;
    display: none;
    width: 400px;
    height: 200px;
    margin-left: -200px;
    margin-top: -100px;
    background-color: #5d3ab8;
    box-shadow: 0 0 6px black;
    padding: 35px;
    z-index: 10000001
}

.sticky-delete-confirm.no-attach {
    width: 430px;
    margin-left: -215px
}

.sticky-delete-confirm p,.add-link-window p {
    font-size: 25px;
    font-family: 'Muli';
    color: white;
    text-align: center;
    padding-bottom: 15px
}

.add-link-window {
    background-color: #39b993;
    height: 260px;
    padding-top: 27px;
    box-shadow: 0 0 6px #454545
}

.add-link-window p {
    text-align: left;
    padding-left: 15px
}

.add-link-window input {
    width: 300px;
    padding: 6px 15px;
    font-size: 18px;
    font-family: 'Muli';
    font-weight: normal;
    color: black;
    border: 0;
    background-color: white;
    -webkit-appearance: caret;
    -moz-appearance: caret
}

.add-link-window .sprite.pull-center-inline {
    cursor: pointer
}

.devEditTranscript {
    text-align: left!important
}

.hide {
    display: none
}

.workbook .breadcrum {
    height: 40px;
    background-color: #db552d;
    position: relative
}

.breadcrum-view {
    width: 137px
}

.breadcrum-view .sprite.menu-item.icon-zoom1,.breadcrum-view .sprite.menu-item.icon-zoom2 {
    margin-right: 10px
}

.sprite.pointer {
    cursor: pointer
}

.sprite.icon-move.pull-left {
    margin-left: 9px
}

.sprite.icon-move {
    cursor: move
}

.dark-background {
    z-index: 10000000
}

.individual-audio {
    width: 600px;
    height: 145px;
    background-color: white;
    position: absolute;
    left: 80px;
    top: 150px;
    display: none;
    z-index: 999
}

.individual-audio .head {
    height: 50px;
    width: 100%;
    position: relative;
    background-color: #beb0e3;
    box-shadow: 0 2px 3px -2px #959595
}

.individual-audio .movingHandle {
    cursor: move;
    width: 520px;
    float: left;
    height: 50px
}

.individual-audio .player {
    width: 100%;
    padding: 5px 20px;
    position: relative;
    background-color: white
}

.individual-audio .player .audio-player {
    height: 50px;
    width: 100%;
    padding-top: 8px
}

.individual-audio .player .transcript-button {
    position: relative;
    margin: 0 auto;
    width: 200px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #5d3ab8;
    color: white;
    font-family: 'Muli';
    font-size: 18px;
    cursor: pointer
}

.individual-audio .transcript-layer {
    height: 0;
    transition: height .3s ease-in-out;
    width: 100%;
    font-size: 26px;
    line-height: 1.4em;
    font-family: 'Muli';
    color: black;
    overflow-y: hidden;
    overflow-x: hidden;
    margin-top: 10px
}

.individual-audio .transcript-layer.open {
    position: relative;
    height: 305px;
    padding: 10px 25px;
    overflow-y: hidden;
    transition: height .3s ease-in-out
}

canvas {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    cursor: crosshair;
    z-index: 10000
}

#freeDrawTools {
    display: none
}

.icon-close-black.close-canvas {
    position: absolute;
    z-index: 1000001;
    top: 0;
    right: 0
}

.canvas-tools {
    position: absolute;
    z-index: 10;
    top: 690px;
    left: 65px;
    padding: 6px;
    width: auto;
    height: 60px;
    background-color: white;
    box-shadow: 0 3px 6px #595959;
    white-space: nowrap
}

.canvas-tools .sprite.pull-left.active {
    box-shadow: inset 3px 3px 10px #333
}

.canvas-tools .icon-palette {
    -moz-transition: background-color .6s;
    -webkit-transition: background-color .6s;
    transition: background-color .6s
}

.canvas-tools .wrap {
    display: inline-block;
    vertical-align: top;
    width: 292px;
    height: 48px
}

.canvas-tools .wrap>div:last-child {
    margin-right: 0
}

.canvas-tools .wrap>div {
    position: relative;
    margin-left: 10px;
    display: block
}

.canvas-tools>div.icon-squares {
    margin: 0;
    width: 36px;
    background-position: -52px -76px;
    cursor: move
}

.canvas-tools>div.collapse {
    position: absolute;
    top: 0;
    left: -24px;
    margin-left: 0;
    cursor: pointer
}

.canvas-tools .wrap .icon-pointer {
    background-color: #db552d
}

.canvas-tools .wrap .icon-pencil {
    background-color: #2e9b00
}

.canvas-tools .wrap .icon-marker {
    background-color: #f0c
}

.canvas-tools .wrap .icon-rubber {
    background-color: #39b993
}

.canvas-tools .wrap .icon-clear-all {
    background-color: #f36b03
}

.canvas-tools .wrap .icon-palette {
    background-color: #1ca7ff
}

.sprite.inlineblock {
    display: inline-block;
    vertical-align: middle
}

canvas.transparent-canvas {
    display: block;
    position: absolute;
    z-index: 110;
    box-shadow: 0;
    top: 0;
    margin-left: 63px
}

canvas.transparent-canvas.zoom {
    display: none;
    position: absolute;
    z-index: 110;
    box-shadow: 0;
    top: 0;
    left: 0;
    margin-left: 0;
    pointer-events: none
}

.canvas-tools .pencil-menu,.canvas-tools .marker-menu,.canvas-tools .palette-menu,.canvas-tools .rubber-menu {
    display: none;
    position: absolute;
    bottom: 73px;
    left: -6px;
    background-color: white;
    width: 60px;
    height: 120px;
    box-shadow: 0 0 5px #595959
}

.canvas-tools .pencil-menu:after,.canvas-tools .marker-menu:after,.canvas-tools .palette-menu:after,.canvas-tools .rubber-menu:after {
    content: "";
    position: absolute;
    bottom: -19px;
    left: 0;
    width: 64px;
    height: 19px;
    background: url(../img/bottomArrow.T5NRpH65) left top no-repeat transparent
}

.canvas-tools .rubber-menu>div {
    margin: 9px auto;
    position: relative
}

.canvas-tools .pencil-menu .pencil-stroke,.canvas-tools .marker-menu .marker-stroke {
    background-color: black;
    position: relative;
    margin: 10px auto
}

.canvas-tools .pencil-menu .pencil-stroke {
    border-radius: 100%
}

.canvas-tools .pencil-menu .pencil-stroke.small,.canvas-tools .marker-menu .marker-stroke.small {
    width: 18px;
    height: 18px
}

.canvas-tools .pencil-menu .pencil-stroke.medium,.canvas-tools .marker-menu .marker-stroke.medium {
    width: 26px;
    height: 26px
}

.canvas-tools .pencil-menu .pencil-stroke.big,.canvas-tools .marker-menu .marker-stroke.big {
    width: 36px;
    height: 36px
}

.canvas-tools .palette-menu {
    height: 194px
}

.canvas-tools .palette-menu .palette-color {
    width: 40px;
    height: 16px;
    margin: 5px auto;
    position: relative
}

.canvas-tools .palette-menu .palette-color.white {
    background-color: white;
    border: 1px solid black
}

.canvas-tools .palette-menu .palette-color.black {
    background-color: black
}

.canvas-tools .palette-menu .palette-color.orange {
    background-color: #ec6f34
}

.canvas-tools .palette-menu .palette-color.red {
    background-color: #ec1e24
}

.canvas-tools .palette-menu .palette-color.yellow {
    background-color: #fcf204
}

.canvas-tools .palette-menu .palette-color.green {
    background-color: #3cb64c
}

.canvas-tools .palette-menu .palette-color.cyan {
    background-color: #04aeec
}

.canvas-tools .palette-menu .palette-color.blue {
    background-color: #242264
}

.canvas-tools .palette-menu .palette-color.purple {
    background-color: #951d87
}

.mask-square {
    position: absolute;
    z-index: 9999;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px #595959;
    background-color: #30a8cf;
    opacity: .65;
    overflow: hidden
}

.mask-square.done {
    opacity: 1;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    min-width: 54px;
    min-height: 54px
}

.mask-square .mask-handler {
    position: relative;
    z-index: 0;
    width: 90%;
    height: 100%
}

.mask-square.done .icon-close-xwhite.special {
    display: block
}

.mask-square .icon-close-xwhite.special {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    display: none
}

.stickyNote .sprite.pull-right {
    cursor: pointer
}

.stickyNote .icon-tack-handle {
    cursor: move;
    width: 170px;
    height: 24px;
    float: left
}

.stickyNote.sticky-note-closed .icon-tack-handle {
    cursor: move;
    width: 30px;
    transition: width .2s ease-in;
    height: 24px;
    float: left
}

.stickyNote.sticky-note-open .icon-tack-handle {
    transition: width .2s ease-in
}

.floating-activity {
    display: none;
    position: absolute;
    z-index: 10000001;
    top: 0;
    left: 0;
    width: 1018px;
    height: 100%;
    background-color: white;
    padding-top: 35px
}

.floating-activity .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 190;
    cursor: pointer;
    width: 48px;
    height: 48px
}

.floating-activity iframe {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0
}

activity {
    display: none
}

.attachment {
    position: absolute;
    z-index: 1210;
    width: 148px;
    height: 76px;
    line-height: 76px
}

.attachment>div {
    position: relative
}

.attachment .close {
    z-index: 1;
    width: 72px;
    height: 36px;
    margin-right: -38px;
    margin-top: -28px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.attachment .handler {
    z-index: 2;
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: top;
    cursor: move
}

.attachment .launcher {
    z-index: 1;
    width: 72px;
    height: 36px;
    margin-left: -36px;
    margin-top: -28px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.attachment .launcher .attachdata {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden
}

.attachment .file-hide {
    width: 0;
    height: 0;
    -webkit-opacity: .01;
    opacity: .01;
    overflow: hidden
}

.is-dragging {
    opacity: .8
}

.devEditLink {
    background-color: #39b993;
    border-bottom: 2px solid #88dcc3;
    padding: 8px 15px
}

.devEditLink a {
    font-size: 1.4em;
    color: white;
    display: block
}

.devCloud .devEditLink {
    background-color: #0cf;
    border-bottom: 2px solid #73e4ff
}

.headerPopupEdition {
    font-size: 28px;
    font-weight: bold;
    color: white
}

.imgdragging {
    z-index: 4!important;
    cursor: move;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.numberFreeCanvas,.numberFreeCanvasOf {
    font-family: 'Muli';
    position: absolute;
    text-align: center;
    line-height: 48px;
    top: 0;
    right: 96px;
    display: block;
    color: #a0a0a0;
    width: 36px;
    font-size: 24px;
    z-index: 100010;
    font-weight: bold
}

.numberFreeCanvasOf {
    font-weight: normal;
    right: 65px;
    font-size: 18px
}

.devLinksThemeId {
    display: inline-block;
    vertical-align: top;
    background-color: #1c66d6;
    border-radius: 100%;
    padding: 4px 9px;
    font-weight: bold;
    font-size: 1.2em;
    color: white;
    box-shadow: 1px 1px 5px -1px #595959;
    margin-right: 15px
}

.devLinksThemeNoId {
    display: inline-block;
    vertical-align: top;
    background-color: #7c1e24;
    border-radius: 100%;
    padding: 5px 11px;
    color: white;
    box-shadow: 1px 1px 5px -1px #595959;
    margin-right: 15px
}

.devLinksThemeIdAbs {
    position: absolute;
    top: 33px;
    left: 3px;
    background-color: #1d7b3d;
    border-radius: 100%;
    padding: 4px 8px;
    font-weight: bold;
    font-size: 1em;
    color: white;
    box-shadow: 2px 2px 5px -1px #595959
}

.devLinksThemeNoIdAbs {
    position: absolute;
    top: 33px;
    left: 3px;
    background-color: #7c1e24;
    border-radius: 100%;
    padding: 4px 9px;
    box-shadow: 2px 2px 5px -1px #595959
}

.nf-view_content_popups .modal-table-list .row .cell a span {
    color: #09c
}

.transcription p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

.netex-video-container {
    height: 100%
}

.netex-video-player-fullscreen .netex-video-container {
    height: auto
}

.video-reproductor {
    position: relative
}

.video-reproductor li {
    list-style: none;
    position: absolute;
    width: 100%
}

.netex-video-player-fullscreen .netex-video-container {
    margin-bottom: 0
}

.netex-video-player-fullscreen video {
    padding-bottom: 37px
}

.netex-video-player video {
    background: #000;
    cursor: pointer
}

.netex-video-poster {
    cursor: pointer
}

.netex-video-player .mejs-overlay {
    z-index: 10
}

#aFile,#inputFile {
    display: none
}

em {
    font-family: 'Muli Italic'
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figure,figcaption,footer,header,hgroup,menu,nav,section,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font: 13px/1.231 sans-serif;
    *font-size: small;
}

select,textarea,button {
    font: 99% sans-serif;
}

abbr[title] {
    border-bottom: 1px dotted;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

pre,code,kbd,samp {
    font-family: monospace,monospace;
    _font-family: 'courier new',monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,q:after {
    content: "";
    content: none;
}

small {
    font-size: 85%;
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ul,ol {
    margin: 0;
    padding: 0;
}

nav ul,nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    _margin-left: -1px;
    _margin-top: -1px;
}

img,object,embed {
    max-width: 100%;
}

svg:not(:root) {
    overflow: hidden;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

a {
    text-decoration: none;
}

a:visited {
    color: #fff;
}

a:active {
    color: #fff
}

*,*:before,*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,body {
    height: 100%
}

.wrap {
    width: 760px;
    margin: auto;
    position: relative
}

.wrap:before,.wrap:after {
    content: " ";
    display: table
}

.wrap:after {
    clear: both
}

.sprite {
    background: url(../img/sprite_full_v5.T5NRpH65) no-repeat
}

.icon-nav,.icon-pb,.icon-ab {
    display: block;
    height: 76px;
    width: 76px
}

.icon-attachment {
    display: block;
    height: 48px;
    width: 48px
}

.icon-close-white,.icon-squares,.icon-pointer,.icon-pencil,.icon-marker,.icon-rubber,.icon-clear-all,.icon-palette,.icon-arrow-left,.icon-arrow-right,.icon-close-dark-red,.icon-close-black,.icon-close-xwhite,.icon-close-xviolet,.icon-move {
    height: 48px;
    width: 48px
}

.icon-aside-open,.icon-aside-closed,.icon-sound,.icon-vbox,.icon-star-red,.icon-small-arrow-left,.icon-zoom1,.icon-zoom2,.icon-resize {
    height: 36px;
    width: 36px
}

.icon-attach-close,.icon-attach-launch {
    width: 72px;
    height: 36px
}

.icon-yes,.icon-no,.icon-ok,.icon-add-link-confirm,.icon-add-link-cancel {
    width: 108px;
    height: 36px
}

.icon-add-link {
    width: 140px;
    height: 36px
}

.icon-save {
    width: 48px;
    height: 24px
}

.icon-toolbar-open,.icon-toolbar-close,.icon-trash,.icon-tack-small,.icon-enlarge,.icon-close-small,.icon-minime {
    height: 24px;
    width: 24px
}

.icon-double-wing {
    height: 12px;
    width: 25px
}

.icon-home {
    background-position: 0 0
}

.icon-person {
    background-position: -76px 0
}

.icon-bookmark {
    background-position: -152px 0
}

.icon-media {
    background-position: -228px 0
}

.icon-film {
    background-position: -304px 0
}

.icon-micro {
    background-position: -380px 0
}

.icon-imgs {
    background-position: -456px 0
}

.icon-cloud {
    background-position: -532px 0
}

.icon-link {
    background-position: -608px 0
}

.icon-star {
    background-position: -684px 0
}

.icon-arrow {
    background-position: -760px 0
}

.icon-plus {
    background-position: -836px 0
}

.icon-list {
    background-position: -912px 0
}

.icon-tack {
    background-position: -988px 0
}

.icon-clip {
    background-position: -1064px 0
}

.icon-note {
    background-position: -1140px 0
}

.icon-selection {
    background-position: -1216px 0
}

.icon-draw {
    background-position: -1292px 0
}

.icon-pb {
    background-position: -1440px 0
}

.icon-ab {
    background-position: -1512px 0
}

.icon-attachment {
    background-position: -624px -76px
}

.icon-squares {
    background-position: 0 0
}

.icon-close-white {
    background-position: 0 -76px
}

.icon-squares {
    background-position: -48px -76px
}

.icon-pointer {
    background-position: -96px -76px
}

.icon-pencil {
    background-position: -144px -76px
}

.icon-marker {
    background-position: -192px -76px
}

.icon-rubber {
    background-position: -240px -76px
}

.icon-clear-all {
    background-position: -672px -76px
}

.icon-palette {
    background-position: -288px -76px
}

.icon-arrow-left {
    background-position: -336px -76px
}

.icon-arrow-right {
    background-position: -384px -76px
}

.icon-close-black {
    background-position: -432px -76px
}

.icon-close-xwhite {
    background-position: -480px -76px
}

.icon-move {
    background-position: -528px -76px
}

.icon-close-xviolet {
    background-position: -576px -76px
}

.icon-star-red {
    background-position: 0 -124px
}

.icon-small-arrow-left {
    background-position: -36px -124px
}

.icon-zoom1 {
    background-position: -72px -124px
}

.icon-zoom2 {
    background-position: -108px -124px
}

.icon-resize {
    background-position: -144px -124px
}

.icon-aside-open {
    background-position: -180px -124px
}

.icon-aside-closed {
    background-position: -216px -124px
}

.icon-vbox {
    background-position: -252px -124px
}

.icon-sound {
    background-position: -288px -124px
}

.icon-yes {
    background-position: -324px -124px
}

.icon-no {
    background-position: -432px -124px
}

.icon-ok {
    background-position: -324px -160px
}

.icon-add-link {
    background-position: -685px -124px
}

.icon-add-link-confirm {
    background-position: -864px -124px
}

.icon-add-link-cancel {
    background-position: -972px -124px
}

.icon-text-highlight {
    background-position: -1081px -124px
}

.icon-attach-close {
    background-position: -540px -124px
}

.icon-attach-launch {
    background-position: -612px -124px
}

.icon-toolbar-open {
    background-position: -24px -160px
}

.icon-toolbar-close {
    background-position: 0 -160px
}

.icon-trash {
    background-position: -48px -160px
}

.icon-tack-small {
    background-position: -74px -160px
}

.icon-enlarge {
    background-position: -98px -160px
}

.icon-minime {
    background-position: -146px -160px
}

.icon-save {
    background-position: -169px -160px
}

.icon-save-alert {
    background-position: -265px -160px
}

.icon-close-small {
    background-position: -122px -160px
}

.icon-double-wing {
    background-position: 0 -184px
}

.content-page {
    padding-top: 116px
}

.shadow {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.75);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.75)
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.toolbar {
    z-index: 7
}

.subnav-list,.subnav-double,.subnav-triple,.subnav-full,.navbar,.footer-navbar {
    z-index: 6
}

.breadcrum {
    z-index: 5
}

.draw-board,.dark-background,.sticky-note-open,.sticky-note-closed {
    z-index: 4
}

.pag-next,.pag-prev,.main-content {
    z-index: 3
}

.aside-open,.aside-closed {
    z-index: 2
}

@font-face {
    font-family:'muli';src:url('../fonts/muli/muli-regular-webfont.eot');src:url('../fonts/muli/muli-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/muli/muli-regular-webfont.woff') format('woff'),url('../fonts/muli/muli-regular-webfont.ttf') format('truetype'),url('../fonts/muli/muli-regular-webfont.svg#webfont') format('svg')
}

@font-face {
    font-family:'Muli Italic';src:url('../fonts/muli/muli-italic-webfont.eot');src:url('../fonts/muli/muli-italic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/muli/muli-italic-webfont.woff') format('woff'),url('../fonts/muli/muli-italic-webfont.ttf') format('truetype'),url('../fonts/muli/muli-italic-webfont.svg#webfont') format('svg')
}

.breadcrum h1 {
    font-family: 'Muli';
    font-size: 24px;
    line-height: 40px
}

.subnav-list a {
    font-family: 'Muli';
    font-size: 24px;
    color: #fff
}

.subnav-full h1 {
    font-family: 'Muli';
    color: #fff;
    font-size: 35px;
    font-weight: bold
}

.audio-content p,.audio-button p {
    font-family: 'Muli';
    font-weight: bold;
    line-height: 35px;
    font-size: 17px
}

.custom-list a {
    font-family: 'Muli';
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    line-height: 36px
}

.main-header {
    margin: auto;
    width: 1016px
}

.main-nav:before,.main-nav:after {
    content: " ";
    display: table
}

.main-nav:after {
    clear: both
}

.main-nav {
    list-style: none;
    background-color: #06699b;
    padding-left: 125px
}

.main-nav .menu-item {
    float: left;
    height: 76px;
    position: relative;
    background-color: #fff
}

.subnav-triple {
    width: 228px;
    position: absolute;
    top: 76px;
    margin-left: -76px
}

.subnav-double {
    width: 152px;
    position: absolute;
    top: 76px;
    display: none
}

.subnav-list {
    width: 456px;
    position: absolute;
    top: 76px;
    left: -76px
}

.subnav-list li {
    background-color: #08699c;
    border-bottom: 2px solid #81b0cc;
    display: block
}

.subnav-list li>a {
    display: block;
    height: 46px;
    line-height: 46px;
    padding: 0 32px;
    color: #81b0cc
}

.subnav-list li:focus>a,.subnav-list li:active>a,.subnav-list li:hover>a,.subnav-list li.current>a {
    color: #fff;
}

.subnav-list-index {
    width: 304px;
    min-height: 245px;
    background-color: #eff;
    position: absolute;
    right: -304px;
    padding: 10px 10px 10px 12px;
    top:0;
}

.box{
    width:122px;
    min-height:80px;
    right:-122px;
    top:46px;
}

.subnav-list-index .item {
    position: relative;
    margin: 7px;
    width: 79px;
    height: 100px;
    float: left;
}

.budget {
    position: absolute;
    bottom: 0;
    right: 0;
}

.link-item,.cloud-item {
    left: 0;
    top: 76px;
}

.link-item {
    background-color: #39b993;
}

.cloud-item {
    background-color: #0cf;
}

.media-item {
    background-color: #2877ed;
}

.audio-gallery,.video-gallery,.img-gallery {
    left: -152px;
}

.bookmark-item {
    background-color: #f0c;
    left: -380px;
}

.mark {
    height: 36px;
    margin-top: 5px;
    width: 36px;
}

.subnav-full {
    position: absolute;
    width: 760px;
}

.subnav-full h1 {
    margin: 23px 0 0 23px;
}

.subnav-full.audio-gallery h1 {
    margin: 10px 0 0 23px
}

.video-reproductor {
    background-color: #000;
    margin: 16px 0 0 23px;
    width: 500px;
}

.video-list {
    height: 280px;
    margin-right: 40px;
    margin-top: 16px;
    overflow: auto;
    width: 350px
}

.video-list img {
    border: 2px solid #fff;
    margin: 0 10px 6px 0
}

.audio-content {
    margin-left: 50px;
    margin-top: 20px;
    width: 920px;
    color: #fff;
    max-height: 140px;
    overflow: auto
}

.audio-reproductor {
    margin-top: 23px;
    height: 45px;
    width: 100%;
    background-color: #fff
}

.audio-button {
    width: 200px;
    height: 35px;
    background-color: #94bbf6;
    color: #fff;
    margin: 15px auto;
    text-align: center;
    cursor: pointer
}

.custom-list {
    margin: 20px 0 0 60px
}

.custom-list li {
    margin-bottom: -3px
}

.custom-list a {
    text-decoration: none;
    margin-left: 6px
}

.breadcrum {
    height: 40px;
    background-color: #06699b;
    position: relative
}

.breadcrum h1 {
    color: #fff;
    margin-left: 125px
}

.breadcrum-view {
    padding-top: 2px;
    width: 117px;
    height: 40px;
    position: absolute;
    right: 120px;
    top: 0
}

.breadcrum-view .sprite {
    margin-right: 3px
}

.button-close {
    position: absolute;
    top: 0;
    right: 0
}

.sticky-note-open {
    background-color: #5d3ab8;
    width: 250px;
    height: 162px;
    min-width: 250px;
    max-width: 100%;
    min-height: 162px;
    max-height: 600px;
    position: absolute;
    left: 100px;
    top: 200px;
    padding: 4px 6px 7px 6px
}

.sticky-note-closed {
    background-color: #5d3ab8;
    width: 85px!important;
    height: 30px!important;
    position: absolute;
    left: 100px;
    top: 200px;
    overflow: hidden;
    padding: 4px 0 0 6px
}

.sticky-note-closed textarea,.sticky-note-closed .notes-resize-handler {
    visibility: hidden
}

.sticky-note-open textarea,.sticky-note-open .notes-resize-handler {
    visibility: visible
}

.sticky-note-text {
    min-width: 100%;
    min-height: 105px;
    height: -webkit-calc(100% - 50px);
    height: calc(100% - 50px);
    margin-top: 2px;
    resize: none;
    width: 100%;
    font-size: 20px;
    font-family: 'Muli'
}

.hide-board {
    background-color: #30a8cf;
    position: absolute;
    bottom: 200px;
    left: 200px;
    width: 300px;
    height: 250px;
    border: 2px solid #fff
}

.draw-board {
    height: 100%;
    position: absolute;
    top: 116px;
    width: 100%;
    visibility: hidden
}

.draw-board {
    background-color: #fff
}

.dark-background {
    background: rgba(0,0,0,0.4);
    background: -webkit-gradient(linear,0 0,100% 0,from(rgba(0,0,0,0.4)),to(rgba(0,0,0,0.4)));
    background: -webkit-linear-gradient(left,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.4) 100%);
    background: -moz-linear-gradient(left,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.4) 100%);
    background: -o-linear-gradient(left,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(left,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=1);
    height: 960px;
    position: absolute;
    top: 0;
    width: 100%;
    visibility: hidden
}

.pag-next,.pag-prev {
    position: absolute;
    top: calc(50% - 48px)
}

.pag-next {
    right: 0
}

.pag-prev {
    left: 0
}

.main-content {
    margin: auto;
    position: relative;
    width: 1016px;
    min-height: calc(100% - 116px)
}

.main-image,.main-image img {
    position: relative;
    margin: 0 auto;
    text-align: center
}

.main-image img {
    margin: 0 auto;
    margin-bottom: 10px;
    z-index: 100
}

.content-page {
    padding: 15px 0;
    position: absolute;
    right: 62px;
    width: 635px
}

.aside-open,.aside-closed {
    width: 36px;
    background-color: #fff;
    border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-width: 1px 0 1px 1px;
    border-color: #e5e5e5;
    border-style: solid;
    position: absolute;
    left: 27px
}

.aside-open {
    height: 110px;
    top: 258px
}

.aside-closed {
    height: 38px;
    top: 600px
}

.toolbar {
    background-color: #fff;
    bottom: -815px;
    height: 68px;
    padding: 10px 5px 10px 10px;
    position: absolute;
    right: 0;
    width: 368px
}

.toolbar-open,.toolbar-close {
    position: absolute;
    top: 0;
    left: -24px
}

.toolbar-bullet {
    width: 48px;
    height: 48px
}

.toolbar ul {
    list-style: none;
    float: right
}

.toolbar ul li {
    float: left;
    margin: 0 5px;
    width: 48px;
    height: 48px;
    position: relative
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 25px solid #fff;
    position: absolute;
    right: 14px;
    top: -24px
}

.toolbar-menu {
    width: 68px;
    height: 132px;
    background-color: #fff;
    position: absolute;
    top: -142px;
    right: -11px
}

.pencil-size {
    right: -39px
}

.palette-colors {
    padding-top: 6px;
    height: 212px;
    top: -236px
}

.palette-color {
    margin: 0 auto 8px auto;
    height: 15px;
    width: 54px
}

.palette-white {
    background-color: #fff;
    border: 1px solid #000
}

.palette-black {
    background-color: #000
}

.palette-red {
    background-color: #ec1e24
}

.palette-orange {
    background-color: #f2a624
}

.palette-yellow {
    background-color: #fcf204
}

.palette-green {
    background-color: #3cb64c
}

.palette-blue {
    background-color: #04aeec
}

.palette-darkblue {
    background-color: #242264
}

.palette-purple {
    background-color: #951d87
}

.pencil-size-big,.pencil-size-normal,.pencil-size-small {
    background-color: #000;
    border-radius: 50px;
    position: absolute
}

.pencil-size-big {
    bottom: 11px;
    height: 40px;
    left: 14px;
    width: 40px
}

.pencil-size-normal {
    bottom: 60px;
    height: 32px;
    left: 18px;
    width: 32px
}

.pencil-size-small {
    bottom: 101px;
    height: 20px;
    left: 24px;
    width: 20px
}

.main-footer {
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    width: 1024px;
    overflow: hidden
}

.footer-navbar-open {
    position: fixed;
    bottom: 0;
    width: 1016px;
    height: 176px;
    background-color: #333;
    overflow: hidden
}

.footer-navbar-closed {
    bottom: 0;
    position: fixed;
    width: 1016px;
    overflow: hidden;
    height: 20px;
    background-color: #333
}

.footer-navbar-items {
    height: 100%;
    list-style: none outside none;
    width: 9999px
}

.footer-navbar-item {
    float: left;
    height: 94px;
    margin-right: 21px;
    width: 79px
}

.footer-navbar-item p {
    text-align: center;
    color: #fff;
    margin-top: 10px
}

.active img {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-style: solid;
    border-color: #f09100;
    border-width: 3px 2px
}

.active p {
    color: #f09100
}

.library {
    height: 128px;
    width: 835px;
    overflow: hidden;
    position: relative;
    top: 24px;
    left: 90px
}

.arrow-left,.arrow-right {
    bottom: 64px;
    height: 48px;
    position: absolute;
    width: 48px
}

.arrow-left {
    left: 26px
}

.arrow-right {
    right: 26px
}

.footer-icon {
    width: 25px;
    height: 12px;
    position: absolute;
    top: 3px;
    right: 368px
}

@import url('reset.css');

@import url('screen.css');

@import url('fonts.css');

@import url('components.css');

@import url('developer.css');

body,html {
    height: 100%;
    background-color: #3e8ec9
}

.hidden {
    display: none
}

nav.navbar {
    background-color: #fff
}

.navArrows {
    position: absolute;
    top: 115px;
    height: 700px;
    width: 760px;
    z-index: 151000
}

.imgcover {
    width: 100%;
    height: 812px;
    position: relative;
    margin: 0 auto
}

#closeActivityPopup .sprite.activity {
    height: 36px;
    width: 36px;
    background-position: -5px -82px
}

.floating-activity #closeActivityPopup.close {
    width: 36px;
    height: 36px
}

.popup-wrap {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-left: -105px
}

.pag-next {
    right: 6px
}

.pag-prev {
    left: 6px
}

.stickyNote {
    overflow: hidden
}

.pull-center {
    display: block;
    position: relative;
    margin: 0 auto
}

.pull-center-inline {
    display: inline-block;
    position: relative;
    margin: 20px
}

.icon-note {
    background-position: -1137px 0
}

.total-border {
    position: relative;
    width: 1022px;
    margin: 0 auto;
    border: 3px solid #2f428f;
    border-top: 0;
    height: auto;
    background: #06699b
}

.devPopupContainer {
    position: absolute;
    top: -500px;
    width: 760px;
    margin-left: 0;
    z-index: 1000
}

.devPageContainer {
    position: relative;
    z-index: 0;
    overflow: visible
}

.menu-item.sprite.icon-zoom1.pull-left,.menu-item.sprite.icon-zoom2.pull-left {
    cursor: pointer
}

.main-content .floating-elements {
    background-color: white;
    width: 36px;
    min-height: 36px;
    position: absolute;
    left: 27px;
    border: 1px solid #e0e0e0;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    box-shadow: -2px 0 6px #e0e0e0;
    z-index: 99
}

.main-content .floating-elements>div {
    cursor: pointer
}

.main-content .floating-elements.closed {
    height: 37px;
    overflow: hidden
}

.main-content .floating-elements.closed .icon-aside-open {
    background-position: -216px -124px
}

.subnav-triple {
    display: none
}

.main-nav .menu-item {
    width: 76px;
}
#openLinksMenu{
    margin-left:40px;
} 

.button-close {
    cursor: pointer
}

.audio-content a {
    color: #fff;
    font-weight: normal;
    width: 23.5%;
    display: inline-block;
    vertical-align: top
}

.bookmark-item {
    background-color: #f0c;
    left: 0
}

.audio-gallery,.video-gallery,.img-gallery {
    left: 0
}

.subnav-full {
    height: 550px;
    position: absolute;
    width: 1018px;
    display: none
}

.subnav-full.audio-gallery {
    height: 850px;
    max-height: 850px;
    min-height: 300px;
    padding: 20px 0
}

.subnav-full.img-gallery {
    height: 280px
}

.subnav-full.img-gallery .arrow-left,.subnav-full.img-gallery .arrow-right {
    position: absolute;
    top: 115px
}

.subnav-full.img-gallery .arrow-left {
    left: 16px
}

.subnav-full.img-gallery .arrow-right {
    right: 16px
}

#no-flashcards-msg {
    color: #06699b;
    font-size: 28px;
    text-align: center;
    margin-top: 35px
}

.flashcards-thumbs {
    width: 800px;
    left: 100px;
    top: 25px;
    position: relative;
    overflow: hidden
}

.flashcards-thumbs ul {
    white-space: nowrap;
    position: relative;
    left: 0
}

.flashcards-thumbs ul li {
    display: inline-block;
    margin-right: 20px;
    width: 79px;
    height: 100px
}

.flashcards-thumbs ul li .flashcard-back {
    position: absolute;
    text-align: center;
    width: 79px;
    height: 100px;
    -moz-transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    background-color: white;
    color: #000;
    font-weight: bold;
    word-wrap: break-word;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 1.2em;
    white-space: normal;
    padding: 7px;
    cursor: pointer
}

.flashcard-wrapper-fullscreen .flashcard-back {
    position: absolute;
    text-align: center;
    width: 95%;
    height: 100%;
    -moz-transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    background-color: white;
    color: #000;
    font-weight: bold;
    word-wrap: break-word;
    font-size: 38px;
    line-height: 1.2em;
    white-space: normal;
    padding: 7px;
    cursor: pointer
}

.flashcards-thumbs ul li img {
    cursor: pointer;
    width: 79px;
    height: 100px
}

.flashcards-thumbs ul li.active img,.flashcards-thumbs ul li.active .flashcard-back {
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-color: #f09100;
    border-width: 3px 2px
}

.flashcards-thumbs ul li.active span {
    color: #f09100
}

.flashcard-wrapper-fullscreen img,.flashcard-wrapper-fullscreen .flashcard-back {
    width: auto;
    max-width: 100%;
    height: 100%;
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 155px;
    cursor: pointer;
    color: black
}

.flashcard-wrapper-fullscreen .flashcard-back {
    width: 70%;
    height: 150px;
    line-height: 150px;
    overflow: visible;
    position: absolute;
    top: 45%;
    margin-top: -75px;
    color: black
}

.flashcard-wrapper-fullscreen {
    height: 888px;
    text-align: center;
    padding-top: 13px;
    position: relative
}

.audio-gallery-transcriptions {
    background-color: #fff;
    color: #000
}

.highlight-button {
    background-color: #94bbf6;
    color: #fff;
    text-align: center;
    cursor: pointer;
    width: 36px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 627px;
    margin: 0;
    display: none
}

.highlight-button.active {
    box-shadow: 1px 1px 8px #333 inset
}

.highlight-button:active,.highlight-button:focus {
    box-shadow: 1px 1px 2px #555 inset
}

.highlight-button-individual {
    background-color: #5d3ab8;
    color: #fff;
    text-align: center;
    cursor: pointer;
    width: 36px;
    height: 35px;
    position: absolute;
    top: 40px;
    left: 424px;
    margin: 15px 0
}

.highlight-button-individual:active,.highlight-button-individual:focus {
    box-shadow: 1px 1px 2px #555 inset
}

.highlighted {
    background-color: #fcf595
}

.transcription {
    display: none;
    padding: 20px;
    width: 90%;
    position: relative;
    margin: 10px auto;
    color: #000;
    height: 430px;
    overflow: hidden;
    font-size: 26px;
    font-family: 'Muli';
    font-weight: normal;
    line-height: 1.5em
}

.transcription .inner_trans {
    font-weight: bold;
    font-size: 1.15em;
    color: #d0d0d0
}

.menu-item,.icon-trash {
    cursor: pointer
}

.custom-list {
    list-style-type: none;
    margin: 10px 0 0 33px
}

.custom-list.double-column {
    display: inline-block;
    width: 320px;
    vertical-align: top
}

.custom-list.double-column h3 {
    font-family: 'Muli';
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-left: -14px
}

.stickyNote .notes-resize-handler {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    opacity: .35;
    background: url(../img/dragger.T5NRpH65) no-repeat bottom right;
    cursor: nwse-resize
}

.stickyNote .icon-save {
    padding: 5px 0
}

.stickyNote .icon-save:active {
    background-position: -217px -160px
}

.subnav-list.workbook li {
    background-color: #db552d;
    border-bottom-color: #ed9d85
}

.subnav-list.workbook li a {
    color: #ed9d85
}

.subnav-list.workbook li:focus>a,.subnav-list.workbook li:active>a,.subnav-list.workbook li:hover>a,.subnav-list.workbook li.current>a {
    color: #fff
}

.subnav-list.workbook {
    left: -152px
}

.subnav-list li .icon-small-arrow-left {
    display: none
}

.subnav-list li.current .icon-small-arrow-left {
    display: block
}

.subnav-list-index .item {
    opacity: .6
}

.custom-list .icon-trash,.custom-list a {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.trnsLayer {
    position: relative;
    height: 305px
}

.main-header {
    z-index: 100;
    position: relative
}

.netex-video-fullscreen .main-header {
    position: initial
}

.video-fullscreen .main-header {
    position: auto
}

.subnav-list-index .item .budget.icon-star-red {
    display: none
}

.subnav-list-index .item.bookmarked .budget.icon-star-red {
    display: block;
    opacity: .95
}

.subnav-list-index .item {
    height: 63px
}

.main-footer {
    position: fixed;
    bottom: 1px;
    left: 8px;
    margin: 0 auto;
    display: block
}

.netex-video-fullscreen .main-footer {
    display: none!important
}

.main-footer footer {
    box-shadow: inset 0 7px 12px -7px #000;
    font-family: 'Muli';
    font-size: 14px
}

footer.footer-navbar-closed {
    position: relative!important;
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

footer.footer-navbar-open {
    position: relative!important;
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.footer-navbar-open {
    position: relative
}

footer .arrow-left,footer .arrow-right {
    top: 64px;
    bottom: auto
}

.footer-navbar-item img {
    width: 79px;
    max-height: 100px;
    border-width: 2px
}

footer .footer-icon {
    padding: 5px 30px;
    height: 18px;
    right: 50%;
    margin-top: -5px;
    margin-right: -45px;
    padding-right: 60px;
    background-position: 34px -184px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

footer .footer-navbar-items {
    position: relative;
    width: auto;
    white-space: nowrap
}

footer .footer-navbar-item {
    cursor: pointer;
    float: none;
    display: inline-block;
    margin-right: 0;
    padding-right: 21px;
    width: 100px;
    padding-top: 28px
}

.link-item,.cloud-item {
    top: 0;
    height: 495px
}

.main-content {
    text-align: center;
    min-height: 811px;
    max-height: 811px;
    overflow: hidden;
    background-color: white
}

.main-image,.main-image img {
    max-width: 1896px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -ms-user-select: none
}

.video-list img {
    width: 143px;
    height: 86px
}

.icon-sound .devEditTranscript.divContentEdit {
    display: block;
    z-index: 10000;
    max-height: 300px
}

.icon-sound .devEditTranscript {
    width: 420px;
    position: relative;
    left: 80px;
    padding: 12px;
    max-height: 150px;
    background-color: white;
    z-index: 100000;
    box-shadow: 0 0 12px rgba(0,0,0,0.6)
}

.icon-sound .devEditTranscript .myHtmlEditor {
    max-height: 100px;
    overflow: auto;
    font-size: .85em;
    line-height: 1.5em
}

.icon-sound .devEditTranscript:before {
    content: "";
    width: 40px;
    height: 26px;
    background: url(../img/arrow-left.T5NRpH65) left top no-repeat;
    position: absolute;
    top: 5px;
    left: -40px
}

.audio-reproductor .mejs-container.svg.mejs-audio {
    margin: 0 auto
}

.audio-reproductor {
    padding-top: 7.5px
}

.subnav-full .icon-add-link.add-link-button {
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -70px;
    cursor: pointer
}

.sticky-bestWork {
    position: absolute;
    font-family: "΢ÈíÑźÚ";
    left: 50%;
    top: 30%;
    display: none;
    width: 500px;
    height: 380px;
    margin-left: -250px;
    margin-top: -140px;
    background-color: #5d3ab8;
    box-shadow: 0 0 6px black;
    padding: 35px;
    z-index: 10000001
}

.sticky-bestWork p,.sticky-bestWork ul,.sticky-bestWork li {
    font-size: 22px;
    font-family: 'Muli';
    color: white;
    text-align: center;
    padding-bottom: 15px;
    text-decoration: none
}

.sticky-delete-confirm,.add-link-window {
    position: absolute;
    left: 50%;
    top: 30%;
    display: none;
    width: 400px;
    height: 200px;
    margin-left: -200px;
    margin-top: -100px;
    background-color: #5d3ab8;
    box-shadow: 0 0 6px black;
    padding: 35px;
    z-index: 10000001
}

.sticky-delete-confirm.no-attach {
    width: 430px;
    margin-left: -215px
}

.sticky-delete-confirm p,.add-link-window p {
    font-size: 25px;
    font-family: 'Muli';
    color: white;
    text-align: center;
    padding-bottom: 15px
}

.add-link-window {
    background-color: #39b993;
    height: 260px;
    padding-top: 27px;
    box-shadow: 0 0 6px #454545
}

.add-link-window p {
    text-align: left;
    padding-left: 15px
}

.add-link-window input {
    width: 300px;
    padding: 6px 15px;
    font-size: 18px;
    font-family: 'Muli';
    font-weight: normal;
    color: black;
    border: 0;
    background-color: white;
    -webkit-appearance: caret;
    -moz-appearance: caret
}

.add-link-window .sprite.pull-center-inline {
    cursor: pointer
}

.devEditTranscript {
    text-align: left!important
}

.hide {
    display: none
}

.workbook .breadcrum {
    height: 40px;
    background-color: #db552d;
    position: relative
}

.breadcrum-view {
    width: 137px
}

.breadcrum-view .sprite.menu-item.icon-zoom1,.breadcrum-view .sprite.menu-item.icon-zoom2 {
    margin-right: 10px
}

.sprite.pointer {
    cursor: pointer
}

.sprite.icon-move.pull-left {
    margin-left: 9px
}

.sprite.icon-move {
    cursor: move
}

.dark-background {
    z-index: 10000000
}

.individual-audio {
    width: 600px;
    height: 145px;
    background-color: white;
    position: absolute;
    left: 80px;
    top: 150px;
    display: none;
    z-index: 999
}

.individual-audio .head {
    height: 50px;
    width: 100%;
    position: relative;
    background-color: #beb0e3;
    box-shadow: 0 2px 3px -2px #959595
}

.individual-audio .movingHandle {
    cursor: move;
    width: 520px;
    float: left;
    height: 50px
}

.individual-audio .player {
    width: 100%;
    padding: 5px 20px;
    position: relative;
    background-color: white
}

.individual-audio .player .audio-player {
    height: 50px;
    width: 100%;
    padding-top: 8px
}

.individual-audio .player .transcript-button {
    position: relative;
    margin: 0 auto;
    width: 200px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #5d3ab8;
    color: white;
    font-family: 'Muli';
    font-size: 18px;
    cursor: pointer
}

.individual-audio .transcript-layer {
    height: 0;
    transition: height .3s ease-in-out;
    width: 100%;
    font-size: 26px;
    line-height: 1.4em;
    font-family: 'Muli';
    color: black;
    overflow-y: hidden;
    overflow-x: hidden;
    margin-top: 10px
}

.individual-audio .transcript-layer.open {
    position: relative;
    height: 305px;
    padding: 10px 25px;
    overflow-y: hidden;
    transition: height .3s ease-in-out
}

canvas {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    cursor: crosshair;
    z-index: 10000
}

#freeDrawTools {
    display: none
}

.icon-close-black.close-canvas {
    position: absolute;
    z-index: 1000001;
    top: 0;
    right: 0
}

.canvas-tools {
    position: absolute;
    z-index: 10;
    top: 690px;
    left: 65px;
    padding: 6px;
    width: auto;
    height: 60px;
    background-color: white;
    box-shadow: 0 3px 6px #595959;
    white-space: nowrap
}

.canvas-tools .sprite.pull-left.active {
    box-shadow: inset 3px 3px 10px #333
}

.canvas-tools .icon-palette {
    -moz-transition: background-color .6s;
    -webkit-transition: background-color .6s;
    transition: background-color .6s
}

.canvas-tools .wrap {
    display: inline-block;
    vertical-align: top;
    width: 292px;
    height: 48px
}

.canvas-tools .wrap>div:last-child {
    margin-right: 0
}

.canvas-tools .wrap>div {
    position: relative;
    margin-left: 10px;
    display: block
}

.canvas-tools>div.icon-squares {
    margin: 0;
    width: 36px;
    background-position: -52px -76px;
    cursor: move
}

.canvas-tools>div.collapse {
    position: absolute;
    top: 0;
    left: -24px;
    margin-left: 0;
    cursor: pointer
}

.canvas-tools .wrap .icon-pointer {
    background-color: #db552d
}

.canvas-tools .wrap .icon-pencil {
    background-color: #2e9b00
}

.canvas-tools .wrap .icon-marker {
    background-color: #f0c
}

.canvas-tools .wrap .icon-rubber {
    background-color: #39b993
}

.canvas-tools .wrap .icon-clear-all {
    background-color: #f36b03
}

.canvas-tools .wrap .icon-palette {
    background-color: #1ca7ff
}

.sprite.inlineblock {
    display: inline-block;
    vertical-align: middle
}

canvas.transparent-canvas {
    display: block;
    position: absolute;
    z-index: 110;
    box-shadow: 0;
    top: 0;
    margin-left: 63px
}

canvas.transparent-canvas.zoom {
    display: none;
    position: absolute;
    z-index: 110;
    box-shadow: 0;
    top: 0;
    left: 0;
    margin-left: 0;
    pointer-events: none
}

.canvas-tools .pencil-menu,.canvas-tools .marker-menu,.canvas-tools .palette-menu,.canvas-tools .rubber-menu {
    display: none;
    position: absolute;
    bottom: 73px;
    left: -6px;
    background-color: white;
    width: 60px;
    height: 120px;
    box-shadow: 0 0 5px #595959
}

.canvas-tools .pencil-menu:after,.canvas-tools .marker-menu:after,.canvas-tools .palette-menu:after,.canvas-tools .rubber-menu:after {
    content: "";
    position: absolute;
    bottom: -19px;
    left: 0;
    width: 64px;
    height: 19px;
    background: url(../img/bottomArrow.T5NRpH65) left top no-repeat transparent
}

.canvas-tools .rubber-menu>div {
    margin: 9px auto;
    position: relative
}

.canvas-tools .pencil-menu .pencil-stroke,.canvas-tools .marker-menu .marker-stroke {
    background-color: black;
    position: relative;
    margin: 10px auto
}

.canvas-tools .pencil-menu .pencil-stroke {
    border-radius: 100%
}

.canvas-tools .pencil-menu .pencil-stroke.small,.canvas-tools .marker-menu .marker-stroke.small {
    width: 18px;
    height: 18px
}

.canvas-tools .pencil-menu .pencil-stroke.medium,.canvas-tools .marker-menu .marker-stroke.medium {
    width: 26px;
    height: 26px
}

.canvas-tools .pencil-menu .pencil-stroke.big,.canvas-tools .marker-menu .marker-stroke.big {
    width: 36px;
    height: 36px
}

.canvas-tools .palette-menu {
    height: 194px
}

.canvas-tools .palette-menu .palette-color {
    width: 40px;
    height: 16px;
    margin: 5px auto;
    position: relative
}

.canvas-tools .palette-menu .palette-color.white {
    background-color: white;
    border: 1px solid black
}

.canvas-tools .palette-menu .palette-color.black {
    background-color: black
}

.canvas-tools .palette-menu .palette-color.orange {
    background-color: #ec6f34
}

.canvas-tools .palette-menu .palette-color.red {
    background-color: #ec1e24
}

.canvas-tools .palette-menu .palette-color.yellow {
    background-color: #fcf204
}

.canvas-tools .palette-menu .palette-color.green {
    background-color: #3cb64c
}

.canvas-tools .palette-menu .palette-color.cyan {
    background-color: #04aeec
}

.canvas-tools .palette-menu .palette-color.blue {
    background-color: #242264
}

.canvas-tools .palette-menu .palette-color.purple {
    background-color: #951d87
}

.mask-square {
    position: absolute;
    z-index: 9999;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px #595959;
    background-color: #30a8cf;
    opacity: .65;
    overflow: hidden
}

.mask-square.done {
    opacity: 1;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    min-width: 54px;
    min-height: 54px
}

.mask-square .mask-handler {
    position: relative;
    z-index: 0;
    width: 90%;
    height: 100%
}

.mask-square.done .icon-close-xwhite.special {
    display: block
}

.mask-square .icon-close-xwhite.special {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    display: none
}

.stickyNote .sprite.pull-right {
    cursor: pointer
}

.stickyNote .icon-tack-handle {
    cursor: move;
    width: 170px;
    height: 24px;
    float: left
}

.stickyNote.sticky-note-closed .icon-tack-handle {
    cursor: move;
    width: 30px;
    transition: width .2s ease-in;
    height: 24px;
    float: left
}

.stickyNote.sticky-note-open .icon-tack-handle {
    transition: width .2s ease-in
}

.floating-activity {
    display: none;
    position: absolute;
    z-index: 10000001;
    top: 0;
    left: 0;
    width: 1018px;
    height: 100%;
    background-color: white;
    padding-top: 35px
}

.floating-activity .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 190;
    cursor: pointer;
    width: 48px;
    height: 48px
}

.floating-activity iframe {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0
}

activity {
    display: none
}

.attachment {
    position: absolute;
    z-index: 1210;
    width: 148px;
    height: 76px;
    line-height: 76px
}

.attachment>div {
    position: relative
}

.attachment .close {
    z-index: 1;
    width: 72px;
    height: 36px;
    margin-right: -38px;
    margin-top: -28px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.attachment .handler {
    z-index: 2;
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: top;
    cursor: move
}

.attachment .launcher {
    z-index: 1;
    width: 72px;
    height: 36px;
    margin-left: -36px;
    margin-top: -28px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.attachment .launcher .attachdata {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden
}

.attachment .file-hide {
    width: 0;
    height: 0;
    -webkit-opacity: .01;
    opacity: .01;
    overflow: hidden
}

.is-dragging {
    opacity: .8
}

.devEditLink {
    background-color: #39b993;
    border-bottom: 2px solid #88dcc3;
    padding: 8px 15px
}

.devEditLink a {
    font-size: 1.4em;
    color: white;
    display: block
}

.devCloud .devEditLink {
    background-color: #0cf;
    border-bottom: 2px solid #73e4ff
}

.headerPopupEdition {
    font-size: 28px;
    font-weight: bold;
    color: white
}

.imgdragging {
    z-index: 4!important;
    cursor: move;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.numberFreeCanvas,.numberFreeCanvasOf {
    font-family: 'Muli';
    position: absolute;
    text-align: center;
    line-height: 48px;
    top: 0;
    right: 96px;
    display: block;
    color: #a0a0a0;
    width: 36px;
    font-size: 24px;
    z-index: 100010;
    font-weight: bold
}

.numberFreeCanvasOf {
    font-weight: normal;
    right: 65px;
    font-size: 18px
}

.devLinksThemeId {
    display: inline-block;
    vertical-align: top;
    background-color: #1c66d6;
    border-radius: 100%;
    padding: 4px 9px;
    font-weight: bold;
    font-size: 1.2em;
    color: white;
    box-shadow: 1px 1px 5px -1px #595959;
    margin-right: 15px
}

.devLinksThemeNoId {
    display: inline-block;
    vertical-align: top;
    background-color: #7c1e24;
    border-radius: 100%;
    padding: 5px 11px;
    color: white;
    box-shadow: 1px 1px 5px -1px #595959;
    margin-right: 15px
}

.devLinksThemeIdAbs {
    position: absolute;
    top: 33px;
    left: 3px;
    background-color: #1d7b3d;
    border-radius: 100%;
    padding: 4px 8px;
    font-weight: bold;
    font-size: 1em;
    color: white;
    box-shadow: 2px 2px 5px -1px #595959
}

.devLinksThemeNoIdAbs {
    position: absolute;
    top: 33px;
    left: 3px;
    background-color: #7c1e24;
    border-radius: 100%;
    padding: 4px 9px;
    box-shadow: 2px 2px 5px -1px #595959
}

.nf-view_content_popups .modal-table-list .row .cell a span {
    color: #09c
}

.transcription p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

.netex-video-container {
    height: 100%
}

.netex-video-player-fullscreen .netex-video-container {
    height: auto
}

.video-reproductor {
    position: relative
}

.video-reproductor li {
    list-style: none;
    position: absolute;
    width: 100%
}

.netex-video-player-fullscreen .netex-video-container {
    margin-bottom: 0
}

.netex-video-player-fullscreen video {
    padding-bottom: 37px
}

.netex-video-player video {
    background: #000;
    cursor: pointer
}

.netex-video-poster {
    cursor: pointer
}

.netex-video-player .mejs-overlay {
    z-index: 10
}

#aFile,#inputFile {
    display: none
}

em {
    font-family: 'Muli Italic'
}