@charset "utf-8"; /* CSS Document */ /* FONT SIZES */ .homepage_promo h2 a { font-size:1.2em; letter-spacing:0.8px;} .homepage_promo li a { letter-spacing:0.2px; } .box.level_menu h3 { font-size:2.8em; } .quick_finder h3,.small_level_menu .current_level,#main_content .search_results h2, h2.help,.bright.smaller { font-size:2.4em; } h2, .faux_h2 { font-size:3.0em; } #rhc .overlay_image .title,h4.question_mark_box, .featured h2, p.result_count, p.search_keywords { font-size:2.0em; } p.overlay_image_emp,.topic_description,.overlay_image .title,#main_content .quick_finder legend,.accordion_title,.results_header p.result_count, #main_content th,.quick_finder h3.accordion_title,.zend_form label, .sheet_pagination #current { font-size:1.6em; } #main_content fieldset .group_header,#submitbutton-element #submitbutton { font-size:1.5em; } #blq-container .carousel_one_up li a .faux_h5, #blq-container .carousel_two_up li a .faux_h5 { font-size:1.4em; } #help_fit_target,h3 a.overlay_image_emp,.promo.list ul li span.faux_h5, #rhc .help_icon, .overlay_image span.text,.hompage_promo .overlay .text,#rhc .quick_finder .item legend, #main_content table.search_results td, .quick_finder #keywords { font-size:1.3em; } #blq-container .resource_selector a, td span.title { font-size:1.2em; } #prev a,#next a, #blq-container ul.pagination_control li.number a, #blq-container li.dots { font-size:1.2em; } .promo_overlay p, .promo.list ul li span.faux_p, #sheet_notes #help_fit_target { font-size: 1.0em; } #main_content .sitemap ul li h5 a { font-size: 0.9em; } #main_content .sitemap ul li a { font-size:0.7em; } /* FONT WEIGHTS */ span.faux_p,#main_content table td a,.search_filter .all_filters li a, input, .supportive .overlay_image .text { font-weight: normal; } #rhc .quick_finder .item legend,#main_content .quick_finder legend,.small_level_menu .current_level, #current, fieldset .group_header, .results_header p.result_count,#main_content table.search_results td .title, #main_content table td span.location,.zend_form label, #submitbutton, p.search_keywords { font-weight:bold; } /* COLOURS */ /* black */ .factsheet .sheet_content h3 { color:#000; } /* off Black */ #main_content li, #blq-container h5, #blq-content p, #blq-content a, p.topic_description, .cms_text p, #main_content .promo.list li a .faux_p,#main_content .sitemap ul li a, #panel_container #mode_switch a { color:#272727; } /* off black 2 */ ul.no_background .faux_h5, ul.no_background .faux_p, fieldset label, .panel-light h3, .panel-light p, .panel-light li, #blq-container #blq-main .bbc-st-full h2.bbc-st-heading, #rhc .promo, #rhc .promo a, #rhc .resource_selector.tabbed h5 a,#main_content .sitemap ul li a h5 a, #current .dull_button, .panel-bd #help_fit_content p strong, .resource_name { color:#333333; } /* white */ #blq-container .topic_panel li a, #blq-local-nav .level1 a, #blq-container .image_size_to_overlay a, #main_content .promo.list h3.header, h4.question_mark_box,#blq-container a.overlay_image_emp ,#blq-container p.overlay_image_emp, .box.level_menu h3,#blq-container .box.level_menu p,#blq-container .box.level_menu li a:hover, #main_content .supportive h3,#blq-container .supportive .linked_articles a:hover,#blq-container, #main_content .promo.list li a:hover .faux_h5, #main_content .promo.list li a:hover .faux_p, h3.accordion_title a, .resource_selector h3, #blq-container .resource_selector ol li a:hover, #rhc .resource_selector h5.open a, #rhc .resource_selector h5 a,#next a:hover,#prev a:hover,#main_content .accordion h3 a, #main_content .results_header ul.pagination_control li.number.current a, #blq-local-nav .level1 a:hover, #main_content .accordion_title a,#main_content #mode_switch a:hover,#panel_container #mode_switch a:hover, #main_content .quick_finder .accordion_title.closed a, #rhc .search_filter .accordion_title a,#main_content .accordion.footer .accordion_title.closed a, #main_content .homepage_promo li a, #main_content .homepage_promo li, #main_content .homepage_promo h2 a, .panel-bd p.download_pdf a:hover,.panel-bd p.download_doc a:hover { color: #fff;} /* Extra Dark Blue */ #main_content .promo.list li a .faux_h5, #main_content .supportive ul li a { color: #000f19; } /* Bright blue */ #main_content .featured a, #rhc .quick_finder p a,#main_content .accordion_content a, #error-404 a, #blq-content .embedFlash p a, #blq-content .emp p a, #blq-container .non_js_blurb a, a, a:hover, a:active { color:#005c99; } /* Grey */ .box.level_menu li { color:#95a5ae; } /* More Greys */ .resource_selector a .list_number { color: #a9a9a9; } .resource_selector a:hover .list_number, .resource_selector li.current a .list_number { color: #dcdcdc; } /* disabled grey pagination*/ #prev.disabled a,#next.disabled a, #prev.disabled a:hover,#next.disabled a:hover { color:#909ea3; } /* Dark Blue */ .quick_finder h3, .bright, #blq-container .bright a, #mode_switch,#rhc .quick_finder .item legend,#rhc .quick_finder p a, #main_content .quick_finder legend, #prev a,#next a,#current, fieldset h4, fieldset .faux_h4, #main_content table.search_results td .title,h2.help, #main_content .accordion_title.closed a, .zend_form label,.accordion.footer .accordion_content p,.panel-bd p.download_pdf a, .panel-bd p.download_doc a,.panel-bd p.download_pdf a, #main_content .bright.smaller { color:#003254; } /* BACKGROUND COLOURS */ /* None */ ul.no_background li { background:none; }/* this is a IE fix */ /* BRIGHT - blue */ #main_content .promo,#blq-container #rhc .quick_finder,#main_content .supportive,#main_content .quick_finder, #rhc .box.search_filter, .sitemap .accordion_content { background:#88cae4; } /* light blue accordion */ dd.accordion_content,.accordion.footer .accordion_content { background:#8acce6; } /* blue used on featured box */ #blq-container #main_content .featured,#blq-container #main_content .form { background:#d3e6ef; } /* table blue */ #main_content .search_results_box, #main_content table.search_results { background:#cfe3ec; } /* Sky blue */ h3.header, #main_content .results_header p, .resource_selector.tabbed h5.tab a,.small_level_menu .current_level,#main_content .results_header ul.pagination_control li.number { background:#b7d5e2; } /* Accordion close blue */ #main_content .accordion_title.closed a { background-color:#d1e1eb; } /* Dark blue */ #main_content .promo.list h3.header, #main_content .supportive h3, #blq-container #rhc .box.level_menu { background-color: #0e3c5e; } .resource_selector, ul.topic_panel li { background-color: #003254; } /* Others to check */ .quick_finder h3 { background:none; } .popout_container { background:#e5f4f7; } .results_header ul.pagination_control li.number.current a,#main_content .search_results .head, #blq-container .results_header ul.pagination_control li.number.current a:hover { background:#005b99; } .results_header ul.pagination_control li.number.current a,#main_content .search_results .head { background:#005b99!important; } #main_content .accordion_title a:hover, #main_content .quick_finder .accordion_title.closed a { background-color:#005c99; } #main_content .accordion_title a, #main_content .quick_finder .accordion_title.closed a:hover { background-color: #0291c9; } /* White */ .resource_selector ol li a, select,.quick_finder #submit, .box.level_menu ul, #main_content .quick_finder #keywords,#rhc .quick_finder #keywords, .factsheet.box .sheet_content,.panel-light .defaultSkin .pc .c { background-color: #fff;} /* Blue/Grey to check */ .tutor_tip,#rhc .box, #rhc .promo li a,.worksheet.box,#sheet_notes a span, .factsheet.box, .search_filter .accordion, .bbc-st-basic, #blq-container .bbc-st { background:#cee3ec; } /* black grey carousel 2 */ /*#blq-container .carousel_two_up .box { background:#6d7373; } commented out doesn't seem to be doing anything JG*/ /* bright blue (used in the text of the carousel 2 ) */ #blq-container #rhc .carousel_2 a,#blq-container #main_content .carousel_2 a { background:#73c2e1; } /* pagination current */ #current { background:#b7d5e2; } /* HOVER STATES */ /* Default */ #blq-container .promo.list li a:hover,#blq-container ul.carousel_1 li a:hover,#blq-container ul.carousel_2 li a:hover, ul.four_up li a:hover,ul.three_up li a:hover,.overlay_image:hover,#blq-container #rhc .carousel_2 a:hover, #blq-container #main_content .carousel_2 a:hover,.supportive .linked_articles a:hover, .resource_selector ol li a:hover, #rhc .promo.big li a:hover, .promo.carousel_two_up a:hover .carousel_icon_bg, #blq-local-nav .level1 li.site_area a:hover, .resource_selector li.current a, .topic_major_promo:hover .text_overlay, #blq-container .carousel_two_up ul.pageNav li.dotActive .dotLabel, #blq-container a:hover .overlay_image, li.download a:hover, li.download a:hover .label, .resource_selector.tabbed h5 a:hover, #main_content .results_header ul.pagination_control li.number a:hover { background-color:#0291c9; color:#fff; text-decoration:none; } #blq-container a:hover .overlay_image { background-image:none; } #blq-container .resource_selector.tabbed h5.tab a:hover,#main_content .search_results .head, .resource_selector li.current a span.title { color: #fff; } .promo a:hover { text-decoration:none; } /* English */ #blq-container .promo.list li.english a:hover, #blq-local-nav ul.level1 li.site_area.english a:hover, .homepage_promo.english .image_overlay:hover, #blq-container div.homepage_promo.english div.image_overlay.hover { background:#5ca113;} /* Maths */ #blq-container .promo.list li.maths a:hover, #blq-local-nav ul.level1 li.site_area.maths a:hover, .homepage_promo.maths .image_overlay:hover, #blq-container div.homepage_promo.maths div.image_overlay.hover { background:#ee5702; } /* Job skills */ #blq-container .promo.list li.job-skills a:hover { background:#378ec6; } /* BANNER */ body { background: url('../img/f/bg.png') repeat-x #e5f4f7 } #blq-container{ background:none; } #blq-container{ background:url("../img/banner/homepage.jpg") no-repeat center -40px; margin-top:0;} #masthead {background:none; width:976px; height:100px; display:block; clear:both; margin:0px; position: relative; top: 0;} #masthead h1 { text-indent:-2000px; margin:0; } #masthead .homepage_link { width:330px; height:73px; float:left; margin-top:13px; overflow:hidden;} #masthead .second_link { display:none; overflow:hidden;} /* NAVS */ #blq-local-nav { background:none; height:auto; margin:0px 0px 16px 0px; } /* level 1 */ #blq-local-nav .level1 li { border:none; } #blq-local-nav .level1 li a { height:16px; border-right:solid 1px #fff; padding:0px 16px 0px 16px; margin:10px 0px 9px 0px; } #blq-local-nav .level1 li.help a { width:4.6em; padding:0px 8px 0px 0px; text-align:right;} #blq-local-nav .level1 li.help a:hover, #blq-local-nav .level1 li.current.help a { padding:7px 7px 9px 5px; } /* current state */ #blq-local-nav .level1 li.current a , #blq-local-nav .level1 li a:hover { margin:3px 1px -6px -1px; padding:7px 16px 9px 17px; } #blq-local-nav .level1 li.current a , #blq-local-nav .level1 li.current a:hover { background-color:#73c2e1; color:#000; text-decoration:none; border:none; margin-right:0px;} #blq-local-nav .level1 li a:hover { background-color:#0291c9; border: none; } /*level 2 */ #blq-local-nav ul.level2 { width:976px; height:32px; margin:0px 0px -2px 0px; float:left; display:block; background:url("../img/f/job_skills_ribbon.png") 713px 0px #73c2e1 no-repeat; } #blq-local-nav .level2 li a { border-right:solid 1px #000; padding:0px 16px 0px 16px; margin:9px 0px 0px 0px; } /* current state */ #blq-local-nav .level2 li.current a { background:#e5f4f7; color:#000; text-decoration:none; border:none; } #blq-local-nav .level2 li.current a { height:21px; margin:4px 0px 3px -1px; padding:7px 17px 0; } /* GENERAL CSS And OVERIDES */ li a:hover { text-decoration:none; } .no_padding { padding:0px; } .faux_h5, .faux_p { display:block; } .topic_description { margin:-5px 0px 16px 0px; } #help_fit_content { clear:both; } .clear_right { clear:right; } #blq-container #blq-content .neg-top-margin { margin-top:-8px; } #blq-container #blq-content .hidden, #panel_container .hidden { display:none; } #blq-container #blq-content .shifted, #panel_container .shifted { text-indent:-9999px; } .non_js_blurb { float:right; padding:8px; clear:both; } #help_fit_content.cms_text { clear:both; } .cms_text ul { list-style:square outside none; } .cms_text ol { list-style:decimal outside none; } .cms_text ul, .cms_text ol { margin-left:24px; clear:both; } .cms_text li { margin-left:0; } .cms_text a:hover { text-decoration:underline; } .blq-js #main_content #help_fit_content, .blq-js #main_content #help_levels_content, .blq-js #main_content .js_destroy, .blq-js #main_content .js_hide { display:none!important; } .blq-js #main_content .js_shift { text-indent:-9999px!important; } /* SHARED ACROSS THE SITE */ #main_content .results_header p { height:16px; padding:8px; margin:0 0 8px 0; float:left; } .results_header ul.pagination_control { float:right; } .results_header ul.pagination_control li { float:left; height:32px; } .results_header ul.pagination_control li.number a { font-size:1.1em; display:block; margin:6px 1px 0 1px; padding:3px 3px 2px 3px; } ul.pagination_control li.dots { line-height:40px; font-weight:bold; margin-left:4px; margin-right:4px; } .results_header ul.pagination_control li.number.last { padding-right:4px; } .results_header ul.pagination_control li.number.first { padding-left:4px; } li#sheet_notes { margin-bottom:0px; } /* HELP ICON */ #blq-container .help_icon { background:#7f99aa; color:#fff; float:right; padding:0px 4px;} #blq-local-nav .help_icon { background:#fff; color: #005c99; margin-left:8px; } #blq-local-nav .level1 .current.help a { padding-right:8px; padding-left:12px; } #help_fit_target { width:144px; display:block; float: right; padding: 8px; } #sheet_notes a:hover #help_fit_target { background:#0291c9; color:#fff; } #sheet_notes a:hover span.help_icon { background:#fff; color:#0291c9; } #blq-container .level_menu span.help_icon { background:#cee3ec; color:#003254; margin-right:-8px; } #blq-container .level_menu a:hover span.help_icon { background:#0291c9; color:#fff; text-decoration:none; } #sheet_notes a:hover { background:none; } /*ie6 fix*/ /* HOMEPAGE PANELS */ .homepage_promo { position:relative; width:304px; height:345px; float:left; margin:0 16px 16px 0; } .homepage_promo .image_overlay { position:absolute; bottom:0px; left:0; padding:13px 16px 13px 14px; background: url("../img/f/overlay_black.png") repeat;} .homepage_promo h2 { margin:0 0 0px -1px;; } .homepage_promo li { display:inline; } .homepage_promo li a { font-weight:normal; font-size:1.1em; } .homepage_promo h2 a:hover { text-decoration:none; } .homepage_promo li a:hover { text-decoration:underline; } .pointer { cursor: pointer; } /* HEADERS AND HEADINGS */ h3.header { display:block; clear:both; margin:0px; padding:8px 9px 8px 9px; } /*header two (no background)*/ h2.plain { margin:0px 0px 16px 0px; } /* header three (emp) */ h2.bright,h2.plain { margin: 0px 0 8px 0px; } /* OVERLAYS */ .overlay { overflow: hidden; position: relative; padding:0px; } .overlay_image { width: 10000px; position:absolute; bottom:0px; left:0px; display:block; padding:20px 20px 20px 14px; background: url("../img/f/overlay_black.png") repeat; } #rhc .overlay_image { padding:8px 18px 10px 10px; } .overlay .title { display: inline-block; clear: both; } #rhc .overlay { width:336px;} #rhc .overlay .title { width:316px; display:block; margin:0; line-height:1.1em } #rhc .overlay .text { width:316px; display:block; } .overlay_image .text li { margin:0px 0px 2px; } /* PROMO LIST */ #main_content .promo.list { width:304px; float:left; } #main_content .promo.list.first { margin-right: 16px; } .promo.list li { margin:0px; } .promo.list li a { float:left; clear:both; border-bottom:solid 1px #fff; padding:8px; } .promo.list li.last a { border-bottom:none; } .promo.list img { float:left; display:block; } .promo.list ul li span.faux_h5,.promo.list ul li span.faux_p { width:124px; display:inline-block; line-height:1.2em; padding:0px 0px 0px 16px; } .promo.list ul li span.faux_h5 { margin-top: 2px; } /* SUPPORTIVE */ .supportive .title { display:block; margin-bottom:2px; } .supportive a.image { display:block; } #main_content .supportive .first { margin-right:0; } .supportive .main_article_image_link { float:left; padding:8px; margin:0; position:relative; } .supportive .main_article_image_link img { display:block; } .supportive .main_article_image_link .overlay_image { width:304px; padding:8px 8px 6px 8px; margin:0; bottom:8px; left:8px;} .supportive .linked_articles li { float:left; margin:0px; } .supportive .linked_articles a img { float:left; margin-right:8px; } .supportive .linked_articles a { width:272px; float:left; padding:8px 8px 9px 8px;} .supportive .linked_articles a { text-decoration:none;} .supportive .linked_articles .faux_h5 { padding:4px 0px 0px 8px; } /* TOPIC GROUPS */ /* Generic */ ul.topic_panel { margin-top:16px; } ul.topic_panel.games { margin-top:8px; } ul.topic_panel li { float:left; margin:0px 16px 16px 0px; padding:8px; } ul.topic_panel li a { float:left; border:solid 8px #003254; } ul.topic_panel li a img { display:block; margin-bottom: 8px; } ul.topic_panel span.title { display:block; font-size: 1.6em; margin:12px 0 4px; line-height:1em; } ul.topic_panel span.description { display:block; font-weight:normal; line-height:1.25em; } #blq-container ul.topic_panel li.panel_0 { margin-right:0; } #blq-container ul.topic_panel li.panel_1 { clear:left; } /* Three up */ ul.three_up li { padding:0px; } ul.three_up li a { width:176px; min-height:191px; padding:0px; } ul.three_up li a:hover { border:solid 8px #0291c9; } ul.three_up li a img { width:176px; height:99px; } ul.three_up span.description { font-size: 1.1em; margin-top:6px; } /* Four-Up */ ul.four_up li { padding:0px; } ul.four_up li a { width:128px; min-height:143px;} ul.four_up li a:hover { border:solid 8px #0291c9; } ul.four_up li a img { width:128px; height:72px; } ul.four_up span.title { font-size: 1.2em; margin-top:-3px; } ul.four_up span.description { font-size: 1.0em; } /* Four-up games version */ ul.four_up.games li a { min-height:11.5em; } ul.four_up.games span.title { font-size: 1.3em; margin-top:-1px; } /* EMP PROMO */ .topic_major_promo { float:left; margin:0px 16px -233px 0px; position:relative; } .topic_major_promo a.emp_replace { float:left; } .emp_overlay { width:448px; height:0px; position:absolute; top:54px; left:0px; right:0px; } .emp_overlay .play_button { width:64px; height:64px; display:inline-block; background-image:url('../img/f/emp_play64.png'); background-repeat:no-repeat; background-position:0px 0px; } .topic_major_promo:hover .play_button, .emp_overlay .play_button:hover { background-position: 0px -192px;} .question_mark_box { width:128px; min-height:220px; display:block; line-height:1.1em; float:right; background:#0291c9; margin:0px 0px 16px 0px; padding:16px; } .question_mark_box span.question_mark { width:24px; height:35px; display:block; background: url('../img/f/blue_question_mark.jpg') no-repeat; margin:0px 0px 4px 0px; } .emp_replace { position:relative; } .emp_overlay .text_overlay { position:absolute; top:64px; left:0px; width:316px; padding:16px; margin:0; background: url("../img/f/overlay_black.png") repeat; } #main_content .text_overlay h3 a, #main_content .text_overlay p { color:#fff; } .text_overlay h3 { font-size: 2.4em; } .text_overlay a { text-decoration:none; } .text_overlay p { font-size: 1.6em; letter-spacing:0.2px; } /* FEATURED */ .featured { float:left; } .featured .text_to_right { width: 256px; float:left; padding-right: 16px; } .featured h2 { width:256px; display:block; margin:13px 0px 8px 0px;} .featured img { float:left; margin:0px 16px 0px 0px; } .featured .text_to_right p { color: red; } .featured p { width:260px; float:left; margin: 0px 0px 8px 0px; } /* TUTORS/LEARNERS FEATURED */ /* GAME PAGE */ #launch_game img { margin-bottom:16px; } /* VIDEO/AUDIO PAGE */ .emp { margin-bottom: 16px; } /* WORKSHEET EMP */ .worksheet-emp { width:624px; height:351px; } /* ADVANCE SEARCH */ #main_content .quick_finder h3 { padding:8px 0px 3px 16px; } #main_content .quick_finder { padding:0px; } #main_content fieldset { padding:0px 0px 8px 16px;} #main_content fieldset fieldset { float:left; padding:0px; } #main_content .quick_finder #keywords { width:556px; height:32px; float:left; border:none; margin:6px 0px 16px 0px; padding-left:10px ;} #main_content .quick_finder #submit { float:left; margin:6px 0px 0px 0px; } #main_content .quick_finder legend { padding:0 0px 8px 0px;} #main_content .quick_finder input { float:left; margin:0px 8px 0px 0px; } #main_content .quick_finder label { float:left; padding:2px 12px 0 0px; } /*Sections*/ #main_content .quick_finder fieldset.subject { width:272px; } .quick_finder fieldset.subject div, .quick_finder fieldset.level div { float:left; } #main_content .quick_finder fieldset.level { width:328px; } #main_content fieldset.four_columns,#main_content fieldset.three_columns { border-bottom: 1px solid #FFFFFF; margin:16px 0 0 0; } #main_content fieldset.four_columns label { width:114px; margin:-3px 0px 8px 0px; } #main_content fieldset.three_columns label { width:155px; margin:-3px 0px 8px 0px; } #main_content fieldset label.group_header { margin-top: -4px; } #main_content fieldset.three_columns fieldset { width:200px; float:left; margin:16px 0 0 0; } #main_content fieldset#types { margin-top:8px; } #main_content .quick_finder .accordion_content fieldset fieldset { margin-top:4px} /*Autosuggest*/ #autosuggest li { background: white; } #autosuggest li.active { background:#cceeff; } #autosuggest { border:1px solid #285896; } /* Search Results */ #main_content div.search_results_box { padding:0px 0px 16px 0px; } #main_content div.search_results_box h2 { padding:16px 0px 0px 16px; } #main_content div.search_options { display:block; padding:0px 0px 0px 16px; } #main_content table.search_results th { padding:8px 16px; text-align:left; } #main_content table tr.result td { border-bottom:1px solid #E5F4F7; } #main_content table.search_results td { padding:5px 16px 5px 16px; } #main_content table.search_results tr td.fixed_width { width: 260px; } #main_content table.search_results tr.result:hover, #main_content table.search_results tr.hover { background:#b7d5e2; } #main_content table.search_results td.download { height:58px; padding:0px; margin:0px;} #main_content table.search_results td.download a.icon { width:47px; height:58px; margin:0; display:block; position:relative; text-align:center; } #main_content table.search_results td.download a.icon.js_shift { height:50px; padding-top:8px; } #main_content table.search_results td a.icon span.download_icon_list { position:absolute; top:50%; width:32px; height:19px; display:block; margin:-10px 0px 0px 4px; background: url('../img/f/download_large.png') no-repeat 10px 0px; } #main_content table.search_results td a.icon.js_shift span.download_icon_list { margin-top:-2px; } .blq-js #main_content table.search_results td a.icon.js_shift span.download_icon_list { margin-top:-10px; } #main_content table.search_results a.icon:hover span.download_icon_list { background-position: 10px -20px; } #main_content table.search_results td.download a:hover, #main_content table.search_results td.download.with_border:hover, #main_content table.search_results td.hover { background-color: #0291c9; } #main_content table.search_results td.download.with_border { border-left: 1px solid #E5F4F7; } #main_content table.search_results a.download_hidden { display:none; text-indent:-9999px; } #main_content table.search_results a { overflow:hidden; } #main_content table.search_results { margin:0 0 16px; } #main_content td.download { width:47px; } #main_content table span.location { margin-top: 4px; } #main_content a.icon.popup.js_shift { margin-top:8px;} #main_content a.icon.js_shift { font-weight:bold; text-decoration:none; } #main_content a.icon.js_shift:hover { color:#fff; } /* Search Filters */ .search_filter { padding:16px; } .search_filter h3 { margin-bottom: 11px; } .search_filter .accordion_title { margin:1px 0 0 0 } .blq-js .search_filter .accordion_title a { background: url('../img/f/accordion_up_arrow_small.png') no-repeat 278px center #0291c9; } .search_filter .accordion_title a { background: #0291c9; } .search_filter .accordion_title.closed a { background: url('../img/f/accordion_down_arrow_small.png') no-repeat 278px center #013354; } .search_filter .accordion_title a:hover { background-color:#013354; } .search_filter .accordion_title.closed a:hover { background-color:#0291c9; } .search_filter .accordion_title a { padding: 5px 8px 5px 8px; display:block; } .search_filter .accordion_content { padding:0 8px; } .search_filter .accordion_content ul { padding-bottom: 8px; overflow:hidden; } .search_filter .accordion_content h5 { margin-top:8px; } .search_filter .current_filters { padding:8px; border-bottom:1px solid white; } /*.search_filter .current_filters li { background: url('../img/f/cross_small.png') 272px no-repeat white }*/ .search_filter h5 { margin:-2px 0 6px 0; font-weight:bold; } .search_filter li { margin:0 0 1px 0; } .search_filter span.check { display: inline-block; width:15px; height:15px; background-color:white; overflow:hidden; margin:-2px 8px 0px 0px; } .search_filter span.brackets { margin-left:18px; } .search_filter a span.check.checked { background: url('../img/f/check_small.png') 2px 2px no-repeat white;} .search_filter a:hover span.check { outline: 1px solid lightgray; } .search_filter .current_filters li a { padding: 4px 5px; display:block; font-weight: normal; } .search_filter .all_filters li { padding: 0 5px; margin: 8px 0;} .search_filter .all_filters li a { display:block; } #rhc .search_filter .accordion_title a { width:288px; height:20px; text-decoration:none; padding-bottom:9px; margin-bottom:0px; margin-top:0px; } #rhc .search_filter .accordion_title.closed a { margin-bottom:0px; margin-top:0px; } /* ACCORDIONS */ .accordion_content { overflow:hidden; } #main_content .accordion_title a { background-position: 596px center; } #main_content .accordion_title a { background-repeat:no-repeat; } .blq-js #main_content .accordion_title a { background-image: url('../img/f/accordion_up_arrow.png'); } .blq-js #main_content .accordion_title.closed a { background-image: url('../img/f/accordion_down_arrow.png'); } #main_content .accordion_title.closed a:hover { background-color: #b7d5e2; } #main_content .accordion_title dt { width:608px; } #main_content .accordion_title a { width:608px; display:block; padding:8px 0px 8px 16px; text-decoration:none; } #main_content .accordion h3 { padding:0px; margin:4px 0px 0px 0px; } #main_content .quick_finder .accordion legend.first { margin:8px 0px 8px 0px; } #main_content .quick_finder .accordion_content { padding-left:0; padding-right:0 } dl.accordion { background: transparent; } #blq-container #main_content .accordion_title { margin-top:0;} .blq-js #blq-container #main_content .accordion_title { margin-top:1px; } .blq-js #main_content .accordion.sitemap .accordion_title.closed a, #main_content .accordion.question_items .accordion_title.closed a,#main_content .accordion.footer.accordion_title.closed a { background-image: url('../img/f/accordion_down_arrow_blue.png') } /* Tiny Accordion */ .accordion.tiny { margin-bottom:16px; } .blq-js #main_content .accordion.tiny h5 a, .blq-js #main_content .accordion.tiny h5 a:hover { background:none; padding-left:0; padding-bottom:0; } #main_content .accordion.tiny h5 a { color:#005c99 ; font-size:0.8em; } .blq-js .accordion.tiny .tiny_arrow { background: url('../img/f/tiny_accordion.png'); height:6px; width:12px; display:inline-block; margin:0 8px 1px 0; } .accordion.tiny .closed .tiny_arrow { background-position: 0px -6px; } .accordion.tiny .accordion_content { padding:0px; } .accordion.tiny p { margin-top:0; } .accordion.tiny p strong { color:#003254; } /* CAROUSELS */ /* shared elements*/ ul.carousel_1 li { width:336px; } #rhc .glow173-carousel { width:336px; } #blq-container .carousel-light .carousel-nav span { background:none; } #blq-container .carousel_one_up li a .faux_h5 { padding:10px 10px 0px 10px; } #blq-container .carousel_one_up li a .faux_p { padding:0px 10px 0px 10px; margin:0px 0px 12px 0px; } .glow173-carousel .carousel-light .carousel-nav span { display:none;} .carousel_two_up div.no_padding, .carousel_one_up div.no_padding { overflow-x:scroll; overflow-y:hidden; } .blq-js .carousel_two_up div, .blq-js .carousel_one_up div.no_padding { overflow:visible; } .blq-js div.carousel-window { overflow:hidden; } #rhc .carousel_two_up div.no_padding, #rhc .carousel_one_up div.no_padding { width:336px; } #main_content .carousel_two_up div.no_padding { width:624px; } #main_content .carousel-window { width:626px; } #rhc .carousel-window { width:336px; } /* carousel arrows standard*/ #blq-container a.carousel-nav.carousel-prev { width:48px; height:48px; display:block; background: url('../img/f/carousel_prev.png') no-repeat; } #blq-container a.carousel-nav.carousel-prev:hover { background: url('../img/f/carousel_prev_hover.png') no-repeat; } #blq-container a.carousel-nav.carousel-next { width:48px; height:48px; display:block; background: url('../img/f/carousel_next.png') no-repeat ;} #blq-container a.carousel-nav.carousel-next:hover { background: url('../img/f/carousel_next_hover.png') no-repeat ;} /* Carousel 1 */ #blq-container .carousel_one_up li a { width:336px; display:block; float:left; } #blq-container .carousel_one_up li a { width:336px; display:block; float:left; } #blq-container .carousel_one_up li a img { width:336px; display:block; } .promo_carousel_one_up { width:336px; display:block; clear:both; } .promo.carousel_one_up li { margin-bottom:0px; float:left;} /* non-js widths */ .count-one-1 { width:336px; } .count-one-2 { width:672px; } .count-one-3 { width:1008px; } .count-one-4 { width:1344px; } .count-one-5 { width:1680px; } .count-one-6 { width:2016px; } .count-one-7 { width:2352px; } .count-one-8 { width:2688px; } .count-two-1 { width:289px; } .count-two-2 { width:289px; } .count-two-3 { width:433px; } .count-two-4 { width:577px; } .count-two-5 { width:721px; } .count-two-6 { width:865px; } .count-two-7 { width:1009px; } .count-two-8 { width:1153px; } .blq-js #blq-container .carousel_one_up .no_padding, .blq-js #blq-container .carousel_two_up .no_padding { overflow:visible; width:auto; } .carousel_two_up div.no_padding { position:relative; } #blq-container .carousel_2 { position:relative; } #blq-container .carousel_2 li { position:relative; } #blq-container .carousel_2 li a { position:static; } .carousel_two_up div.carousel-window, .carousel_two_up div.carousel-light { height:126px!important; } /* position arrows */ #blq-container .carousel_one_up a.carousel-nav.carousel-prev { position:absolute; top:134px ;} #blq-container .carousel_one_up a.carousel-nav.carousel-next { position:absolute; top:134px; left:288px; } #main_content #help_levels_content, #main_content #help_fit_content { background:white; padding:16px; border:1px solid #ddd; } /* Carousel 2 */ #blq-container .carousel-window { background:#CEE3EC; } #blq-container .carousel_2 .carousel-item { margin:0px; } #blq-container .carousel_2 li a { width:145px; height:126px; border:none; display:block; } #blq-container ul.carousel_2 { height:126px; background:#cee3ec} .blq-js #blq-container ul.carousel_2 { padding:0px 0px 0px 23px; } ul.carousel_2 li { width:144px; height:126px; float:left; margin:0; } ul.carousel_2 li img { width:144px; height:81px; display:block; border:solid 1px #fff; border-top:none; border-right:none;} #blq-container ul.carousel_2 li a .faux_p { width:135px; height:40px; float:left; border-left:solid 1px #fff; padding:4px 4px 0px 4px; margin:0; } #blq-container .pageNav li.arrow a { background-color:transparent; } /* carousel 2 arrows */ /* #blq-container .carousel_two_up a.carousel-nav.carousel-prev { width:23px; height:131px; display:block; border-top:solid 1px #fff; background: url('../img/f/carousel_2_prev.png') no-repeat; } #blq-container .carousel_two_up a.carousel-nav.carousel-prev:hover { background-position: 0px -131px; } #blq-container .carousel_two_up a.carousel-nav.carousel-next{ width:23px; height:131px; display:block; border-top:solid 1px #fff; background: url('../img/f/carousel_2_next.png') no-repeat ;} #blq-container .carousel_two_up a.carousel-nav.carousel-next:hover { background-position: 0px -131px; } #blq-container #rhc .carousel_two_up ul { position:relative; left:24px; } #blq-container #main_content .carousel_two_up .carousel-window { width:624px; margin-right:-23px; margin-left:-24px; } #blq-container #rhc .carousel_two_up .carousel-window { width:337px; margin-right:-23px; margin-left:-24px; } */ #blq-container #main_content .promo h3.header { padding:4px 8px; } #blq-container .carousel_two_up ul.pageNav {width:100%; position:absolute; right:0; top:0; text-align:right; } #blq-container .carousel_two_up ul.pageNav li.arrow a { display:block; width:23px; height:126px; text-align:left;} #blq-container .carousel_two_up ul.pageNav li.arrow { background:none; width:23px; height:126px; position:absolute; top:0px; background-position:0 0; } #blq-container .carousel_two_up ul.pageNav li#leftarrow { left: 0px; } #blq-container .carousel_two_up ul.pageNav li#rightarrow { right: 0px; width:24px; } #blq-container .carousel_two_up ul.pageNav li#rightarrow {border-left:1px solid white; } #blq-container .carousel_two_up ul.pageNav li#leftarrow a { background-image: url('../img/f/carousel_2_prev.png'); background-repeat: no-repeat; } #blq-container .carousel_two_up ul.pageNav li#rightarrow a { background-image: url('../img/f/carousel_2_next.png'); background-repeat:repeat-x; width:24px;} #blq-container .carousel_two_up ul.pageNav li.arrow a:hover, #blq-container .carousel_two_up ul.pageNav li.arrow a:hover { background-position: 0px -131px; cursor:pointer; } #blq-container .carousel_two_up ul.pageNav li.carousel-prev-disabled a:hover, #blq-container .carousel_two_up ul.pageNav li.carousel-next-disabled a:hover { background-position: 0 0; cursor:default; } #blq-container .carousel_two_up a.carousel-nav.carousel-next{ width:23px; height:131px; display:block; border-top:solid 1px #fff; background: url('../img/f/carousel_2_next.png') no-repeat ;} #blq-container .carousel_two_up a.carousel-nav.carousel-next:hover { background-position: 0px -131px; } #blq-container #main_content .carousel_two_up .carousel-window { width:624px; } #blq-container #rhc .carousel_two_up .carousel-window { width:336px; } #blq-container .carousel_two_up ul.pageNav li.dot { position:relative; top:-16px; background:none; display:inline-block; width:11px; height:8px; float:none; left:-4px;} #blq-container .carousel_two_up ul.pageNav li.dot .dotLabel { width:8px; height:8px; background:gray; text-align:left;} #blq-container .carousel_two_up ul.pageNav li.dotActive .dotLabel { background: #0291C9; } #blq-container .pageNav { height:0; } #blq-container div.carousel_two_up div.box div { overflow: visible; } #blq-container div.carousel_two_up div.box div.carousel-window { overflow: hidden; } .carousel_icon_bg { background: url("../img/f/overlay_black.png") repeat; width:32px; height:32px; text-indent: -2000px; overflow:hidden; display:block; position:absolute; top:0; left:1px;} .carousel_icon_bg .icon { background: url("../img/f/media.png") no-repeat -16px -16px; width:16px; height:16px; display:block; position:relative; left:8px; top:8px; } .carousel_icon_bg .video { background-position: 0 0; } .carousel_icon_bg .audio { background-position: -16px 0; } .carousel-prev-disabled, .carousel-next-disabled { opacity:0.6; filter:alpha(opacity=60); } /* WORKSHEET */ #main_content .worksheet { padding:8px 0px 8px 16px; clear:both; } #main_content .worksheet img { margin:0; } #mode_switch .bright_button { margin-top:8px; } #mode_switch .bright_button.page { width:150px; height:23px; display:inline-block; padding:8px 0px 0px 10px; background: url('../img/f/view_worksheet.jpg') no-repeat #73c2e1 135px top; } #mode_switch .bright_button.tick { width:150px; height:23px; display:inline-block; padding:8px 0px 0px 10px; background: url('../img/f/view_answersheet.jpg') no-repeat #73c2e1 135px top; } #mode_switch a.bright_button.page:hover,#mode_switch a.bright_button.tick:hover { width:150px; height:23px; display:inline-block; padding:8px 0px 0px 10px; background-color:#0291c9; background-position:135px bottom; } #popout_content .float_right { width:160px; } .has_notes { margin:-20px 0px 0px 0px; } .worksheet.box .non_js_blurb { margin-right:16px; } .box #help_fit_content { margin-top: 8px; } .resource_name { margin-bottom:12px; } /* pagination */ ul.sheet_pagination li { float:left; } #main_content ul.pagination_control li.first { margin-right:0; } /* ie 6 fix */ #prev a { width:54px; height:23px; display:block; margin:0 4px 0 0; padding:9px 8px 0 8px; text-align:right; background: url('../img/f/pagination/left_arrow.jpg') no-repeat; } #prev.disabled a { background: url('../img/f/pagination/left_arrow_disabled.jpg') no-repeat; } #prev a:hover { background-position:0px -32px; text-decoration:none; } #prev.disabled a:hover { background-position:0px 0px; } #next a { width:54px; height:23px; display:block; padding:9px 8px 0px 8px; margin:0 0 0 4px; background: url('../img/f/pagination/right_arrow.jpg') no-repeat; } #next.disabled a { background: url('../img/f/pagination/right_arrow_disabled.jpg') no-repeat; } #next.disabled a:hover { background-position:0px 0px; } #next a:hover { background-position:0px -32px; text-decoration:none; } #current { height:16px; display:block; padding:8px; margin:0; } li.popout a { height:32px; display:block; float:left; background: url('../img/f/popout.jpg') no-repeat; } li.popout a:hover { background-position:0px -32px; } li.download a { height:32px; display:block; float:left; background: url('../img/f/download.jpg') no-repeat; } li.download a:hover { background-position:0px -32px; } li.print a { height:32px; display:block; float:left; background: url('../img/f/print.jpg') no-repeat; } li.print a:hover { background-position:0px -32px; } .sheet_controls { float:right; padding:0px 16px 0px 0px; } .sheet_controls li { width:32px; height:32px; float:left; margin:0px; } .sheet_controls li.text_only { width:300px; text-align:right; margin-right:8px; } .sheet_controls li.download { width:auto; } .blq-js .sheet_controls li.download { width:32px; } .sheet_controls a { padding-left:32px; overflow:hidden; padding-right:8px;} .sheet_controls .label { padding-top:8px; height:24px; display:inline-block; } .sheet_controls .shifted { padding-right:0; } /* Popout */ .popout_container { padding:16px 0px 0px 0px; } .popout_container, .panel-light { font-family:Arial, Helvetica, sans-serif; } .popout_container h2,.popout_container h3, .popout_container .topic_description { padding:0px 0px 0px 16px; } .popout_container .sheet_content h3 { padding:0; } .popout_container.factsheet_popout p.topic_description { padding-right:16px; } .popout_container.factsheet_popout .factsheet.box { margin-bottom:0; } #panel_container.popout_container.factsheet_popout { width:624px; } #panel_container.popout_container.worksheet_popout.portrait { width:768px; } #panel_container.popout_container.worksheet_popout.landscape { width:1081px; } #panel_container ul.float_right { margin-right:16px; width:160px; } #container.portrait .topic_description, #container.landscape .topic_description { width:464px; } #panel_container.portrait .topic_description { width:576px; } #panel_container.landscape .topic_description { width:889px; } #popout_close { float:right; } #popout_close a { width:20px; height:20px; cursor:pointer; display:block; background: url('../img/f/close_icon.jpg') no-repeat; padding:0; opacity:0.6; filter:alpha(opacity=60); } #popout_close a:hover { opacity: 1.0; filter:alpha(opacity=100); } .panel-close { opacity:0.6; filter:alpha(opacity=60);} .panel-close:hover { opacity:1; filter:alpha(opacity=100); } .popout_container #mode_switch { float:right; margin:16px 0 8px 0; } .popout_container .clear_right #mode_switch { margin-top:-24px; } .popout_container .worksheet { margin:16px 0px 0px 0px; } .popout_container .sheet_controls { float:right; padding-right:0; } /* Games overrides */ #game_content h2, #game_content h3, #game_content .topic_description, #game_content #popout_close a { padding:0; } #game_content .popout_container { padding:16px; } #game_content #panel_container #gameEmbed { clear:both; } #game_content #panel_container ul.float_right { margin-right:0; } #game_content #panel_container #popout_close { margin-bottom:16px; } /* FACTSHEET */ .factsheet { overflow:hidden; } .factsheet .sheet_content { padding:8px 16px; margin-top:8px; clear:both; } .factsheet .sheet_controls { padding:0; } .factsheet { padding: 8px 16px; } .factsheet .section { padding: 8px 0; clear:both; overflow:hidden; } .factsheet .section.first { padding-top:0; } .factsheet .section p { margin-top:0; } .left_of_text .image_wrapper { float:left; margin-right:8px; } .right_of_text .image_wrapper { float:right; margin-left:8px; } .complete_line .image_wrapper { float:none; text-align:center; margin-bottom:8px;} .complete_line img { margin-left:auto; margin-right:auto; } .complete_line img { margin-left:auto; margin-right:auto; } .factsheet blockquote { background:#87CEEB; padding: 11px 8px; overflow:auto; position:relative; } .factsheet .left_of_text blockquote p { position:relative; } .factsheet .right_of_text blockquote p { position:relative; } .factsheet blockquote p { margin:0; text-align:center } .factsheet p { margin-bottom: 1em; } .factsheet h3 { margin-bottom: 16px; } /* ARTICLE - this is the same as a factsheet apart from the margin */ .factsheet.article .sheet_content { padding-top:16px; } /* QUIZ */ .box.quiz, .box.quiz .sheet_controls { padding:0; margin:0; background-color:#CEE3EC; } .box.quiz { margin-bottom: 8px; } .embedFlash { margin-bottom:16px; } .embedFlash p, .emp p { margin:16px 0; background:white; padding:8px; } /* HELP PAGES */ h2.help { margin:2px 0px 12px 0px; } /* FAQ */ .accordion_content { padding:0px 16px 0px 16px; } .accordion_content p { margin:8px 0px 8px 0px; } /* SITE MAP */ #main_content .sitemap ul li { width:196px; float:left; margin:16px 0px 3px 0px; } #main_content .sitemap ul.outer { margin-bottom:20px; float:left; } #main_content .sitemap li ul li { margin:0px; } #main_content .sitemap li a:hover { color:#005c99; text-decoration:underline; } #main_content .sitemap li a { font-weight:normal; } #main_content .sitemap li h5 a { font-weight:bold; } /* Signup/Feedback Forms */ .box.form { margin-bottom:0px; } #main_content .form { padding:16px; position:relative; } .zend_form label { width:180px; float:left; margin:2px 10px 0px 0px; padding:6px 0px 0px 0px; display:block; position:relative; } .zend_form input { width:380px; margin:0px 0px 8px 0px; padding:9px 10px 10px 10px } .zend_form label input { padding-left:0; padding-right:0; } #location-label { width:190px; float:left; } #comments-label { width:190px; float:left; clear:both; } #location-element, #format-element { width:300px; float:left; } .accordion.footer .accordion_content { margin:0px 0px 16px 0px; } #submitbutton-element { clear:both; position:relative; } #submitbutton-element #submitbutton { margin-left:492px; position:relative; width:100px;background: url('../img/f/arrow_right.jpg') no-repeat #73c2e1 10px center; padding:8px 0px 8px 16px; color:#003254; } #location, #format { width:234px; padding:8px; display:block; } #submitbutton-element #submitbutton { cursor:pointer; } #submit-label { display:none; padding:0px; margin:0px; } #main_content .accordion.footer .accordion_title.closed a { background: url('../img/f/accordion_down_arrow.png') no-repeat #005B99 596px 11px; } #main_content .accordion.footer .accordion_title.closed a:hover { background-color:#0291C9; } dd#user_status-element { float:left; margin:0px 0px 16px 0px; position:relative; } #comments-element #comments { max-width:396px; width:396px; margin:10px 0px 0px 0px; border:none; overflow:auto; } dd#user_status-element label { width:100px; } dd#user_status-element input { width:16px; margin:0px 5px 0px 0px; } dd#user_status-element br { display:none;} #comments-label label { margin:6px 10px 0px 0px; } #errorList ul li, .form label.error { color:#ab0101; font-weight:bold; } .zend_form .element { border:1px solid white; } .zend_form dd label .element { border:none; } .zend_form .element.error { border:1px solid #ab0101; } #submitbutton { border:none; } #errorList p { font-weight:bold; margin-bottom:16px; } #errorList ul { margin-bottom:16px; } .accordion.footer .accordion_content strong { display:inline-block; color:#0e2531; margin-top:8px; } /* LIGHT BOXES (POPUPS)*/ body div.panel-light .tc a.panel-close { background: url('../img/f/close_icon.png') no-repeat center; } body div.panel-light .defaultSkin .pc .tl,.panel-light .defaultSkin .pc .tr, body div.panel-light .defaultSkin .pc .bl,.panel-light .defaultSkin .pc .br { width:10px; } body div.panel-light .defaultSkin .panel-hd { padding:5px 0px 10px 0px; margin:0px 10px 5px 10px; border:none; } body .panel-bd p.download_pdf a,.panel-bd p.download_doc a { display:block; background: url('../img/f/popup_download.jpg') no-repeat #73c2e1 right top; padding:8px; margin:8px 0px 8px 0px; } body .panel-bd p.download_pdf a:hover,.panel-bd p.download_doc a:hover { text-decoration:none; background-color:#0291c9; background-position: right bottom; } div.panel-light .defaultSkin .pc .tr, div.panel-light .defaultSkin .pc .tl, div.panel-light .defaultSkin .pc .br, div.panel-light .defaultSkin .pc .bl, div.panel-light .defaultSkin .pc .bb div, div.panel-light .defaultSkin .pc .tb div, div.panel-light .defaultSkin .pc .bars { filter:alpha(opacity=26); background:black; background-image:none; opacity:0.26; } .pc h3.hd { margin-right:32px; } a.panel-close { overflow:hidden; } #help_fit_content p em a, #help_levels_content p em a { font-style:normal; text-decoration:none; margin:12px 0 6px 0; padding:8px; display:block; background: #73c2e1; color:#003254; font-size:1.2em; } #help_fit_content p em a:hover, #help_levels_content p em a:hover { background:#0291C9; color:#fff; text-decoration:none; } .panel-light p { margin-bottom: 12px; } #help_levels_panel .infoPanel-pointerT, #tutor_tips_panel .infoPanel-pointerT { position:relative; left:220px; } #download_panel .infoPanel-pointerT, #popout_download_panel .infoPanel-pointerT {position:relative; left:106px; } #level_popup .defaultSkin p { position:relative; } #level_popup .defaultSkin h4 { position:relative; } #level_popup .pc .tc .c { min-height:0; padding-top:4px; } #level_popup .pc .tc .c .panel-bd { margin:0 8px; } #level_popup .pc p { margin-bottom:6px; color:#6a6a6a } /* non-js version */ #main_content #help_fit_content { margin:0 0 16px 0; } /*======================================================*/ /* RHC */ /*======================================================*/ #rhc h3.header { padding:3px 9px 6px 9px; } #rhc .promo.list ul li { width:336px; float:left; } #rhc .promo.list a { width:320px; height:auto; } #rhc .promo.list ul li span.faux_h5 { width:auto; } #rhc .promo.list ul li span.faux_p { width:auto; margin:0px 0px 8px 0px; } #rhc .promo.list img { margin:0px 16px 0px 0px; } #rhc .promo.list ul li span.faux_p,#rhc .promo.list ul li span.faux_h5 { display:list-item; padding:0px; } /* big box */ #rhc .promo.big li { margin:0; } #rhc .promo.big li a { min-height:101px; display:block; padding:8px; } #rhc .promo.big img { width:208px; height:117px; display:block; float:left; margin:-8px 8px -8px -8px; } #rhc .promo.overlay img { width:336px; height:189px; display:block; } /* LEVEL_MENU */ /* common elements */ .box.level_menu { padding:8px 16px 16px 16px; } .box.level_menu ul { width:304px; display:block; } /* check this */ .box.level_menu li { margin:0px; } .box.level_menu li a, .box.level_menu li.disabled { width:288px; height:44px; display:block; margin:0px; float:left; border-bottom:solid 1px #003254; padding:8px; /* check this */ } #blq-container #rhc .level_menu li a:hover { background-position:right -60px; } /* hover */ #blq-container #rhc .level_menu li a { background-position:right 0; background-repeat:no-repeat; background-color:#fff; } .level_menu .title { color:#333; display:block; font-size:1.5em; font-weight:bold; margin:2px 0 7px 0;} .level_menu .description {color:#676767; font-weight:normal; font-size: 1.2em; } #blq-container .level_menu li.disabled { background-color:#e5f4f9; background-position:right 0; background-repeat:no-repeat; } .level_menu li.disabled .title, .level_menu li.disabled .description { color:#afc0c7; } .level_menu a:hover .title, .level_menu a:hover .description { color:#fff; } .level_menu h3 { margin:0 0 2px 0; } .level_menu p { margin-bottom: 8px; } /* Quick finder */ #rhc .quick_finder h3 { width:290px; float:left; padding:5px 5px 5px 8px; } #rhc .quick_finder #keywords { width:264px; height:32px; float:left; border:none; margin:2px 0px 0px 5px; padding:0px 0px 0px 10px; } #rhc .quick_finder #submit { margin:2px 0px 0px 0px; } #rhc .quick_finder .item { width:150px; float:left; margin:4px 0px 0px 0px; padding:0px 0px 0px 6px; } #rhc .quick_finder .item.level { width:156px; } #rhc .quick_finder .item legend { padding:0px 0px 8px 0px; } #rhc .quick_finder .item input { margin:0px 3px 8px 0px; } #rhc .quick_finder .item label { position:relative; top:-1px; margin:0px 3px 0px 0px; } #rhc .quick_finder .item .clear_both { display:block; clear:both; } /*#rhc .quick_finder .item .english { width:60px; display:inline-block; }*/ #rhc .quick_finder p { padding:4px 0px 0px 8px; } #rhc .quick_finder div.input_container { display:block; margin:0; padding:0; float:left; } #rhc .quick_finder div.input_container.odd { min-width:9em; } #rhc .quick_finder div.input_container.even { min-width:6em; } #rhc .quick_finder fieldset.level div.input_container.even { min-width:6.5em; } /* Small Level Menu */ #rhc .small_level_menu { padding:0px; } .small_level_menu .current_level { width:130px; height:37px; float:left; padding:11px 0px 0px 14px; line-height:1em; } .small_level_menu .faux_h5,.small_level_menu .faux_p { display:none; } /* to review with tom */ .small_level_menu li { float:left; margin:0px; } .small_level_menu li a, .small_level_menu li { width:48px; height:48px; display:block; } .small_level_menu li a:hover, .small_level_menu li.current a { background-position:0px -48px; } /* TEMP IMAGE BACKGROUND */ /*img { display:block; }*/ /* RESOURCE SELECTOR */ .resource_selector { margin-bottom:16px; padding:8px} .resource_selector h3, .resource_selector h5 { padding:8px 0px;} .resource_selector ol { padding: 0px;} .resource_selector ol li { margin:0px } .resource_selector ol li a { padding: 6px 8px; display:block; border-bottom:1px solid #003254; line-height:1.8em; position:relative; } .resource_selector ol li a:hover { text-decoration: none; } .resource_selector span.title { display:inline-block; width: 272px; } /* check the dispay:inline-block especially in ie */ .resource_selector span.list_number { float:right; font-size: 1.5em; position:absolute; top:50%; margin-top:-0.6em; right:8px;} #main_content .resource_selector { width: 288px; float: left; margin-right: 16px; margin-top:16px;} #main_content .resource_selector .title { width: 242px; } /* TABBED VERSION */ /*.resource_selector.js_tabs h5 { padding-top:14px; }*/ .resource_selector { padding-top:0px; } .resource_selector.tabbed { overflow: hidden; padding: 0px 0px 8px 0px; } .resource_selector.tabbed h5.tab { margin:0px; padding:0px; } .resource_selector.tabbed h5.tab a { display:inline; float:left; top: 0px; width:152px; margin:0px; padding:8px; display:block; } .resource_selector.tabbed h5.tab.open a { top:0px; background: none; } .resource_selector.tabbed .panel { clear: right; display: inline; float: right; margin: 0px; display:none; position: absolute; right: -500%; } .resource_selector.tabbed .panel.open { width: 320px; display:block; position: relative; right: 328px; padding:0px; margin:40px -320px 0px 0px; border:none; } /* ERROR PAGES */ h3.reason { margin-top:16px; } ul.dotted { list-style:disc; margin:8px 0 16px 16px; } ul.dotted li { color:#333; } #error-404 { margin-bottom:16px; } .blq-gvl-3 #blq-foot.blq-rst { background-color:#000f19; } /* Certificate */ #certificate { background:none; } #certificate { font-family: arial,helvetica,verdana,sans-serif; font-size:62.5%; } #certificate p { color:#333; } #certificate li { list-style: none outside none; margin:0; padding:0;} .certificate { width:568px; margin:0 auto 16px auto; clear:left; } .certificate .top, .certificate .bottom { height:54px; margin:0!important; padding:0!important; position:relative; } .certificate .top img, .certificate .bottom img { position:absolute; top:0; left:0; } .certificate .middle { overflow:hidden; position:relative; } .certificate .cert_content { z-index:10; padding:0 49px; position:relative; text-align:center; } .certificate input { border:none; border-bottom:2px dotted black; width:240px; font-size:2.4em; text-align:center;} .certificate label, .certificate input { color:#333; } .certificate label { font-size:3.2em; margin-right:0.3em; } .certificate img.bg { z-index:1; position:absolute; top:0; left:0; } .certificate .name { margin-top:2em; } .certificate .message { font-size:2.4em; width:288px; margin:1.4em auto; } .certificate .score { font-size:4.8em; margin-bottom:1em; } .certificate img.header { width:200px; height:99px; margin:0 auto; } .certificate img.rosette { width:104px; height:148px; margin:0 auto; } .certificate .congrats { font-size:3.2em; font-weight:bold; margin-top:1em; margin-bottom:0.5em; } ul.print_certificate { float:left; } .print_certificate li.print a { background-color:#CEE3EC; height:14px; padding:8px 8px 8px 36px; } .print_certificate li.print a:hover, .print_certificate a:hover span { background-color:#0291C9; color:white; } #pulse-a a { font-size:0.75em!important; font-weight:normal; } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,object,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-size:inherit;color:inherit}body{font-family:Arial,Helvetica,freesans,sans-serif;font-size:10px}a,a:link,a:visited{color:inherit}#blq-container a,#blq-container a:link,#blq-container a:visited{color:#336699}#blq-container .topic_panel li a,#blq-local-nav .level1 a,#blq-container .image_size_to_overlay a,#main_content .promo.list h3.header,h4.question_mark_box,#blq-container a.overlay_image_emp,#blq-container p.overlay_image_emp,.box.level_menu h3,#blq-container .box.level_menu p,#blq-container .box.level_menu li a:hover,#main_content .supportive h3,#blq-container .supportive .linked_articles a:hover,#blq-container,#main_content .promo.list li a:hover .faux_h5,#main_content .promo.list li a:hover .faux_p,h3.accordion_title a,.resource_selector h3,#blq-container .resource_selector ol li a:hover,#rhc .resource_selector h5.open a,#rhc .resource_selector h5 a,#next a:hover,#prev a:hover,#main_content .accordion h3 a,#main_content .results_header ul.pagination_control li.number.current a,#blq-local-nav .level1 a:hover,#main_content .accordion_title a,#main_content #mode_switch a:hover,#panel_container #mode_switch a:hover,#main_content .quick_finder .accordion_title.closed a,#rhc .search_filter .accordion_title a,#main_content .accordion.footer .accordion_title.closed a,#main_content .homepage_promo li a,#main_content .homepage_promo li,#main_content .homepage_promo h2 a,.panel-bd p.download_pdf a:hover,.panel-bd p.download_doc a:hover{color:#FFFFFF}body #blq-main{font-size:10px}body #blq-main p,body #blq-main li,body #blq-main input,body #blq-main label{font-size:1.3em}body #blq-main p.topic_description,body #blq-main li.topic_description,body #blq-main input.topic_description,body #blq-main label.topic_description{font-size:1.6em}body #blq-main h2,body #blq-main .faux_h2{font-size:3em}body #blq-main h3,body #blq-main .faux_h3{font-size:2em}#mainNav ul li{line-height:22px}.plainLinks li{list-style-type:none}.tabHeader{line-height:20px}