﻿html, body, div, span, applet, object, iframe, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }
header, hgroup, nav, section, article, aside, footer { display: block; }
*, *:hover, *:focus { outline: 0 !important; }
ul, ol { margin: 0; padding: 0; list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
:focus { outline: 0; }


.clearer, .clear { clear: both; font-size: 0px; line-height: 0px; width: 100%; height: 0px; visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .clearfix { height: 1%; }
.clearfix { display: block; }

input[type="text"]:-webkit-autofill,
input[type="password"]:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }


.container { margin: 0 auto; position: relative; z-index: 0; }
#form1 { position: relative; }
.masthead { max-width: 1200px; margin: 0 auto; padding: 10px 0 10px 0; position: relative; }
.container > div.content { padding-left: 11px; width: 982px; padding-right: 11px; padding-top: 5px; position: relative; }
.content-container { min-height: 300px; background-color: #fff; clear: both; padding: 26px 0 0 0; margin-top: -2px; position: relative; z-index: 100; }
.container div.content-container div.left-column { float: left; width: 210px; overflow: hidden; margin: 0; padding: 0 0 0 10px; }

.logo img.logoPrint { display: none; }

.main-content { float: left; width: 730px; padding: 0 10px 0 20px; position: relative; }
.center-column { float: left; width: 100%; position: relative; }
.right-column { width: 260px; display: none; margin: 0 0 0 20px; float: left; }

.container div.logo { height: 52px; }
.container div.logo img { margin-left: 25px; }


p { margin-bottom: 15px; }
.pagetitle { margin: 0; padding: 0 0 10px; }
blockquote { }
blockquote.right { float: right; margin: 0 0 5px 10px; width: 200px; }
blockquote.left { float: left; margin: 0 10px 5px 0; }
blockquote.center { margin: 1em auto; width: 80%; }
blockquote p.citation { font-size: .9em; font-style: italic; margin: -15px 0 0 10px !important; }
pre ul { padding: 0; margin: 0 0 15px 20px; list-style: disc; }
pre ol { padding: 0; margin: 0 0 15px 20px; *margin-left: 23px; list-style: lower-alpha; }
div.center-column table { margin-bottom: 15px; margin-bottom: 15px; }
div.center-column ul { list-style: disc; }
div.center-column ol { list-style: decimal; }
div.center-column div.article-list ul.etabs { list-style: none; }
div.center-column div.contentCMS ul { list-style: disc; }
div.center-column div.contentCMS ol { list-style: decimal; }

div.masthead h1 { display: none; }

label.error { color: #FE5A01; display: block; line-height: 0; margin: 0; min-width: 155px; font-weight: bold; }
img.contentThumbnail { float: right; max-width: 200px; margin: 0 0 10px 20px; border: 1px solid #ccc; }

div.center-column .resourceAddedInfo { color: #6d6c6c; display: block; font-size: 10px; text-transform: uppercase; }
div.center-column .resourceAddedInfo .label { font-weight: bold; padding-right: 5px; }

.bigOverlay { display: none; background: #000; opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; }


.defaultResolutions { text-align: center; clear: both; color: white; font-weight: bold; position: relative; }
.defaultResolutions .col-xs { background: red; display: none; }
.defaultResolutions .col-sm { background: blue; display: none; }
.defaultResolutions .col-md { background: green; display: none; }
.defaultResolutions .col-lg { background: yellow; display: none; color: black; }


.animated-panel { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes zoomIn {
	0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
	50% { opacity: 1; }
}

@keyframes zoomIn {
	0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
	50% { opacity: 1; }
}

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }



.icon.sweet-alert { width: 80px; height: 80px; border: 4px solid gray; border-radius: 50%; margin: 20px auto; position: relative; box-sizing: content-box; }
.animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; }
.animateSuccessLong { animation: 0.75s ease 0s normal none 1 running animateSuccessLong; }
.icon.sweet-alert.success.animate:after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateSuccessTip {
	0% { width: 0; left: 1px; top: 19px; }
	54% { width: 0; left: 1px; top: 19px; }
	70% { width: 50px; left: -8px; top: 37px; }
	84% { width: 17px; left: 21px; top: 48px; }
	100% { width: 25px; left: 14px; top: 45px; }
}

@keyframes animateSuccessTip {
	0% { width: 0; left: 1px; top: 19px; }
	54% { width: 0; left: 1px; top: 19px; }
	70% { width: 50px; left: -8px; top: 37px; }
	84% { width: 17px; left: 21px; top: 48px; }
	100% { width: 25px; left: 14px; top: 45px; }
}

@-webkit-keyframes animateSuccessLong {
	0% { width: 0; right: 46px; top: 54px; }
	65% { width: 0; right: 46px; top: 54px; }
	84% { width: 55px; right: 0px; top: 35px; }
	100% { width: 47px; right: 8px; top: 38px; }
}

@keyframes animateSuccessLong {
	0% { width: 0; right: 46px; top: 54px; }
	65% { width: 0; right: 46px; top: 54px; }
	84% { width: 55px; right: 0px; top: 35px; }
	100% { width: 47px; right: 8px; top: 38px; }
}

@-webkit-keyframes rotatePlaceholder {
	0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
	5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
	12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
	100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
}

@keyframes rotatePlaceholder {
	0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
	5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
	12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
	100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
}

.icon.sweet-alert.success { border-color: #4cae4c; }
.icon.sweet-alert.success:before,
.icon.sweet-alert.success:after { content: ''; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.icon.sweet-alert.success:before { border-radius: 120px 0 0 120px; top: -8px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; }
.icon.sweet-alert.success:after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; }

.icon.sweet-alert.success .line { height: 5px; background-color: #5cb85c; display: block; border-radius: 2px; position: absolute; z-index: 2; }
.icon.sweet-alert.success .line.tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.icon.sweet-alert.success .line.long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.icon.sweet-alert.success .placeholder { width: 80px; height: 80px; border: 4px solid rgba(92, 184, 92, 0.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; }
.icon.sweet-alert.success .fix { background-color: #ffffff; height: 89px; left: 28px; position: absolute; top: 8px; transform: rotate(-45deg); width: 6px; z-index: 1; }

.overlayMsg { position: absolute; left: 0; top: 0; display: table-cell; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); z-index: 9; }
.overlayMsg h3 { text-align: center; }
.overlayMsgCentered { margin-top: 20%; }


@-webkit-keyframes hvr-ripple-out {
	100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; border-radius: 50%; }
}

@keyframes hvr-ripple-out {
	100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; border-radius: 50%; }
}

.hvr-ripple-out { display: none; vertical-align: middle; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; border-radius: 50%; }
.hvr-ripple-out:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; border-radius: 50%; }
.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; -moz-animation-name: hvr-ripple-out; -o-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; border-radius: 50%; }

.hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; }
.hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -1px; height: 3px; -webkit-transition-property: left, right; -moz-transition-property: left, right; -o-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before { left: 0; right: 0; }


.bx-wrapper { position: relative; margin: 0 auto 0; padding: 0; *zoom: 1; }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { width: 100%; }
.bx-wrapper .bx-loading { display: none; }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { width: 100%; }
.bx-wrapper .bx-loading { display: none; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { *zoom: 1; *display: inline-block; }
.bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px 0 0; outline: 0; }
.bx-wrapper .bx-controls { z-index: 99; width: 100%; }











.ctIcon { width: 105px; height: 106px; margin-right: 20px; float: left; background: url(../image/resource.png) no-repeat left top #fff; }
.iconFile { background-image: url(../image/text.png); }
.iconReport { background-image: url(../image/publication.png); }
.iconArticle { background-image: url(../image/article.png); }
.iconForum { background-image: url(../image/blog.png); }
.iconDefault { background-image: url(../image/file.png); }
.iconDeadline { background-image: url(../image/deadline.png); }
.iconBlog { background-image: url(../image/blog.png); }
.iconSubpage { background-image: url(../image/subpage.png); }
.iconQuestion { background-image: url(../image/question.png); }
.ctIcon.iconAudioVideo { background-image: url(../image/audiovideo.png); }
.ctIcon.iconDefault.Cms.Deadline { background-image: url(../image/deadline.png); }
.ctIcon.iconDefault.Cms.Definition { background-image: url(../image/definition.png); }
.ctIcon.iconDefault.Cms.Program { background-image: url(../image/program.png); }
.ctIcon.iconDefault.Cms.Forum { background-image: url(../image/forum.png); }
.ctIcon.iconDefault.Cms.Conference.Call { background-image: url(../image/conferencecall.png); }
.ctIcon.iconDefault.Cms.Letter { background-image: url(../image/letter.png); }
.ctIcon.iconDefault.Cms.Committee { background-image: url(../image/commitee.png); }
.ctIcon.iconDefault.Cms.Organization { background-image: url(../image/organization.png); }
.iconNewsletter { background-image: url(../image/newsletter.png); }
.ctIcon.iconDefault.Cms.Subsite.Classroom { background-image: url(../image/classroom.png); }

.ctIcon.smallReport { background-image: url(../image/smallReport.png); width: 65px; height: 66px; }
.ctIcon.Report { background-image: url(../image/Report.png); width: 105px; height: 106px; margin-right: 20px; float: left; }

.ctIcon.iconActity.project { background-image: url(../image/projects.png); }

.conference .ctIcon.iconActvity { background-image: url(../image/conference.png); }

.course .ctIcon.iconWebsite { background-image: url(../image/job.png); }
.afteroutofschoolactivity .ctIcon { background-image: url(../image/after_school.png); }
.originalidea .ctIcon { background-image: url(../image/original_idea.png); }
.professionaldevelopmentexperience .ctIcon { background-image: url(../image/profdevexperiences.png); border: 1px solid #d1d1d1; }
.preserviceteachereducation .ctIcon { background-image: url(../image/preserviceteachereducation.png); }
.curriculumreview .ctIcon { background-image: url(../image/curriculum.png); }
.onlineresource .ctIcon { background-image: url(../image/online_resource.png); }

.integrativestemeducation .ctIcon.iconWebsite { background-image: url(../image/integrativeStem.png); }

.award .ctIcon.iconActity { background-image: url(../image/award.png); }
.tplFaq .ctIcon.iconDefault { background-image: url(../image/faq.png); }
.lesson .ctIcon.iconWebsite { background-image: url(../image/lesson.png); }
.professionalDevelopment .ctIcon.iconWebsite { background-image: url(../image/professionaldevelopmentexperiences.png); }
.scholarship .ctIcon.iconWebsite { background-image: url(../image/scholarship.png); }
.job .ctIcon.iconWebsite { background-image: url(../image/job.png); }
.iteeacertificates .ctIcon.iconWebsite { background-image: url(../image/iteeacertificates.png); }
.ebdConsortium .ctIcon.iconWebsite { background-image: url(../image/ebdconsort.png); }
.ebdSamples .ctIcon.iconWebsite { background-image: url(../image/ebdsample.png); }
.ebdPathway .ctIcon.iconWebsite { background-image: url(../image/ebdpathway.png); }
.assessment .ctIcon.iconWebsite { background-image: url(../image/assessment.png); }
.award .ctIcon.iconWebsite { background-image: url(../image/award.png); }
.advocacy .ctIcon.iconWebsite { background-image: url(../image/advocacy.png); }
.research .ctIcon.iconWebsite { background-image: url(../image/research.png); }
.elearningbydesign .ctIcon.iconWebsite { background-image: url(../image/6elearninbydesign.png); }
.focalpoint .ctIcon.iconWebsite { background-image: url(../image/focalpoint.png); }
.curriculum .ctIcon.iconWebsite { background-image: url(../image/curriculum.png); }
.programsupport .ctIcon.iconWebsite { background-image: url(../image/programsupport.png); }
.classroom .ctIcon.iconWebsite { background-image: url(../image/classroom.png); }
.factsheet .ctIcon { background-image: url(../image/factsheet.png); }
.paper .ctIcon { background-image: url(../image/paper.png); }
.bookreport .ctIcon { background-image: url(../image/bookreport.png); }

.pdfFile.factsheet .iconFile.ctIcon.iconDefault { background-image: url(../image/factsheet.png); }
.pdfFile.paper .iconFile.ctIcon.iconDefault { background-image: url(../image/paper.png); }
.graphic .ctIcon { background-image: url(../image/graphic.png); }
.deadlines .ctIcon.event { background-image: url(../image/deadline.png); }
.YoutubeVideo .ctIcon.iconVideo { background: url(../image/video.png) no-repeat left top #fff; }
.tplFeaturedLink .ctIcon { background-image: url(../image/link.png); }
.tplQuestion .qa-answer-icon.ctIcon { background-image: url(../image/answer.png); }
.ctIcon.album { background-image: url(../image/album.png); }

.pdfFile .iconFile.ctIcon.iconDefault,
.ctIcon.pdfFile { background-image: url(../image/pdf.png); }
.docFile .iconFile.ctIcon.iconDefault { background-image: url(../image/word.png); }
.docxFile .iconFile.ctIcon.iconDefault { background-image: url(../image/word.png); }
.pptFile .iconFile.ctIcon.iconDefault { background-image: url(../image/powerpoint.png); }
.pptxFile .iconFile.ctIcon.iconDefault { background-image: url(../image/powerpoint.png); }
.xlsFile .iconFile.ctIcon.iconDefault { background-image: url(../image/excel.png); }
.xlsxFile .iconFile.ctIcon.iconDefault { background-image: url(../image/excel.png); }
.pdfFile .size { display: none; }




.Photo .iconFile { background-image: url(../image/photo.png); }
.Document .iconFile { background-image: url(../image/document.png); }
.Video .iconFile { background-image: url(../image/video.png); }

.journalmagazinearticle .ctIcon { background-image: url(../image/magazine.png); border: 1px solid #d1d1d1; }

.tplResource.Video .ctIcon,
.tplResource.YoutubeVideo .ctIcon { background-image: url(../image/video.png); }
.tplResource.WebSite span.ctIcon,
.resourceIcon.iconWebsite { background-image: url(../image/text.png); }
.Link .resourceIcon.iconWebsite { background-image: url(../image/link.png); }
.Photo .resourceIcon.iconFile { background-image: url(../image/photo.png); }
.Document .resourceIcon.iconFile { background-image: url(../image/document.png); }
.YoutubeVideo .resourceIcon.iconFile { background-image: url(../image/video_youtube.png); }

.Complex.TeachingExamplesVideo .ctIcon { background-image: url(../image/video.png); }
.Complex.LessonPlan .ctIcon { background-image: url(../image/lesson_plan.png); }
.Complex.LessonPlanWebsite .ctIcon { background-image: url(../image/lesson_plan.png); }
.Complex.LessonPlanalreadypostedonanotherwebsite .ctIcon { background-image: url(../image/lesson_plan.png); }
.Complex.LessonPlan-Originalsubmission .ctIcon { background-image: url(../image/lesson_plan.png); }
.Complex.ClassroomExamples .ctIcon { background-image: url(../image/classrom.png); }

.Complex.LessonPlan div.resourceTopMainInfo span.resourceIcon { background-image: url(../image/lesson_plan.png); }
.Complex.LessonPlanWebsite div.resourceTopMainInfo span.resourceIcon { background-image: url(../image/lesson_plan.png); }
.Complex.ClassroomExamples div.resourceTopMainInfo span.resourceIcon { background-image: url(../image/classrom.png); }
.Complex.LessonPlanalreadypostedonanotherwebsite div.resourceTopMainInfo span.resourceIcon { background-image: url(../image/lesson_plan.png); }
.Complex.LessonPlan-Originalsubmission div.resourceTopMainInfo span.resourceIcon { background-image: url(../image/lesson_plan.png); }
.complex-resource.TeachingExamplesVideo div.resourceTopMainInfo span.resourceIcon { background-image: url(/common/resource/ContentTypes/video.png); }
.complex-resource.LessonPlanalreadypostedonanotherwebsite div.resourceTopMainInfo span.resourceIcon { background-image: url(../image/lesson_plan.png); }
.complex-resource.LessonPlan-Originalsubmission div.resourceTopMainInfo span.resourceIcon { background-image: url(../image/lesson_plan.png); }