/* NAVIGATION FORMS - START */ .school-tables-secondary-finder, .school-tables-primary-finder { position: relative; clear: both; overflow: hidden; margin: 0 0 16px; padding: 8px 8px 14px 8px; background: #ededed; width: 608px; } .school-tables-primary-finder { padding: 0 8px 14px 8px; } .school-tables-secondary-finder { margin: 0; padding: 8px 8px 0 8px; } .school-tables-secondary-finder h2, .school-tables-secondary-finder h3, .school-tables-primary-finder h2, .school-tables-primary-finder h3 { margin: 0; } .school-tables-secondary-finder form, .school-tables-primary-finder form { border: 0; margin: 0; overflow: visible; } .ie .school-tables-secondary-finder, .ie .school-tables-primary-finder { height: 1%; } .school-tables-secondary-finder .strapline, .school-tables-primary-finder .strapline { position: relative; margin-top: -2px; padding-bottom: 7px; } .school-tables-secondary-finder .strapline a, .school-tables-primary-finder .strapline a { line-height: 24px; } .school-tables-secondary-finder .description, .school-tables-primary-finder .description { padding:8px 0 3px; line-height: 20px; } .school-tables-secondary-finder form fieldset, .school-tables-primary-finder form fieldset { position: relative; margin-bottom: 8px; background: white; overflow:visible; } .school-tables-secondary-finder fieldset input, .school-tables-primary-finder fieldset input { margin:0; } .school-tables-secondary-finder label, .school-tables-primary-finder label { display: block; width: 296px; padding: 6px 0; white-space: nowrap; font-weight: bold; background: #ededed; overflow: hidden; } .blq-js .school-tables-secondary-finder label, .blq-js .school-tables-primary-finder label { position: absolute; top: 0; left: 0; width: 250px; padding: 6px 8px; background: transparent; font-weight: normal; } .school-tables-secondary-finder label.input-has-focus, .school-tables-primary-finder label.input-has-focus { color: #ccc; } .school-tables-secondary-finder label.input-has-content, .school-tables-primary-finder label.input-has-content { color: white; display: none; } .school-tables-primary-finder #school-tables-primary-finder-select label, .school-tables-secondary-finder #school-tables-secondary-finder-select label { border-bottom: 1px solid #ededed; padding-bottom: 5px; } .school-tables-primary-finder #school-tables-primary-finder-select label, .blq-js .school-tables-secondary-finder #school-tables-secondary-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(/view/1_3_3/cream/hi/shared/img/select-arrow.png) no-repeat center right; } .school-tables-primary-finder #school-tables-primary-finder-postcode-search, .school-tables-secondary-finder #school-tables-secondary-finder-postcode-search { position: relative; float: left; display: inline; width: 296px; padding: 8px 0 4px; } .school-tables-primary-finder #school-tables-primary-finder-postcode-search .text, .school-tables-secondary-finder #school-tables-secondary-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-primary-finder #school-tables-primary-finder-postcode-search .submit, .school-tables-secondary-finder #school-tables-secondary-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(/view/1_3_3/cream/hi/shared/img/search.png) no-repeat 50% 50%; } .blq-js .school-tables-primary-finder #school-tables-primary-finder-postcode-search .text, .blq-js .school-tables-primary-finder #school-tables-primary-finder-postcode-search .submit, .blq-js .school-tables-secondary-finder #school-tables-secondary-finder-postcode-search .text, .blq-js .school-tables-secondary-finder #school-tables-secondary-finder-postcode-search .submit { border-top: none; } .school-tables-secondary-finder #school-tables-secondary-finder-select, .school-tables-primary-finder #school-tables-primary-finder-select { position: relative; float: right; display: inline; width: 296px; padding: 8px 0 4px; } .school-tables-secondary-finder #school-tables-secondary-finder-select select , .school-tables-primary-finder #school-tables-primary-finder-select select { position: absolute; top: 30px; left: 4px; width: 240px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); font-size: 13px; line-height: 16px; font-family: Arial; color: #505050; z-index:2; } .blq-js .school-tables-secondary-finder #school-tables-secondary-finder-select select, .blq-js .school-tables-primary-finder #school-tables-primary-finder-select select { position: absolute; padding: 8px; left: 0; width: 256px; border: none; } .blq-js .school-tables-secondary-finder #school-tables-secondary-finder-select select { top: -50px; } .blq-js .school-tables-primary-finder #school-tables-primary-finder-select select { top: -34px; } .school-tables-secondary-finder #school-tables-secondary-finder-select select:focus, .school-tables-primary-finder #school-tables-primary-finder-select select:focus { /* left: 0;*/ } .school-tables-secondary-finder #school-tables-secondary-finder-select option, .school-tables-primary-finder #school-tables-primary-finder-select option { display: block; font-size: 13px; font-family: Arial; color: #505050; } .school-tables-secondary-finder #school-tables-secondary-finder-select .submit, .school-tables-primary-finder #school-tables-primary-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-secondary-finder #school-tables-secondary-finder-select .submit, .ie7 .school-tables-secondary-finder #school-tables-secondary-finder-select .submit, .ie .school-tables-primary-finder #school-tables-primary-finder-select .submit, .ie7 .school-tables-primary-finder #school-tables-primary-finder-select .submit { padding: 6px 3px; } .blq-js .school-tables-secondary-finder #school-tables-secondary-finder-select .submit, .blq-js .school-tables-primary-finder #school-tables-primary-finder-select .submit { border-left-width: 8px; } /* .school-tables-primary-finder #school-tables-primary-finder-select fieldset { background: none; } */ .school-tables-secondary-finder input:focus, .school-tables-secondary-finder select:focus, .school-tables-primary-finder input:focus, .school-tables-primary-finder select:focus { outline: none; } .school-tables-secondary-finder .glow-errorMsg, .school-tables-primary-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-secondary-finder .glow-errorMsg, .ie7 .school-tables-secondary-finder .glow-errorMsg, .ie8 .school-tables-primary-finder .glow-errorMsg, .ie7 .school-tables-primary-finder .glow-errorMsg { background: yellow; filter:alpha(opacity=10); } .ie .school-tables-secondary-finder .glow-errorMsg, .ie .school-tables-primary-finder .glow-errorMsg { background: yellow; filter:alpha(opacity=10); padding: 6px 8px; margin: 0 0 -12px -16px; } .school-tables-secondary-finder #school-tables-secondary-finder-postcode-search .glow-errorMsg, .school-tables-primary-finder #school-tables-primary-finder-postcode-search .glow-errorMsg { right: 0; } .school-tables-secondary-finder #school-tables-secondary-finder-select .glow-errorMsg, .school-tables-primary-finder #school-tables-primary-finder-select .glow-errorMsg { right: 31px; } .school-tables-secondary-finder .glow-errorSummary, .school-tables-primary-finder .glow-errorSummary { display: none!important; } /* NAVIGATION FORMS - END */