/* NAVIGATION FORMS - START */ .school-tables-finder { position: relative; clear: both; overflow: visible; height: 86px; margin: 0 0 8px; padding: 8px 8px 14px 8px; background: #ededed; width: 608px; z-index: 10; } .blq-js .school-tables-finder { height: 56px; } .school-tables-finder h2, .school-tables-finder h3 { margin: 0; } .school-tables-finder form { border: 0; margin: 0; } .ie .school-tables-finder { height: 1%; } .school-tables-finder .strapline { position: relative; margin-top: -2px; padding-bottom: 1px; } .school-tables-finder .strapline a { line-height: 24px; } .school-tables-finder .description { padding: 0; line-height: 20px; } .school-tables-finder form fieldset { position: relative; margin-bottom: 0; background: white; overflow:visible; } .school-tables-finder fieldset input { margin:0; } .school-tables-finder label { display: block; width: 296px; 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: 250px; 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 label { border-bottom: 1px solid #ededed; padding-bottom: 5px; } .blq-js .school-tables-finder #school-tables-finder-select label { border-bottom: none; padding-bottom: 6px; padding-right: 38px; width: 208px; cursor: pointer; /*background: url(/view/@css_hi_shared@/cream/hi/shared/img/select-arrow.png) no-repeat center right;*/ background: url(https://newsimg.bbc.co.uk/view/1_3_3/cream/hi/shared/img/select-arrow.png) no-repeat center right; } .school-tables-finder #school-tables-finder-postcode-search { position: relative; float: left; display: inline; width: 296px; padding: 8px 0 4px; } .school-tables-finder #school-tables-finder-postcode-search .text { position: relative; float: left; display: inline; font-size: 13px; height: 16px; width: 252px; line-height: 16px; padding: 6px 7px 6px; border: none; border-top: 1px solid #ededed; background: transparent; } .school-tables-finder #school-tables-finder-postcode-search .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(https://newsimg.bbc.co.uk/view/1_3_3/cream/hi/shared/img/search.png) no-repeat 50% 50%; } .blq-js .school-tables-finder #school-tables-finder-postcode-search .text, .blq-js .school-tables-finder #school-tables-finder-postcode-search .submit { border-top: none; } .school-tables-finder #school-tables-finder-select { position: relative; overflow: visible; float: right; display: inline; width: 296px; padding: 8px 0 4px; } .school-tables-finder #school-tables-finder-select select { position: absolute; top: 30px; left: 4px; width: 240px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-size: 13px; line-height: 16px; font-family: Arial; color: #505050; } .school-tables-finder #school-tables-finder-select select { position: relative; top: 0; height: 29px; } .blq-js .school-tables-finder #school-tables-finder-select select { position: absolute; top: -3px; left: 0; width: 256px; height: 100px; border: 1px solid #CCCCCC; padding: 0; z-index: 999; } .school-tables-finder #school-tables-finder-select select:focus { /* left: 0;*/ } .school-tables-finder #school-tables-finder-select option { display: block; font-size: 13px; font-family: Arial; color: #505050; background-color: #FFFFFF; padding: 0 0 0 8px; } .school-tables-finder #school-tables-finder-select option:hover { background-color: #EDEDED; } .school-tables-finder #school-tables-finder-select .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 .submit, .ie7 .school-tables-finder #school-tables-finder-select .submit { padding: 6px 3px; } .blq-js .school-tables-finder #school-tables-finder-select .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 .glow-errorMsg { right: 0; } .school-tables-finder #school-tables-finder-select .glow-errorMsg { right: 31px; } .school-tables-finder .glow-errorSummary { display: none!important; } /* NAVIGATION FORMS - END */