/***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.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: #0000EE; text-decoration: underline; } #fileCabinetCart:hover .CartLink { text-decoration: none; } /***TOP NAV***/ #topNav { margin: 0; padding: 0; height: 49px; border-radius: 10px; position: relative; z-index: 101; float: left; padding-left: 180px;} #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; border: 1px solid #71cff1; border-radius: 3px; margin: 0; color: #615F5F; text-decoration: none; font-weight: bold; font-size: 14px; line-height: 22px;} #topNav ul#topNavUL li.main.active a.main { border-radius: 3px 3px 0 0; background: #71cff1; height: 38px; border-color: #71cff1; 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; font-size: 18px; background:#71cff1;} #topNav ul#topNavUL li#resourcesNav a.main span { display: block; width: 138px; padding: 0 20px 0 0; position: relative; z-index: 1; text-align: center; } #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 #615F5F; 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; } /*RESOURCES*/ #topNav ul#topNavUL li.main div.dropdown_resources { position: absolute; z-index: 100; top: 48px; left: 0; border: 3px solid #71cff1; border-right: 0; border-radius: 0 0 0 3px;} #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; } #topNav ul#topNavUL li.main div.dropdown_resources li a.subMain { margin: 0; padding: 0; display: block; background: #71cff1; width: 157px; font-size: 12px; font-weight: bold; line-height: 16px; padding: 7px 10px; color: #615F5F; text-decoration: none; } #topNav ul#topNavUL li.main div.dropdown_resources li#allResources a.subMain { background: #d0e1f1; border-radius: 0 0 0 10px; border-right: 3px solid #1570a6; 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: #615F5F; 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_1column { display: none; position: absolute; z-index: 1; left: 177px; top: 0px; background: #FFF; border: 3px solid #71cff1; border-left: 0; border-radius: 0 3px 3px 0; height: 330px; width: 506px; padding: 10px 10px 10px 20px; } #topNav ul#topNavUL li.main div.dropdown_1column1row { display: none; position: absolute; z-index: 1; left: 177px; top: 0px; background: #FFF; border: 3px solid #71cff1; border-left: 0; border-radius: 0 3px 3px 0; height: 330px; width: 263px; padding: 10px 0 10px 20px; } #topNav ul#topNavUL li.main div.dropdown_2columns { display: none; position: absolute; z-index: 1; left: 177px; top: 0px; background: #FFF; border: 3px solid #71cff1; border-left: 0; border-radius: 0 3px 3px 0; height: 250px; width: 250px; padding: 10px 10px 10px 20px; } #topNav ul#topNavUL li.main div.dropdown_resources li.active div.dropdown_1column, #topNav ul#topNavUL li.main div.dropdown_resources li.active div.dropdown_1column1row, #topNav ul#topNavUL li.main div.dropdown_resources li.active div.dropdown_2columns { display: block; } .dropdown_1column1row .learnmorebtn { left:165px; } .dropdown_resources .full { width: 490px; float: left;} .dropdown_resources .column1 { width: 226px; float: left; margin-left: 13px;} .dropdown_resources .column1-divider { width: 215px; float: left; margin-left: 13px; border-right: 1px solid #c6c6c6; margin-right:10px; padding-right: 8px;} .dropdown_resources .column2 { width: 224px; float: left; margin-left: 30px; } .dropdown_resources .column3 { width: 215px; float: left; margin-left: 30px; } .dropdown_resources h2 { margin: 0 0 4px 0; padding: 0; font-weight: bold; font-size: 20px; color: #fb9318; width: 97%; padding-bottom: 5px;} .dropdown_resources strong.heading, .dropdown_resources ul.navLinks li a.heading { color: #1570a6 !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 { display: block; color: #000; text-decoration: none; padding: 3px 0 10px; line-height: 12px !important; font-size: 12px !important; } .dropdown_resources ul.links li a strong, .dropdown_resources ul.navLinks li a strong { font-weight: normal; } .dropdown_resources ul.links li a:hover strong, .dropdown_resources ul.navLinks li 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, #topNav ul#topNavUL li.main li#specialtyNav div.dropdown_2columns { width: 420px; } #topNav ul#topNavUL li.main li#assessmentNav div.dropdown_1column .column1 { width: 500px; height: 405px; } #topNav ul#topNavUL li.main li#assessmentNav div.dropdown_2columns .column1 { width: 500px; } #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; } 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: 32px; } #topNav ul#topNavUL li.main div.dropdown_2columns { height: 330px; } .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 { width: 480px; } #topNav ul#topNavUL li.main li#booksNav div.dropdown_2columns, #topNav ul#topNavUL li.main li#fSkillsNav div.dropdown_2columns { width: 506px; } #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: 199px; } /*.dropdown_resources #rSkillsNav ul.navLinks.externalLinks.vocaba-z { position: absolute; z-index: 1; top: 214px; left: 247px; }*/ #topNav span.new span { display: none; } .mainButtons span.new { left: -10px; } .menutitle{ background-color: #71cff1; color: #1188B6; font-weight: bold; padding: 0 0 0 5px; font-size: 14px; line-height:28px;} .menuheading{ color: #b8b8b8; font-weight: bold; padding: 5px 0px 15px 0px; font-size: 16px; } .learnmorebtn{ background-color: #85c441; border:3px solid #85c441; width: 103px; height: 37px; position: absolute; left: 407px; top:298px; display:block;} ul .list{ list-style-type: none !important; line-height:19px;} ul.list li{ margin: 0; padding: 0px 0 0px 11px; background: url(/content/images/bullet-blue-square.png) 0 8px no-repeat;} .learnmorebtn .text { padding-top: 10px; color: #fff; text-align: center;} .learnmorebtn:hover{ background-color: #5D961F; border:3px solid #5D961F;} .flyoutdescription{ padding-bottom:20px;} .imgshadow { /* Better style on light background */ background:; padding:0; border:0px solid ; margin-top:0px; -moz-box-shadow:0px 0px 0px; -webkit-box-shadow:0px 0px 0px ; box-shadow:0px 0px 0px;} #resourcesMenuContainer .dropdown_1column, #resourcesMenuContainer .dropdown_2columns, #resourcesMenuContainer .dropdown_2columnsWide, #resourcesMenuContainer .dropdown_3columns, #resourcesMenuContainer .dropdown_4columns, #resourcesMenuContainer .dropdown_5columns { -moz-box-shadow: 0 0px 0px rgba(0,0,0,.5); -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.5); box-shadow: 0 0px 0px rgba(0,0,0,.5);} .menutopspacer{ height: 3px; background-color:#71cff1;} .menubottomspacer{ height: 46px; background-color:#1570a6;border-radius: 0 0 0 5px;} .menuspacer{ height: 46px; background-color:#71cff1; width: 177px;} .dropdown_1column ul{ padding-left:20px !important; } .dropdown_1column li{ list-style-type: none !important; } .dropdown_1column .columngreen { float:left; width:231px; margin-right:13px; padding: 5px 10px 10px 0;} .dropdown_1column h2 { padding-left:15px; color: #5D9B1D; font-size:18px; font-weight:normal; float: none;} .dropdown_1column .columnred { float:left; width:231px; margin:0; padding: 5px 10px 10px 0;}