/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*This CSS file is applied to discoveryeducation.com/index.cfm */ /*Contains all layout and style for elements residing inside the header and footer */ html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } a {outline:none; color:#165894; font-size:11px; text-decoration:none;} a:hover {color:#1b73c3; text-decoration:underline;} .hBlue {color:#24679a;} .hBlueDash {color:#24679a; font-size:12px; font-weight:bold;} .learnMore {position:absolute; bottom:13px; right:22px;font-weight:bold;} #de_base { width:988px;} #footerWrap {padding-top:8px;} /*LAYOUT: 2 columns: de_col_left and de_col_right*/ /*Column left ELEMENTS*/ #de_col_left {float:left; position:relative; width:321px;} #de_col_right {float:right; position:relative; width:659px;} #loginEl {float:left; width:321px; position:relative;} #lgTabs {overflow:hidden; height:100%;}/*true height for floated els*/ /*Login tabs*/ a.elTab {display:block; float:left; height:28px; width:156px; background:URL(/de/images/de_home/v2/login_tabs.jpg) 0px 56px;} a.elTab:hover {background-position:0px 28px;} a.elSelected {display:block; float:left; height:28px; width:156px; background:URL(/de/images/de_home/v2/login_tabs.jpg) 0px 0px; cursor:default;} /*Login tabs*/ a.plTab {display:block; float:left; margin:0 0 0 4px; height:28px; width:161px; background:URL(/de/images/de_home/v2/login_tabs.jpg) 161px 56px;} a.plTab:hover {background-position:161px 28px;} a.plSelected {display:block; float:left; margin:0 0 0 4px; height:28px; width:161px; background:URL(/de/images/de_home/v2/login_tabs.jpg) 161px 0px; cursor:default;} /*Login trial button*/ a.de_home_trial {position:absolute; top:368px; left:34px; display:block; height:37px; width:250px; background:URL(/de/images/de_home/v2/btn_trial.jpg) 0px 0px;} a.de_home_trial:hover {background-position:0px 37px;} /*Login GO button*/ a.loginGo {display:block; position:absolute; top:59px; left:216px; height:42px; width:91px; background:URL(/de/images/de_home/v2/btn_login.jpg) 0px 0px;} a.loginGo:hover {background-position:0px 84px;} a.loginGo:active {background-position:0px 42px;} a.loginGoPass {display:block; position:absolute; top:17px; left:140px; height:42px; width:91px; background:URL(/de/images/de_home/v2/btn_login.jpg) 0px 0px;} a.loginGoPass:hover {background-position:0px 84px;} a.loginGoPass:active {background-position:0px 42px;} /*position forms and provide id's to remove from dom*/ #elLogin {position:relative; z-index:5;} #plLogin {position:relative; z-index:5;} #username {position:absolute; top:13px; left:19px;} #pword {position:absolute; top:13px; left:167px;} #passcode {position:absolute; top:12px; left:19px; width:300px;} /*Login form style*/ #elLogin label {display:block; margin:0 0 2px 1px; padding-top:0px; font-size:12px; color:#727272;} #elLogin div.inputWrap {border-top:1px #989898 solid;border-right:1px #989898 solid;border-left:1px #989898 solid;border-bottom:1px #989898 solid; background:#fff URL(/de/images/de_home/v2/bg_input.jpg) repeat-x; width:130px;} #elLogin .inputWrap input { font-size:12px; font-weight:bold; color:#7f7f7f; display:block; width:126px;height:17px; margin:1px 0 1px 2px; background:none; border:none; } #plLogin label {display:block; margin:0 0 10px 1px; padding-top:0px; font-size:12px; color:#727272;} #plLogin div.inputWrap {float:left; border-top:1px #989898 solid;border-right:1px #989898 solid;border-left:1px #989898 solid;border-bottom:1px #989898 solid; background:#fff URL(/de/images/de_home/v2/bg_input.jpg) repeat-x; width:55px;} #plLogin .inputWrap input { font-size:12px; font-weight:bold; color:#7f7f7f; display:block; width:52px;height:17px; margin:1px 0 1px 2px; background:none; border:none;} #loginEl div.box {position:relative; width:321px; height:189px; background:#efefef URL(/de/images/de_home/v2/bg_login.jpg) no-repeat;} #loginEl div.trial {} #errorMsg {position:absolute; top:100px; left:2px; width:314px; height:84px; color:#db6209; z-index:11; background:#fff; border:1px #db6209 solid;} #errorMsg div {margin:10px 8px 20px 8px; font-size:10px; line-height:12px;} #errorPoint {position:absolute; top:-16px; left:-14px;} .loginLinks {position:absolute; left:20px; top:60px; } a.loginLinks {font-size:10px; text-decoration:underline;} .loginLinksb {position:absolute; left:20px; top:76px; } a.loginLinksb {font-size:10px; text-decoration:underline;} .loginLinks2 {position:absolute; left:0px; top:54px; } a.loginLinks2 {font-size:10px; text-decoration:underline;} .loginLinks3 {position:absolute; left:0px; top:73px; } a.loginLinks3 {font-size:10px; text-decoration:underline;} /*Products and Services Section*/ #de_products {width:321px; height:482px; position:relative; background:#f0f0f0;} /*holds bg image for products and services*/ #hot_products {position:relative; width:321px; height:157px; top:-2px; } .over {background:URL(/de/images/de_home/v2/products_over.jpg) 0 -628px no-repeat;} .over_cr {background:URL(/de/images/de_home/v2/products_over.jpg) 0 0px no-repeat;} .over_ass {background:URL(/de/images/de_home/v2/products_over.jpg) 0 -157px no-repeat;} .over_profDev {background:URL(/de/images/de_home/v2/products_over.jpg) 0 -314px no-repeat;} .over_comm {background:URL(/de/images/de_home/v2/products_over.jpg) 0 -471px no-repeat;} #cr {position:absolute; top:2px; left:0px; background-position:0px 0px; width:160px; height:78px; cursor:pointer;} #ass {position:absolute; top:0px; left:160px; width:160px; height:78px; cursor:pointer;} #profDev {position:absolute; top:78px; left:0px; width:160px; height:78px; cursor:pointer;} #comm {position:absolute; top:78px; left:160px; width:160px; height:78px; cursor:pointer;} /*holds divs which contain Products and services info*/ #info_products {position:relative;} .hotties {width:160px; height:90px; position:absolute; cursor:pointer;} .hotties_hover {background:URL(/de/images/de_home/v2/bg_prod_over.jpg) no-repeat;width:160px; height:90px; position:absolute; cursor:pointer;} .hotties p.i {margin:0; padding:10px 12px 12px 10px; line-height:13px;} .hotties a {font-weight:bold; text-decoration:none; display:block;} .hotties_hover p.i {margin:0; padding:10px 12px 12px 10px; line-height:13px;} .hotties_hover a {font-weight:bold; text-decoration:none; display:block;color:#1b73c3;} .hotties a:hover {text-decoration:none;} #info_cr {left:1px; top:0px;} #info_ass {right:1px; top:0px;} #info_profDev {left:1px; top:87px;} #info_comm {right:1px; top:87px;} #hardward_solutions {position:absolute; bottom:0; left:0; padding:12px 0 0 14px; width:320px; height:59px; background:URL(/de/images/de_home/v2/img_server.jpg) no-repeat; cursor:pointer;} #hardward_solutions:hover {background-position:0px -71px;} #hardward_solutions:hover a {font-weight:bold;text-decoration:none;color:#1b73c3;} /*Teacher Store Styles*/ #de_teacher_store {width:321px; height:252px; position:relative; background:#fff; line-height:13px;} /*Column Right elements*/ #flashBox {width:659px;height:284px;margin:0; border:1px #737373 solid;} #de_resources {width:660px; height:298px; background:#f0f0f0; position:relative;} #de_resources_promo {position:relative;} a.resources_img {position:absolute; top:-2px; right:0; border:none;} #de_resources_promo p {display:block; padding:6px 0 0 11px; width:153px; line-height:16px;} #de_resources_promo b {font-size:12px;} #de_school {width:167px; height:265px; background:#f0f0f0; position:relative; margin-left:7px;} a.school_img {position:relative; top:0px; left:7px; margin-bottom:2px;} a.home_img { position:relative; left:-3px;} #de_home {width:167px; height:265px; background:#f0f0f0; position:relative; left:7px;}/*used left:7px here to remedy a 1px issue in ie6*/ a.de_more_free {font-weight:bold; position:absolute; bottom:5px; right:7px; padding-right:12px; /*text-transform:uppercase;*/ background:URL(/de/images/de_home/v2/aro_blu.jpg) right 2px no-repeat;} a.de_more_store {font-weight:bold; position:absolute; bottom:5px; right:7px; padding-right:12px; /*text-transform:uppercase;*/ background:URL(/de/images/de_home/v2/aro_blu_on_white.jpg) right 2px no-repeat;} #res_1 {width:313px; height:264px; border-right:1px #d4d4d4 solid; position:relative;} #res_2 {width:170px; height:264px; border-right:1px #d4d4d4 solid; position:absolute; left:314px; top:30px;} #res_3 {width:170px; height:264px; position:absolute; right:0px; top:30px;} .xBox h5 {color:#3e3e3e; font-size:12px; font-weight:bold; margin:0; padding:0; position:absolute; top:102px; left:11px;} /*FLASH video slider*/ #de_video_slider {width:659px; height:215px; background:#f0f0f0;} #sliderBox {position:absolute;top:4px;left:0px;} #de_DEN {width:659px; height:146px;background:#f0f0f0;} a.logo_DEN {margin:8px 0 0 20px; display:block; width:92px; height:97px; background:URL(/de/images/de_home/v2/btn_den_logo.jpg) ;} a.logo_DEN:hover { background-position:0 97px;} #text_DEN {position:absolute; top:40px; left:145px;} #de_DEN_1 {position:absolute; top:75px; left:145px;} #de_DEN_2 {position:absolute; top:75px; left:310px;} #de_DEN_3 {position:absolute; top:75px; left:475px;} .DEN_callout {width:157px;} .DEN_callout img {float:left; border:none; padding-right:9px;} /*creat some defaults*/ .xBox {position:relative; float:left; margin:7px 0px 0px 0px;} .xBox p {padding:8px 8px 16px 11px; margin:0;color:#666666;} .xBox span.subText {margin:8px 0 0 0; display:block;} .learnMore a{} .learnMore a:hover {} .xBox ul {margin:0; padding:0; list-style-type:none; position:relative;} .xBox li {position:relative; background: URL(/de/images/de_home/v2/aro_gray.jpg) 0px 3px no-repeat;padding-left:10px;padding-bottom:6px;padding-top:0px;margin-left:0px;text-align:left;color:#666666;} .xBox h1 {margin:0; padding:0; width:100%;height:30px; background:URL(/de/images/de_home/v2/xBox_headBG.jpg) ;font-size:12px;color:#FFFFFF;} .xBoxLong {background:#fcfcfc URL(/de/images/de_home/v2/xBoxLongBG.jpg) bottom left; position:relative;margin-left:0; width:661px; height:198px;float:left;} .xBoxLong p {padding:8px 8px 16px 11px; margin:0;color:#666666; position:relative; z-index:2;} .xBoxLong span.subText {margin:8px 0 0 0; display:block;} .xBoxLong ul {margin:-8px 0 0 0; padding:0 0 10px 20px; position:relative; z-index:1;} .xBoxLong li {position:relative; list-style-type: none;background: URL(/de/images/de_home/v2/aroGray.png) 0px 3px no-repeat; padding-left:10px;padding-bottom:4px;padding-top:0px;margin-left:0px;text-align:left;font-size:11px;color:#666666;} *html .xBoxLong li {background:none;}/*ie can't handle png's here*/ ul.t1_list {position:absolute; left:11px; top:123px;} .xBoxLong h1 {margin:0; padding:0; width:100%;height:30px; background:URL(/de/images/de_home/v2/xBox_headBG.jpg);} .xBoxLong div.learnMore {position:absolute; bottom:13px; left:22px;font-weight:bold;} #hr {width:330px; height:168px; border-left:1px #fff solid; float:left; position:relative;} #hr a {} #hr a:hover {} .xBoxImages {position:absolute; bottom:0px; right:0px; z-index:0;} /*TIER 3 ELEMENTS*/ #tier3 {margin:8px 0 0 0; position:relative; height:230px;} #i1 {position:absolute; top:0px; left:0px;} #i2 {position:absolute; top:0px; left:330px;} #i3 {position:absolute; top:0; left:667px;} *+html .tier3Link img {margin-bottom:-3px;} *html .tier3Link img {margin-bottom:-3px;} a.tier3Link {border:2px #959595 solid;} a.tier3Link:hover {border:2px #cccccc solid;} /*Alt content -- non flash users will be displayed an list or our hotbox xml feed*/ #altContent {overflow-y:scroll;} /*teacher store box*/ #relatedContent h4 {padding:0;margin:0;color:#000000;font-size:13px;} #leftColumnRM {width: 160px; height: 200px; border-right: solid 1px gray; float: left; font-size: 10px; margin-top: 10px; overflow: hidden;} #rightColumnRM {width: 150px; height: 200px;float: right; font-size: 10px;position:relative;margin-top: 10px;overflow:hidden; line-height:14px;} #rightColumnRM a.deStoreLink {font-size:12px; display:block; margin-bottom:6px;} #attributesRM {padding: 0; float: left; font-size:10px;} #storeImg {} #titleRM {font-size:13px;color:#000000;padding:0 0 0 8px;} ul.deStoreList {position:absolute; left:11px; top:60px;width:140px;} ul.deStoreList li { padding-bottom:6px;} #de_Hardware_callout {background:#F0F0F0;height:106px;width:659px;} #de_Hardware_el {left:10px;position:absolute;top:40px;} .clear {clear:both;}