/* vietnamese */

@font-face {

  font-family: 'Encode Sans';

  font-style: normal;

  font-weight: 300;

  src: local('Encode Sans Light'), local('EncodeSans-Light'), url(EncodeSans-Light_vietnamese.woff2) format('woff2');

  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;

}

/* latin-ext */

@font-face {

  font-family: 'Encode Sans';

  font-style: normal;

  font-weight: 300;

  src: local('Encode Sans Light'), local('EncodeSans-Light'), url(EncodeSans-Light_latin-ext.woff2) format('woff2');

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Encode Sans';

  font-style: normal;

  font-weight: 300;

  src: local('Encode Sans Light'), local('EncodeSans-Light'), url(EncodeSans-Light_latin.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}



html,body{min-height:100%}

html{padding:0}

body{font:1.05em/1.6 "Encode Sans",Arial,Helvetica,sans-serif;padding:20px;margin:0;text-align:left;color:#333;background:#fff}

input,select,textarea,.feedback{font-family:"Encode Sans",​Arial,Helvetica,sans-serif;font-size:1em}

.pre-code,.highlighted-code{font-family:"Encode Sans",​Arial,Helvetica,sans-serif;font-size:.9em;border-radius:0}

a{color:#007691}

/* Header is also in single page */

#header h1{margin:0;font-size:1em;color:#004F66}

#header,#emptyHeader,#nodeDecoration{height:auto;font-size:1em;text-align:left;letter-spacing:.5px;padding:26px 35px 34px 20px;border:1px solid #ddd;margin-bottom:0;background:url(_intef_title_bg.png) no-repeat 50% bottom}

.exe-single-page #header{font-size:1.55em}

#nodeTitle{font-size:1.55em;margin:0;color:#004F66}

#header h1,#nodeTitle{text-shadow:0 0 8px rgba(255,255,255,.6),0 0 5px rgba(255,255,255,.6),0 0 2px rgba(255,255,255,.9)}

/* .nodeTitle when single page */

.nodeTitle{padding:25px 0;border-bottom:1px dotted #97afb2;margin:25px 0 0 0;color:#3a4749;letter-spacing:.5px;font-size:1.5em}

h2{font-size:1.4em;color:#007691;letter-spacing:.5px;font-weight:normal}

h3{font-size:1.35em;color:#97afb2;letter-spacing:.5px;font-weight:normal}

p{margin:1em 0}

ol,ul{color:#3a4749}

#main{height:auto!important;height:300px;min-height:300px}

#main h4{font-size:1.2em}

#main h5{font-size:1.1em}

.iDevice{margin:25px 0}



/* iDevice icons */

.iDevice_header{background:url(icon_exe.png) no-repeat 0 bottom;padding-left:75px;position:relative}

.hidden-idevice .iDevice_header{background-color:#f5f7f8;padding-left:65px;box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 4px}

.iDevice_header.iDevice_header_noIcon{padding:0}

.hidden-idevice .iDevice_header.iDevice_header_noIcon{padding-left:20px}



.activityIdevice .iDevice_header{background-image:url(icon_gears.png)}

.readingIdevice .iDevice_header{background-image:url(icon_knowledge.png)}

.CasestudyIdevice .iDevice_header{background-image:url(icon_teacher_screen.png)}

.FileAttachIdeviceInc .iDevice_header{background-image:url(icon_atom.png)}

.GalleryIdevice .iDevice_header{background-image:url(icon_camera.png)}

.objectivesIdevice .iDevice_header{background-image:url(icon_award.png)}

.ReflectionIdevice .iDevice_header{background-image:url(icon_think.png)}

.preknowledgeIdevice .iDevice_header{background-image:url(icon_bulb.png)}



/* Interactive activities */

.ListaIdevice .iDevice_header,

.QuizTestIdevice .iDevice_header,

.MultichoiceIdevice .iDevice_header,

.TrueFalseIdevice .iDevice_header,

.MultiSelectIdevice .iDevice_header,

.ClozeIdevice .iDevice_header,

.ScrambledListIdevice .iDevice_header{background-image:url(icon_list.png)}



/* iDevice title */

.iDeviceTitle{font-size:1.4em;display:inline;font-weight:normal;vertical-align:top;top:0;color:#007691;line-height:60px;padding-right:25px;letter-spacing:.5px}

.hidden-idevice .iDeviceTitle{color:#526668}



.iDevice_content{overflow:auto}

/* iDevice content */

.iDevice_inner{padding:10px 20px;background:#f5f7f8;box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 4px}



#siteFooter{font-size:.95em;margin:25px 0}

#siteFooter a{color:#DB0B00}

#lbOverlay{background-color:#e2e2e2}

#lbOuterContainer{border-color:#ddd}

.ExternalUrlIdevice iframe{border:none}

/* Lightbox */

.exeImageGallery{width:100%}

/* base.css */

.block,.feedback{padding:0}

li{list-style-position:outside}

#wikipedia-content ul li{list-style-image:none;margin-bottom:auto}

/* Form buttons */

.iDevice_inner input[type=submit],.feedbackbutton{background:#007691;border:0;padding:4px 10px;color:#fff;margin-bottom:1em}

.iDevice_inner input[type=submit]:hover,.feedbackbutton:hover{background:#3a4749}

/* Hide/Show iDevice */

.toggle-idevice{text-align:right;display:block;margin-right:13px}

.iDevice_header .toggle-idevice{position:absolute;right:13px;bottom:13px;margin:0}

.toggle-idevice a{display:inline-block;width:20px;height:20px;background:url(_intef_icons.png) no-repeat 0 -20px}

.toggle-idevice .show-idevice{background-position:0 0}

.toggle-idevice span,#printNode a span{

	position:absolute; 

	clip:rect(1px 1px 1px 1px);/* IE6, IE7 */

	clip:rect(1px, 1px, 1px, 1px);	

}

/* eXe < 2.1 */

.iDevice a,#siteFooter a,#packageLicense a,.toggle-idevice a{text-decoration:underline}

.iDevice a:hover,#siteFooter a:hover,#packageLicense a:hover,.toggle-idevice a:hover{text-decoration:none}

/* Licenses */

#packageLicense{text-align:left;font-size:.8em;padding:0 20px;color:#FFF;line-height:1em;margin:0 0 25px 0;background:#526668;border:1px solid #526668;box-shadow:rgba(0, 0, 0, 0.4) 3px 3px 4px}

#packageLicense p{margin:20px 0}

#packageLicense a{color:#ecd078;text-decoration:underline}

#packageLicense.propietary{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:0}

#packageLicense.cc{padding:0 20px 0 110px;background:#526668 url(_intef_licenses.gif) no-repeat 20px 5px}

#packageLicense.cc-by-sa{background-position:20px -95px}

#packageLicense.cc-by-nd{background-position:20px -195px}

#packageLicense.cc-by-nc-sa{background-position:20px -295px}

#packageLicense.cc-by-nc-nd{background-position:20px -395px}

#packageLicense.cc-0{background-position:20px -495px}



/* eXe Figures */

.exe-figure{margin:2.5em 0}

.exe-figure,.exe-figure a{color:#888}

.position-center{margin:2.5em auto}

.position-right{margin:2.5em 0 2.5em auto}

.float-left{margin:.5em 1.5em 1em 0}

.float-right{float:right;margin:.5em 0 1em 2em}



#printNode{margin:0;position:absolute;top:33px;right:33px}

#printNode.with-toggler{margin-bottom:0}

#printNode a{display:block;width:30px;height:30px;background:#fff url(_intef_print.png) no-repeat 50% 50%;box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 4px;border-radius:15px}



@media print{

	#nodeDecoration,#header,#emptyHeader{color:#000;text-shadow:none;background:none;border:none;border-bottom:1px solid #E2E2E2;padding:20px 0}

	#packageLicense,#packageLicense.cc{background:none;padding:0;border:none;box-shadow:none;text-align:center}

	#packageLicense,#packageLicense a,#nodeTitle,.nodeTitle{color:#000}

	.iDevice_header{padding:5px 0}

}



/* Accordion */

.fx-accordion-title,.exe-accordion h2{background:#1E3F5D}



/* Hint & Feedback */

.iDevice_hint_content{border:1px solid #ecf0f1;background:#FFF}

.iDevice_inner .feedback{background:#FFF;border:1px solid #ecf0f1;padding:0 1em;margin:1em 0}

.iDevice_inner .feedback-right{background:#E9F9DF}

.iDevice_inner .feedback-wrong{background:#FDFDDB}

.iDevice_inner .iDevice_answer-feedback{background:none;border:none;padding:0;margin:0}

.TrueFalseIdevice .feedback{margin-top:1.5em}