img { border: 0; } #header { margin: 0 0 13px; padding: 0; position: relative; z-index: 200; height: 59px;} #header #logo { margin: 0; padding: 0; position: relative; z-index: 1; } #header img { border: 0; } /***GLOBAL NAV ***/ #header ul.navLinks, #header ul.globalNav2 { position: absolute; bottom: 0; right: 0; z-index: 200; padding: 0; margin: 0; font-family: arial; font-size: 12px; list-style: none; } #header ul.globalNav ul, #header ul.globalNav2 ul { margin: 0; padding: 0; list-style: none; } #header ul.globalNav li.main, #header ul.globalNav2 li.main { display: inline; float: left; position: relative; } #header ul.globalNav a, #header ul.globalNav2 a { display: inline-block; text-decoration: none; color: #666; font-weight: normal; font-size: 12px; } #header ul.globalNav a .yourRaz, #header ul.globalNav2 a .yourRaz { background: url(/images/arrow-globalnav.png) 94% 0 no-repeat; padding: 5px 28px 5px 15px; } #header ul.globalNav li ul li, #header ul.globalNav2 li ul li { display: block; background-image: none; padding: 3px 0; text-align: left; } #header ul.globalNav li ul.globalNavMain, #header ul.globalNav2 li ul.globalNavMain { position: absolute; background: #FFF; padding: 10px; border-radius: 5px; width: 200px; z-index: 200; border: 5px solid #8BC34F; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3 ); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3 ); } #header ul.globalNav li#myZone ul.globalNavMain, #header ul.globalNav2 li#myZone ul.globalNavMain { width: 120px; } #header ul.globalNav li ul.globalNavMain ul, #header ul.globalNav2 li ul.globalNavMain ul { padding: 0 0 0 10px; } #header ul.globalNav li ul li a, #header ul.globalNav2 li ul li a { font-weight: normal; color: #000 !important; display: block; } #header ul.globalNav li ul li a:hover, #header ul.globalNav2 li ul li a:hover { color: #82ba3e !important; } #header ul.globalNav li.main.active ul, #header ul.globalNav2 li.main.active ul { left: auto; right: 0; width: 170px; } #header ul.globalNav li.main.active a .yourRaz, #header ul.globalNav2 li.main.active a .yourRaz { background-position: 94% -15px; background-color: #8BC34F; border-radius: 5px 5px 0 0; color: #FFF;} #header ul.globalNav { border: 0; } #header ul.globalNav li#inBasket { padding: 0 5px 0 15px; } #header ul.globalNav li#inBasket .inBasketNumber { color: #FFF; background: #4961c1; height: 17px; min-width: 14px; width: auto !important; width: 13px; padding: 0 2px; display: inline-block; text-align: center; border-radius: 3px; position: relative; z-index: 1; top: -1px; font-size: 11px; line-height: 16px; margin: 0 0 0 2px; } #header ul.globalNav li#inBasket a:hover .inBasketNumber { background: #8BC34F; } #header ul.globalNav2 { border: 0; } .sitemap ul.navLinks #aboutRazMenuContainer { display: block !important; } .sitemap ul.navLinks #myZoneMenuContainer { display: block !important; } #fileCabinetCart { display: block; width: 126px; position: absolute; top: 20px; right: -10px; text-decoration: none; text-align: left; line-height: 15px; font-size: 12px; color: #666; font-family: Arial,Verdana,Helvetica,sans-serif;} #fileCabinetCart #CartNumber { display: block; width: 35px; height: 18px; padding: 8px 0 0 0; background: url(/images/file-cabinet-cart.png) 0 0 no-repeat; color: #FFF; font-size: 17px; font-weight: bold; text-align: center; float: left; margin: 3px 10px 0 0; } #fileCabinetCart .CartLink { color: #055bad; text-decoration: underline; } #fileCabinetCart:hover .CartLink { text-decoration: none; } /***TOP NAV***/ #topNav { margin: 0; padding: 0; height: 49px; background: #c2d9ee url(/images/bg-topnav.png) 0 100% repeat-x; border-radius: 10px; position: relative; z-index: 101; } #topNav ul#topNavUL { margin: 0; padding: 0; list-style: none; } #topNav ul#topNavUL li.main { margin: 5px 0 0; padding: 0; list-style: none; display: inline; float: right; position: absolute; z-index: 100; } #topNav ul#topNavUL li.main a.main { text-align: center; display: inline-block; padding: 8px 10px 0; height: 29px; background: #3f83c4 url(/images/bg-topnav-button2.png) 0 0 repeat-x; border: 1px solid #5d8fbf; border-radius: 10px; margin: 0; color: #FFF; text-decoration: none; font-weight: bold; font-size: 14px; line-height: 22px; text-shadow: 1px 1px 0 #296aa7; } #topNav ul#topNavUL li.main.active a.main { border-radius: 10px 10px 0 0; background: #1e5180; height: 38px; border-color: #1e5180; text-shadow: none; } #topNav ul#topNavUL li#resourcesNav { position: absolute; top: 0; left: 5px; z-index: 10; } #topNav ul#topNavUL li#resourcesNav a.main { text-align: left; background: #1e5180 url(/images/bg-topnav-button.png) 0 0 repeat-x; border: 1px solid #1e5180; font-size: 18px; text-shadow: 1px 1px 0 #0f3a61; } #topNav ul#topNavUL li#resourcesNav a.main span { display: block; width: 138px; padding: 0 20px 0 0; position: relative; z-index: 1; } #topNav ul#topNavUL li#resourcesNav a.main span .arrowDown { position: absolute; z-index: 1; top: 10px; right: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #FFF; display: inline; width: 0; padding: 0; height: 0; } #topNav ul#topNavUL li#resourcesNav a.main span.hoverExtension { display: none; } #topNav ul#topNavUL li#resourcesNav.active a.main span.hoverExtension { display: block; position: absolute; top: 0px; right: -35px; z-index: 200; height: 55px; width: 35px; background: none !important; padding:0; } /*SEARCH*/ #topNav ul#topNavUL li#searchNav { background: url(/images/bg-topnav-searchfield.png) 0 0 no-repeat; margin: 0; height: 30px; width: 240px; position: absolute; z-index: 200; top: 10px; left: 209px; } #topNav ul#topNavUL li#searchNav input#hsearchTerms { margin: 0; background: #FFF !important; border: 0 solid #FFF; height: 21px; width: 200px; padding: 0 0 0 4px; position: absolute; z-index: 100; top: 4px; left: 5px; -webkit-appearance: textfield; } #topNav ul#topNavUL li#searchNav #btn-search { background: url(/images/button-topnav-search.png) 0 0 no-repeat; border: 0; cursor: pointer; display: block; font-size: 0; height: 28px; width: 34px; line-height: 0; padding: 0; position: absolute; right: -5px; top: 0; text-indent: -1000em; } #topNav ul#topNavUL li#searchNav form input#hsearchTerms { left: 5px; width: 200px; } #topNav ul#topNavUL li#searchNav form #btn-search { background: url(/images/button-topnav-search.png) 0 0 no-repeat; border: 0; cursor: pointer; display: block; font-size: 0; height: 28px; width: 34px; line-height: 0; padding: 0; position: absolute; right: -5px; top: 0; text-indent: -1000em; } ::-webkit-input-placeholder { color:#999; font-style: italic; font-size: 11px; } ::-moz-placeholder { color:#999; font-style: italic; font-size: 11px; } /* firefox 19+ */ :-ms-input-placeholder { color:#999; font-style: italic; font-size: 11px; } /* ie */ input:-moz-placeholder { color:#999; font-style: italic; font-size: 11px; } /*TEACHER CORNER*/ #topNav ul#topNavUL li#teacherCornerNav { position: absolute; right: 5px; top: 0; z-index: 100; } #topNav ul#topNavUL li#teacherCornerNav a { width: auto; } #topNav ul#topNavUL li#teacherCornerNav div.dropdown_resources { position: absolute; z-index: 100; left: auto; right: 0; width: 156px; top: 45px; border: 3px solid #1e5180; border-radius: 10px 0 10px 10px; background: #FFF; padding: 10px; } /*FILE CABINET*/ #topNav ul#topNavUL li#filecabinetNav, #topNav ul#topNavUL li#filecabinetNav2 { top: 0; right: 306px; } #topNav ul#topNavUL li#filecabinetNav a, #topNav ul#topNavUL li#filecabinetNav2 a { padding-left: 47px; } #topNav ul#topNavUL li#filecabinetNav:hover a.main { border-radius: 10px; background: #1e5180; height: 29px; border-color: #1e5180; text-shadow: none; } #topNav ul#topNavUL li#filecabinetNav .total, #topNav ul#topNavUL li#filecabinetNav2 .total { display: inline-block; width: 32px; height: 18px; padding: 0; margin: 0 5px 0 0; position: absolute; top: 11px; left: 10px; color: #316595; background: #FFF; border-radius: 3px; text-align: center; text-shadow: none; line-height: 19px } #topNav ul#topNavUL li#filecabinetNav .total .fileTop, #topNav ul#topNavUL li#filecabinetNav2 .total .fileTop { width: 13px; height: 3px; border-radius: 3px 4px 0 0; background: #FFF; position: absolute; z-index: 1; top: -4px; left: 2px; } #topNav ul#topNavUL li#filecabinetNav2 div.dropdown_resources { position: absolute; z-index: 100; left: -999em; width: 350px; top: 45px; border: 3px solid #1e5180; border-radius: 10px 0 10px 10px; background: #FFF; padding: 10px; } #topNav ul#topNavUL li#filecabinetNav2:hover div.dropdown_resources { left: auto; right: 0; } /*Manage Classroom*/ #topNav ul#topNavUL li#classroomNav a.main { width: 128px; } #topNav ul#topNavUL li#classroomNav, #topNav ul#topNavUL li#classroomNav2 { top: 0; right: 146px; } #topNav ul#topNavUL li#classroomNav div.dropdown_resources { position: absolute; z-index: 100; left: 0; width: 124px; top: 45px; border: 3px solid #1e5180; border-radius: 10px; background: #FFF; padding: 10px; } #topNav ul#topNavUL li#classroomNav2 div.dropdown_resources { position: absolute; z-index: 100; left: auto; right: 0; width: 350px; top: 45px; border: 3px solid #1e5180; border-radius: 10px 0 10px 10px; background: #FFF; padding: 10px 10px 40px 10px; } #topNav ul#topNavUL li#classroomNav2 div.dropdown_resources img.parrot { position: absolute; bottom: -46px; right: 0px; } #topNav ul#topNavUL li#classroomNav2 div.dropdown_resources .button { padding: 0; float: none; position: absolute; bottom: 0; right: 0; width: 100px; text-transform: none; background: #005692; font-size: 12px; line-height: 22px; border-radius: 5px; } #topNav ul#topNavUL li#classroomNav2 div.dropdown_resources .button:hover { background: #008BE8; color: #FFF;} /* IF NO STUDENTS */ #topNav ul#topNavUL li#classroomNav div.dropdown_resources.addStudentsNav { left: auto; right: 0px; border-radius: 0 0 10px 10px; width: 144px; padding: 20px 0 !important; text-align: center; } #topNav ul#topNavUL li#classroomNav div.dropdown_resources.addStudentsNav img { margin: 0 0 7px 0; } #topNav ul#topNavUL li#classroomNav div.dropdown_resources { left: auto; right: -146px; width: 560px; } #topNav ul#topNavUL li#classroomNav div.dropdown_resources.numCols4 { left: auto; right: -146px; width: 744px; } #topNav ul#topNavUL li#classroomNav div.dropdown_resources.numCols5, #topNav ul#topNavUL li#classroomNav div.dropdown_resources.numCols6 { left: auto; right: -146px; width: 934px; } #topNav ul#topNavUL li#classroomNav div.dropdown_resources#classroomMenuContainer { padding: 0; } #topNav ul#topNavUL li#classroomNav div.dropdown_resources ul.classroomLinks { margin: 20px 0 5px 7px; padding: 0; list-style: none; overflow: auto; } #topNav ul#topNavUL li#classroomNav div.dropdown_resources ul.classroomLinks li { display: inline-block; float: left; width: 167px; padding: 0 0 0 15px; } #topNav ul#topNavUL li#classroomNav div.dropdown_resources.numCols6 ul.classroomLinks li { display: inline-block; float: left; width: 138px; padding: 0 0 0 15px; } #topNav ul#topNavUL li#classroomNav div.dropdown_resources.numCols1 ul.classroomLinks li { display: inline-block; float: left; width: auto; padding: 0 55px 0 15px; } #topNav ul#topNavUL li#classroomNav div.dropdown_resources.numCols2 ul.classroomLinks li { display: inline-block; float: left; width: auto; padding: 0 55px 0 15px; } #topNav ul#topNavUL li#classroomNav div.dropdown_resources.numCols3 ul.classroomLinks li { display: inline-block; float: left; width: auto; padding: 0 55px 0 15px; } #topNav .students { overflow: hidden; margin: 0 7px; background-color: #F7F3E4; position: relative; z-index: 1; padding: 0; border-top: 5px solid #175a8c; text-shadow: 1px 1px 0 #F5F0FB; } #topNav .studentsHeading a { border-bottom: 1px dashed #B0C2D3; color: #13486F; text-shadow: none; display: block; font-size: 12px; line-height: 22px !important; margin: 5px 15px 9px; padding: 0 !important; text-decoration: none; text-transform: uppercase; } #topNav .studentsHeading a .arrowRight { border-left: 5px solid #13486f; } #topNav .studentsHeading a:hover { border-bottom-color: #000; color: #000; } #topNav .studentsHeading a:hover .arrowRight { border-left: 5px solid #000; } #topNav ul#topNavUL li#classroomNav ul.studentList { display: block; float: left; width: 167px; margin-left: 15px; margin-bottom: 10px; } #topNav ul#topNavUL li#classroomNav .numCols6 ul.studentList { width: 138px; } a.buttonAdd {padding: 6px 7px 10px 32px; margin: 0; position: relative; z-index: 1; float: right; text-decoration: none; color: #000; margin-top: 5px; } a.buttonAdd.rosterAdd { float: none; padding-bottom: 6px; } a.buttonAdd:hover { text-decoration: underline; } .addIcon { display: inline-block; background: url(/shared/images/add-button.png) 0 0 no-repeat; width: 23px; height: 18px; position: absolute; top: 4px; left: 5px; } .inBasketNumber { color: #FFF; height: 17px; min-width: 14px; width: auto !important; width: 13px; padding: 0 2px; display: inline-block; text-align: center; border-radius: 3px; position: relative; z-index: 1; top: -1px; font-size: 11px; line-height: 16px; margin: 0 0 0 2px; } a:hover .inBasketNumber { background: #8BC34F !important; } .inBasketNumber { background: #FA6502; } .animate { animation: animate 1s cubic-bezier(0,1,1,0); } @keyframes animate{ from { transform: scale(1); } to { transform: scale(1.7); } } /*RESOURCES*/ #topNav ul#topNavUL li.main div.dropdown_resources { position: absolute; z-index: 100; top: 48px; left: 0; border: 3px solid #1e5180; border-right: 0; border-top: 0; border-radius: 0 0 0 10px; background: #FFF; } #topNav ul#topNavUL li.main div.dropdown_resources ul { margin: 0; padding: 0; list-style: none; } #topNav ul#topNavUL li.main div.dropdown_resources li { margin: 0; padding: 0; } #topNav ul#topNavUL li.main div.dropdown_resources li a.subMain { margin: 0; padding: 0; display: block; background: #1e5180; width: 157px; font-size: 12px; font-weight: bold; line-height: 16px; padding: 7px 10px; color: #FFF; text-decoration: none; text-shadow: 1px 1px 0 #11395e; position: relative; z-index: 1; } #topNav ul#topNavUL li.main div.dropdown_resources li#allResources a.subMain { background: #d0e1f1; border-radius: 0 0 0 10px; border-right: 3px solid #1e5180; color: #134572; text-shadow: 1px 1px 0 #FFF; width: 154px; } #topNav ul#topNavUL li.main div.dropdown_resources li#allResources .arrowRight { display: inline-block; width: 0; height: 0; margin-right: 3px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #5c7d9c; } .ie7 #topNav ul#topNavUL li.main div.dropdown_resources li#allResources .arrowRight { position: relative; top: -3px; z-index: 1; } #topNav ul#topNavUL li.main div.dropdown_resources li.last a.subMain { border-radius: 0 0 0 5px; } #topNav ul#topNavUL li.main div.dropdown_resources li.active a.subMain { background: #FFF; color: #134572; text-shadow: none; } #topNav ul#topNavUL li.main div.dropdown_resources li.active a.subMain.nopage { cursor: default; } #topNav ul#topNavUL li.main div.dropdown_2columns { display: none; position: absolute; z-index: 1; left: 177px; top: -3px; background: #FFF; border: 3px solid #1e5180; border-left: 0; border-radius: 0 10px 10px 0; height: 250px; width: 250px; padding: 10px 0 10px 20px; } #topNav ul#topNavUL li.main div.dropdown_resources li.active div.dropdown_2columns { display: block; } .dropdown_resources .column1 { width: 200px; float: left; margin-left: 13px; } .dropdown_resources .column2 { width: 200px; float: left; margin-left: 30px; } .dropdown_resources .column3 { width: 200px; float: left; margin-left: 30px; } #teacherCornerNav .dropdown_resources .column1 { width: 165px; float: left; } #teacherCornerNav .dropdown_resources .column2 { width: 202px; margin: 0 0 0 2px; float: left; } #teacherCornerNav .dropdown_resources .column3 { width: 140px; margin: 0; float: right; } .dropdown_resources h2 { margin: 0 0 4px 0; padding: 0; font-weight: bold; font-size: 15px; color: #feb300; text-transform: uppercase; } .dropdown_resources strong.heading,.dropdown_resources ul.navLinks li a.heading { color: #1e5180 !important; display: block; font-size: 12px; text-transform: uppercase; border-bottom: 1px dashed #b0c2d3; margin: 2px 0 4px; padding: 0 !important; line-height: 15px !important; font-weight: bold; text-decoration: none; } .dropdown_resources ul.links,.dropdown_resources ul.navLinks { margin: 0 0 15px !important; padding: 0; list-style: none; } .dropdown_resources ul.links li,.dropdown_resources ul.navLinks li { margin: 0; padding: 0; list-style: none; } .dropdown_resources ul.links li a, .dropdown_resources ul.navLinks li a, .dropdown_resources ul.classroomLinks a, .dropdown_resources ul.studentList a { display: block; color: #000; text-decoration: none; padding: 3px 0 10px; line-height: 12px !important; font-size: 12px !important; } .dropdown_resources #booksNav ul.navLinks li a { padding: 3px 0 8px; } .dropdown_resources ul.links li a strong,.dropdown_resources ul.navLinks li a strong,.dropdown_resources ul.classroomLinks a strong,.dropdown_resources ul.studentList a strong { font-weight: normal; } .dropdown_resources ul.links li a:hover strong,.dropdown_resources ul.navLinks li a:hover strong,.dropdown_resources ul.classroomLinks a:hover strong,.dropdown_resources ul.studentList a:hover strong { text-decoration: underline; } .dropdown_resources ul.links li a.active strong,.dropdown_resources ul.navLinks li a.active strong { font-weight: bold; } .dropdown_resources ul.links li a span,.dropdown_resources ul.navLinks li a span { display: block; color: #999; font-size: 10px; text-decoration: none !important; } .dropdown_resources ul.navLinks li a.subHeading2 strong span.lowerCase { font-size: 12px; color: #000; } .dropdown_resources ul.links li a:hover span,.dropdown_resources ul.navLinks li a:hover span { text-decoration: none !important; } .dropdown_resources ul.navLinks ul ul { display: none; } #fSkillsNav li.notInFoundationalNav { display: none; } /*RESOURCES CUSTOM SIZES*/ #topNav ul#topNavUL li.main li#leveledReadingNav div.dropdown_2columns, #topNav ul#topNavUL li.main li#allResources div.dropdown_2columns { width: 420px; } #topNav ul#topNavUL li.main li#specialtyNav div.dropdown_2columns { width: 465px; } #topNav ul#topNavUL li.main li#assessmentNav div.dropdown_2columns .column2 { width: 190px; } #topNav ul#topNavUL li.main li#assessmentNav div.dropdown_2columns .column3 { width: 270px; } .dropdown_resources #specialtyNav .column1 { width: 215px; } ul.navLinks li a { position: relative; z-index: 1; } ul.navLinks li a span.new { text-transform: none; font-size: 11px; color: #FFF; width: 30px; } #topNav ul.navLinks li a span.new { top: 0; left: -32px; } #leftcolumn ul.navLinks li a span.new { top: 4px; left: -30px; } #topNav ul#topNavUL li#teacherCornerNav div.dropdown_resources { width: 555px; } ul#globalNav li ul li.nopage a, ul#globalNav2 li ul li.nopage a, .dropdown_resources ul.links li.nopage a, .dropdown_resources ul.navLinks li.nopage a { /*color: red !important; cursor: help; text-decoration: none !important;*/ } .dropdown_resources ul.links li.nopage a:hover strong { text-decoration: none !important; } /*a.subMain.nopage { cursor: help; }*/ #teacherCornerNav .dropdown_resources .column1 { margin-right: 20px; } #topNav ul#topNavUL li.main div.dropdown_resources li a.subMain { line-height: 45px; } #topNav ul#topNavUL li.main div.dropdown_2columns { height: 334px; } .dropdown_resources .column3 { width: 205px; } #topNav ul#topNavUL li.main li#commoncoreNav div.dropdown_2columns { width: 470px; } #topNav ul#topNavUL li.main li#rSkillsNav div.dropdown_2columns, #topNav ul#topNavUL li.main li#instructionalUses div.dropdown_2columns { width: 480px; } #topNav ul#topNavUL li.main li#booksNav div.dropdown_2columns, #topNav ul#topNavUL li.main li#fSkillsNav div.dropdown_2columns { width: 712px; } #classroomMenuContainer.dropdown_resources .column1 { width: 110px; margin-left: 0; } /*** EXTERNAL LINKS ***/ .dropdown_resources ul.navLinks.externalLinks { background: #E7C7D8; padding: 5px 15px 0 !important; position: relative; top: -15px; left: -15px; margin-bottom: 0 !important; border-radius: 10px; } .dropdown_resources #rSkillsNav ul.navLinks.externalLinks { width: 213px; } .dropdown_resources ul.navLinks.externalLinks a.heading { border-bottom: 0 !important; color: #79174A !important; text-transform: none !important; } .dropdown_resources ul.navLinks.addOn a.heading { border-bottom: 1px dashed #FFB75E; color: #000 !important; text-transform: none !important; } .dropdown_resources ul.navLinks.externalLinks li a { color: #9E1F63; } /*** Add On ***/ .dropdown_resources ul.navLinks.addOn { position: relative; z-index: 1; top: -10px; left: -15px; border-left: 10px solid #ffa73c; padding-left: 5px !important; padding-right: 10px !important; padding-top: 3px !important; background: #FFE6C6; } .dropdown_resources ul.navLinks.addOn { width: 207px; } /*.dropdown_resources #rSkillsNav ul.navLinks.externalLinks.vocaba-z { position: absolute; z-index: 1; top: 214px; left: 247px; }*/ #topNav span.new span { display: none; } #topNav a.subMain span.new { top: 0; } #topNav a.subMain span.new span { display: block; } .mainButtons span.new { left: -10px; } /*** SITE MAP ****/ .sitemap { float: left; position: relative; z-index: 1; top: 0; left: -20px; width: 980px; } .sitemap .column { float: left; width: 220px; margin: 0 0 0 20px; } .sitemap ul { margin: 0; padding: 0; list-style: none; } .sitemap ul.navLinks { margin-top: 20px; } .sitemap ul.navLinks ul { margin-top: 5px; } .sitemap ul li { margin: 0; padding: 3px 0; } .sitemap ul.navLinks ul li li { margin-left: 10px; } .sitemap ul.navLinks li a span { display: none; } .sitemap ul.navLinks li a span.new { display: block; top: 0; left: -36px; } .sitemap ul.navLinks li a span.yourRaz { display: block; } .sitemap ul li .heading { display: block; font-size: 14px; background: #eaeaea; padding: 3px 5px; color: #000; text-decoration: none; font-weight: bold; text-shadow: 1px 1px 0 #FFF; }