/* NAVIGATION FORMS - START */ #slt-nav-wrapper .hidden{ display: none; } #slt-nav-wrapper .slt-field-chooser-seat-warmer{ height: 22px; display: none; } .blq-js #slt-nav-wrapper .slt-field-chooser-seat-warmer{ display: block; } #school-tables-finder-ks2, .blq-js #school-tables-finder-ks2{ display: none; } div#slt-nav-wrapper div.school-tables-finder h2.strapline { border: 0; padding:4px 0; font-size:1.846em; font-weight:bold; letter-spacing:-1px; line-height:24px; z-index: 2; } .school-tables-finder { margin-top:18px; clear: both; overflow: visible; height: 204px; margin: 0 0 16px; padding: 8px 8px 14px 8px; background: #ededed; width: 288px; z-index: 6; } .blq-js .school-tables-finder { height: 164px; } .school-tables-finder h2, .school-tables-finder h3 { margin: 0; } .school-tables-finder div.level { clear:both; } .school-tables-finder h3#all-levels { display:none; } .school-tables-finder form { border: 0; margin: 0; padding: 0; } .ie .school-tables-finder { height: 1%; } .school-tables-finder .strapline { position: relative; margin-top: -2px; padding-bottom: 7px; } .school-tables-finder .strapline a { line-height: 24px; } .school-tables-finder .description { clear:both; padding: 8px 0 3px; line-height: 20px; } .school-tables-finder form fieldset { position: relative; margin-bottom: 8px; background: white; overflow:visible; } .school-tables-finder form.school-tables-level-chooser { width: 276px } .school-tables-finder form.school-tables-level-chooser fieldset { position: relative; margin: 0; background: none; } .school-tables-finder fieldset input { margin:0; } .school-tables-finder form.school-tables-level-chooser input { margin:6px 0 0; float: left; } .school-tables-finder form.school-tables-level-chooser fieldset input{ width:16px; clear:none; } .school-tables-finder form.school-tables-level-chooser label{ position:relative; display: block; float:left; clear:none; margin:6px 14px 0 0; padding: 0 0 0 4px; white-space: nowrap; font-weight: normal; width:auto; } .school-tables-finder label { display: block; width: 264px; padding: 6px 0; white-space: nowrap; font-weight: bold; background: #ededed; overflow: hidden; } .blq-js .school-tables-finder label { position: absolute; top: 0; left: 0; width: 218px; padding: 6px 8px; background: transparent; font-weight: normal; } .school-tables-finder label.input-has-focus { color: #ccc; } .school-tables-finder label.input-has-content { color: white; display: none; } .school-tables-finder #school-tables-finder-select-ks2 label, .school-tables-finder #school-tables-finder-select-ks4 label, .school-tables-finder #school-tables-finder-select-ks5 label { border-bottom: 1px solid #ededed; padding-bottom: 5px; } .blq-js .school-tables-finder #school-tables-finder-select-ks2 label, .blq-js .school-tables-finder #school-tables-finder-select-ks4 label, .blq-js .school-tables-finder #school-tables-finder-select-ks5 label { border-bottom: none; padding-bottom: 6px; padding-right: 38px; width: 176px; cursor: pointer; /*background: url(/view/@css_hi_shared@/cream/hi/shared/img/select-arrow.png) no-repeat center right;*/ background: url(/view/1_3_3/cream/hi/shared/img/select-arrow.png) no-repeat center right; } .school-tables-finder #school-tables-finder-name-search-ks2, .school-tables-finder #school-tables-finder-postcode-search-ks2, .school-tables-finder #school-tables-finder-name-search-ks4, .school-tables-finder #school-tables-finder-postcode-search-ks4, .school-tables-finder #school-tables-finder-name-search-ks5, .school-tables-finder #school-tables-finder-postcode-search-ks5{ position: relative; float: left; display: inline; width: 264px; padding: 8px 0 4px; } .school-tables-finder #school-tables-finder-name-search-ks2, .school-tables-finder #school-tables-finder-name-search-ks4, .school-tables-finder #school-tables-finder-name-search-ks5{ margin-left: 0; } .school-tables-finder #school-tables-finder-name-search-ks2 .text, .school-tables-finder #school-tables-finder-postcode-search-ks2 .text, .school-tables-finder #school-tables-finder-name-search-ks4 .text, .school-tables-finder #school-tables-finder-postcode-search-ks4 .text, .school-tables-finder #school-tables-finder-name-search-ks5 .text, .school-tables-finder #school-tables-finder-postcode-search-ks5 .text { position: relative; float: left; display: inline; font-size: 13px; height: 16px; width: 220px; line-height: 16px; padding: 6px 7px 6px; border: none; border-top: 1px solid #ededed; background: transparent; } .school-tables-finder #school-tables-finder-name-search-ks2 .submit, .school-tables-finder #school-tables-finder-postcode-search-ks2 .submit, .school-tables-finder #school-tables-finder-name-search-ks4 .submit, .school-tables-finder #school-tables-finder-postcode-search-ks4 .submit, .school-tables-finder #school-tables-finder-name-search-ks5 .submit, .school-tables-finder #school-tables-finder-postcode-search-ks5 .submit{ float: right; display: inline; height: 28px; margin: 0; width: 30px; line-height: 16px; padding: 0; text-indent: -2000%; overflow: hidden; border: none; cursor: pointer; border-left: 1px solid #ededed; border-top: 1px solid #ededed; /*background: white url(/view/@css_hi_shared@/cream/hi/shared/img/search.png) no-repeat 50% 50%;*/ background: white url(/view/1_3_3/cream/hi/shared/img/search.png) no-repeat 50% 50%; } .blq-js .school-tables-finder #school-tables-finder-name-search-ks2 .text, .blq-js .school-tables-finder #school-tables-finder-name-search-ks2 .submit, .blq-js .school-tables-finder #school-tables-finder-postcode-search-ks2 .text, .blq-js .school-tables-finder #school-tables-finder-postcode-search-ks2 .submit, .blq-js .school-tables-finder #school-tables-finder-name-search-ks4 .text, .blq-js .school-tables-finder #school-tables-finder-name-search-ks4 .submit, .blq-js .school-tables-finder #school-tables-finder-postcode-search-ks4 .text, .blq-js .school-tables-finder #school-tables-finder-postcode-search-ks4 .submit, .blq-js .school-tables-finder #school-tables-finder-name-search-ks5 .text, .blq-js .school-tables-finder #school-tables-finder-name-search-ks5 .submit, .blq-js .school-tables-finder #school-tables-finder-postcode-search-ks5 .text, .blq-js .school-tables-finder #school-tables-finder-postcode-search-ks5 .submit { border-top: none; } .school-tables-finder #school-tables-finder-select-ks2, .school-tables-finder #school-tables-finder-select-ks4, .school-tables-finder #school-tables-finder-select-ks5 { overflow: visible; position: relative; float: left; margin-left: 0; display: inline; width: 264px; padding: 8px 0 4px; } .school-tables-finder #school-tables-finder-select-ks2 select, .school-tables-finder #school-tables-finder-select-ks4 select, .school-tables-finder #school-tables-finder-select-ks5 select { position: absolute; top: 30px; left: 4px; width: 208px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; font-size: 13px; line-height: 16px; font-family: Arial; color: #505050; z-index:3; } .blq-js .school-tables-finder #school-tables-finder-select-ks2 select, .blq-js .school-tables-finder #school-tables-finder-select-ks4 select, .blq-js .school-tables-finder #school-tables-finder-select-ks5 select { position: absolute; padding: 0; top: 0; left: 0; width: 224px; border: none; border: 1px solid #CCCCCC; } .school-tables-finder #school-tables-finder-select-ks2 option, .school-tables-finder #school-tables-finder-select-ks4 option, .school-tables-finder #school-tables-finder-select-ks5 option { display: block; font-size: 13px; font-family: Arial; color: #505050; padding: 0 0 0 8px; } .school-tables-finder #school-tables-finder-select-ks2 option:hover, .school-tables-finder #school-tables-finder-select-ks4 option:hover, .school-tables-finder #school-tables-finder-select-ks5 option:hover{ background-color: #EDEDED; } .school-tables-finder #school-tables-finder-select-ks2 .submit, .school-tables-finder #school-tables-finder-select-ks4 .submit, .school-tables-finder #school-tables-finder-select-ks5 .submit { float: right; display: inline; text-align: center; margin: 0; height: 28px; padding: 6px; line-height: 16px; overflow: hidden; border: none; cursor: pointer; border-left: 1px solid #ededed; background: #505050; color: white; font-weight: bold; text-transform: uppercase; font-size: 13px; } .ie .school-tables-finder #school-tables-finder-select-ks2 .submit, .ie .school-tables-finder #school-tables-finder-select-ks4 .submit, .ie .school-tables-finder #school-tables-finder-select-ks5 .submit, .ie7 .school-tables-finder #school-tables-finder-select-ks2 .submit, .ie7 .school-tables-finder #school-tables-finder-select-ks4 .submit, .ie7 .school-tables-finder #school-tables-finder-select-ks5 .submit { padding: 6px 3px; } .blq-js .school-tables-finder #school-tables-finder-select-ks2 .submit, .blq-js .school-tables-finder #school-tables-finder-select-ks4 .submit, .blq-js .school-tables-finder #school-tables-finder-select-ks5 .submit { border-left-width: 8px; } /* .school-tables-finder #school-tables-finder-select fieldset { background: none; } */ .school-tables-finder input:focus, .school-tables-finder select:focus { outline: none; } .school-tables-finder .glow-errorMsg { display: block!important; position: absolute; text-indent: -5000%; overflow: hidden; top: 0; width: 100%; height: 100%; background: rgba(255,255,0,0.1); } .ie8 .school-tables-finder .glow-errorMsg, .ie7 .school-tables-finder .glow-errorMsg { background: yellow; filter:alpha(opacity=10); } .ie .school-tables-finder .glow-errorMsg { background: yellow; filter:alpha(opacity=10); padding: 6px 8px; margin: 0 0 -12px -16px; } .school-tables-finder #school-tables-finder-postcode-search-ks2 .glow-errorMsg, .school-tables-finder #school-tables-finder-postcode-search-ks4 .glow-errorMsg, .school-tables-finder #school-tables-finder-postcode-search-ks5 .glow-errorMsg { right: 0; } .school-tables-finder #school-tables-finder-select-ks2 .glow-errorMsg, .school-tables-finder #school-tables-finder-select-ks4 .glow-errorMsg, .school-tables-finder #school-tables-finder-select-ks5 .glow-errorMsg { right: 31px; } .school-tables-finder .glow-errorSummary { display: none!important; } div#main-content.story div.layout-block-a div.story-body div.lt-overflow-vis{ overflow: visible; } /* NAVIGATION FORMS - END */