Display issue details:HoverShow allHide all
Short report

The line numbers refer to lines in the original source. Any with a line number of '0' are implicit tags added by Total Validator:

Go to first issue

   5 *[id^=para]:before {
   6   display: block;
   7 P908 [WCAG21 1.3.1 (A)] Do not insert content using CSS:
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG 2.1 Failure F87.       content: " ";
   8   margin-top: -40px;
   9   height: 40px;
  10   visibility: hidden;
  11 }
  13 html {
  14   overflow-y:scroll;
  15 }
  17 body {
  18   margin: 0px;
  19   padding: 0px;
  20   font-family: Calibri, Arial, sans-serif;
  21   font-size:medium;
  22   letter-spacing: 0px;
  23 }
  25 html, body {
  26   height:100%;
  27   padding:0px;
  28   margin:0px;
  29 }
  31 #desktop_button, #mobile_button, #responsive_button {
  32   font-size:small;
  33 }
  34 #desktop_button:hover, #mobile_button:hover, #responsive_button:hover {
  35   cursor:pointer;
  36 }
  37 #desktop_button:focus, #mobile_button:focus, #responsive_button:focus {
  38   outline-style:solid;
  39   outline-width:2px;
  40 }
  42 .back_button_container {
  43   padding: 10px;
  44   width: 100%;
  45   position: fixed;
  46   top:0;
  47   height: 90px;
  48 }
  50 .back_button {
  51   width: 100px;
  52   padding: 10px;
  53   text-align: center;
  54   border-radius: 5px;
  55   font-family: sans-serif;
  56   cursor: pointer;
  58 }
  60 .container {
  61   top:90px;
  62   width: 100%;
  63   bottom:50px;
  64   position: fixed;
  65   overflow: auto;
  66 }
  68 .image_footer {
  69   height: 50px;
  70   width: 100%;
  71   position: fixed;
  72   bottom: 0;
  73   left: 0;
  74 }
  76 #cookie_bar {
  77   text-align:center;
  78   padding:10px;
  79   background-color:#999;
  80   color:#fff;
  81   display:none;
  82 }
  84 #cookie_bar a {
  85   color:#FFFFFF;
  86 }
  88 #cookie_agree {
  89   background-color:#FFFE8D;
  90   color:#000000;
  91   margin-left:10px;
  92   margin-right:10px;
  93   padding:3px;
  94   border-radius:5px;
  95   width:100px;
  96   display:inline-block;
  97 }
  99 #cookie_agree:hover {
 100   cursor: pointer;
 101 }
 103 a {
 104   outline:none;
 105 }
 107 a:focus {
 108   outline-style:solid;
 109   outline-width:2px;
 110 }
 112 #menu_items ul li a {
 113   outline:none;
 114 }
 116 #menu_items ul li a:focus {
 117 E914 [WCAG21 2.4.7 (AA)] Do not remove the visual focus indicator or render it invisible:
Turning off the focus indicator, or using styling which may make it difficult to see the focus indicator, prevents people from knowing which element has the keyboard focus. See WCAG 2.1 Failure F78.       outline:none;
 118 }
 120 .imagelink:focus {
 121 E914 [WCAG21 2.4.7 (AA)] Do not remove the visual focus indicator or render it invisible:
Turning off the focus indicator, or using styling which may make it difficult to see the focus indicator, prevents people from knowing which element has the keyboard focus. See WCAG 2.1 Failure F78.       outline-style:none;
 122 }
 124 input#mag_glass.imagelink:focus {
 125   outline-style:solid;
 126 }
 128 .imagelink:focus img {
 129   outline-style:solid;
 130   outline-width:2px;
 131 }
 133 img {
 134   border-style:none;
 135 }
 137 input:focus {
 138   outline: solid;
 139   outline-width:2px;
 140 }
 141 .option_button a:focus {
 142   border-style: none;
 143 E914 [WCAG21 2.4.7 (AA)] Do not remove the visual focus indicator or render it invisible:
Turning off the focus indicator, or using styling which may make it difficult to see the focus indicator, prevents people from knowing which element has the keyboard focus. See WCAG 2.1 Failure F78.       outline: none;
 144   background-color: red;
 145 }
 147 input[type="text"]:focus {
 148   border-style:solid;
 150 }
 152 #dropdown_list:focus {
 153   outline-width:2px;
 154 }
 156 #skip a {
 157   position:absolute;
 158   left:-10000px;
 159   top:auto;
 160   width:1px;
 161   height:1px;
 162   overflow:hidden;
 163 }
 165 #skip a:focus {
 166   position:static;
 167   width:auto;
 168   height:auto;
 169 }
 171 fieldset {
 172   border: 0;
 173   display:inline;
 174 }
 178 #head_bar {
 179   height: 105px;
 182 }
 184 header {
 185   max-width:1200px;
 186   padding-top: 10px;
 187   height: 95px;
 188   margin-left: auto;
 189   margin-right: auto;
 190   background-repeat: no-repeat;
 191   background-position: right bottom;
 192 }
 194 #grey_bar {
 195   border-right-style: solid;
 196   border-right-width: thin;
 197   padding-right: 10px;
 198   padding-left: 10px;
 199   float: left;
 200 }
 202 #logo_holder {
 203 }
 205 #title {
 206   float: left;
 207   clear: right;
 208   margin-left: 10px;
 209   margin-top: 2px;
 210 }
 212 #title h1 {
 213 E910 [WCAG21 1.4.4 (AA)] Use relative rather than absolute units:
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.       font-size: 26px;
 214   padding: 0px;
 215   margin: 0px;
 216   font-weight: normal;
 217   font-family: Calibri, Arial, sans-serif;
 218   letter-spacing: 0px;
 219   margin-top: 15px;
 220 }
 221 #h1_sub {
 222   color: #888888;
 223   clear:both;
 224   font-size:0.7em;
 225   display:block;
 226 }
 227 #access_holder {
 228   float: right;
 229   margin-left: 10px;
 230   margin-right: 20px;
 231   clear:right;
 232   display:block;
 233 }
 235 #access_text_hold {
 236   float: left;
 237   margin-right: 5px;
 238   border-radius: 5px;
 239   padding: 5px;
 240 E910 [WCAG21 1.4.4 (AA)] Use relative rather than absolute units:
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.       letter-spacing: 1px;
 241   border-style: solid;
 243 }
 245 #access_text_hold:hover {
 247   border-style: solid;
 248   border-radius: 10px;
 250 }
 252 #access_text_hold a {
 253   text-decoration:none;
 254 }
 255 #access_text_hold a :focus {
 256   text-decoration:none;
 257 }
 258 nav {
 259   height: 40px;
 260   clear:both;
 262 }
 264 #sticky_navigation_wrapper {
 265   width: 100%;
 266   height: 40px;
 267 }
 269 #sticky_navigation {
 270   height: 40px;
 271   width: 100%;
 272   clear: both;
 273   z-index:99999999999999999999999999999999;
 274 }
 276 #demo_container {
 277   max-width: 1200px;
 278   margin-left: auto;
 279   margin-right: auto;
 280 }
 282 #menu_toggle {
 283   float: left;
 284   padding-left: 10px;
 285   padding-top: 10px;
 286   display: none;
 287   visibility: hidden;
 288 }
 290 #menu_items {
 291   float: left;
 292   height: 40px;
 293   display: block;
 294   font-size: 0.9em;
 295 }
 297 #menu_items a {
 298   text-decoration: none;
 299   display:inline-block;
 300   font-weight:normal;
 301 }
 304 #menu_items ul {
 305   text-align: left;
 306   display: inline;
 307   margin: 0;
 308   padding: 0px;
 309   list-style: none;
 310   cursor:default;
 312 }
 314 #menu_items ul li {
 316   display: inline-block;
 317   margin-right: -4px;
 318   position: relative;
 319   width: auto;
 320   min-height: 40px;
 321   line-height: 40px;
 322   padding-left: 10px;
 323   padding-right: 10px;
 324   margin-top:0px;
 326 }
 328 #menu_items ul li:hover {
 330 }
 332 #menu_items ul li:focus {
 334 }
 336 #menu_items ul li a:hover {
 338 }
 340 #menu_items ul li a:focus {
 341   border-style:none;
 342 }
 344 #menu_items ul a:focus li {
 346 }
 348 #menu_items ul li ul {
 349   padding: 0;
 350   position: absolute;
 351   top: 38px;
 352   left: 0;
 353   width: 177px;
 354   display: none;
 355   visibility: hidden;
 356 }
 358 #menu_items ul li ul li {
 359   display: block;
 360   clear: both;
 361 }
 363 #menu_items ul li ul li a:hover {
 365 }
 367 #menu_items ul li ul li:hover {
 369 }
 371 #menu_items ul li:hover ul {
 372   display: block;
 373   visibility: visible;
 374 }
 376 .toplink {
 378 }
 379 .toplink :hover {
 381 }
 382 .toplink :focus {
 384 }
 385 ul .dropdownmenu:focus .toplink {
 387 }
 390 .arrow {
 391 E910 [WCAG21 1.4.4 (AA)] Use relative rather than absolute units:
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.       font-size: 10px;
 392   margin-left:2px;
 393   display:block;
 394   float:right;
 395   position:absolute;
 396   top:0px;
 397   right:3px;
 398 }
 401 #search {
 402   float: right;
 403   margin-right: 20px;
 404   padding-top: 8px;
 405 }
 407 #search_contents {
 408 }
 410 #input_holder {
 411   float: left;
 412   padding-right: 5px;
 413 }
 414 .search_bar {
 415   border-radius: 10px;
 416   box-shadow: none;
 417   padding: 5px;
 418 }
 419 input.search_bar:focus {
 420 E914 [WCAG21 2.4.7 (AA)] Do not remove the visual focus indicator or render it invisible:
Turning off the focus indicator, or using styling which may make it difficult to see the focus indicator, prevents people from knowing which element has the keyboard focus. See WCAG 2.1 Failure F78.       outline: none;
 421   border-style: none;
 422 }
 424 #mag_holder {
 425   float: right;
 426 }
 428 #mag_holder a :focus {
 429   border:solid;
 430 }
 437 #main_content {
 438   margin-left: auto;
 439   margin-right: auto;
 440   max-width: 1200px;
 441   height: auto;
 442 }
 444 #main_content:focus {
 445 E914 [WCAG21 2.4.7 (AA)] Do not remove the visual focus indicator or render it invisible:
Turning off the focus indicator, or using styling which may make it difficult to see the focus indicator, prevents people from knowing which element has the keyboard focus. See WCAG 2.1 Failure F78.       outline:none;
 446 }
 448 #print_watermark {
 449 E910 [WCAG21 1.4.4 (AA)] Use relative rather than absolute units:
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.       font-size:20px;
 451   padding-top:20px;
 452   padding-left:20px;
 453   padding-right:20px;
 454   display:none;
 455 }
 457 #chapter_title {
 458   clear: both;
 459   margin-top: 30px;
 460   margin-bottom: 10px;
 461   min-height: 30px;
 462   line-height: 30px;
 463 }
 465 #print_holder {
 466   float: right;
 467   margin-left: 10px;
 468   margin-right: 20px;
 469 }
 471 #print_holder :hover {
 472   cursor:pointer;
 473 }
 475 #tabimg_container #print_holder {
 476   margin-top:0px;
 477   top: 0px;
 478   right: 0px;
 479   margin-left: 0px;
 480   margin-right: 0px;
 481 }
 484 #tabimg_container {
 485   padding: 10px;
 486   position: relative;
 488 }
 490 .inner {
 491   display:block;
 492   text-align: center;
 493   padding: 10px;
 494 }
 496 .inner table {
 497   margin-left:auto;
 498   margin-right:auto;
 499   text-align:left;
 500 }
 504 #new_print {
 505 }
 507 #old_print {
 508 }
 511 #chapter_title h2 {
 512   padding: 0px;
 513   margin-left: 10px;
 514   vertical-align: text-bottom;
 515   font-weight: bold;
 516   margin-top: 20px;
 517   font-size:1.3em;
 518   margin-bottom: 10px;
 519 }
 521 #scope_box {
 522   margin-top: 15px;
 523   margin-left: 10px;
 524   margin-right: 10px;
 525   margin-bottom: 10px;
 526   border-style: solid;
 527   border-width: thick;
 528   padding: 15px;
 529   clear: both;
 531 }
 533 #scope_box h3 {
 534   font-weight: bold;
 535   font-size: 1.1em;
 536   margin-top:10px;
 537   margin-bottom:5px;
 538 }
 540 #scope_box p {
 541   margin-bottom: 15px;
 542   padding: 0px;
 543 }
 548 p {
 549   margin-top: 10px;
 550   margin-bottom: 10px;
 551 }
 554 p a {
 555   font-weight:bold;
 556   text-decoration:none;
 558 }
 559 p a:hover {
 561 }
 562 table {
 563   width:100%;
 564   margin-top:10px;
 565   margin-bottom:20px;
 566 }
 568 .center {
 569   text-align:center;
 570 }
 572 table,tr,td {
 573   border-spacing: 0px;
 574 }
 576 th,td {
 577   padding:10px;
 578 }
 580 table.borderless {
 581   border-style: none;
 582   padding: 0px;
 583 }
 585 table.borderless tbody tr td {
 586   border-style: none;
 587   padding: 0px;
 588 }
 590 .docs_lib {
 591   padding:10px;
 592 }
 594 .docs_lib table {
 595   margin-bottom:40px;
 596 }
 598 .docs_lib .table_header {
 599 E910 [WCAG21 1.4.4 (AA)] Use relative rather than absolute units:
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.       font-size:18px;
 600   text-align:center;
 601 }
 603 .docs_lib .table_row_even {
 604 E910 [WCAG21 1.4.4 (AA)] Use relative rather than absolute units:
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.       font-size:16px;
 605   font-weight:bold;
 606   text-align:center;
 607 }
 609 .anchor {
 610   padding-top: 50px;
 611   margin-top: -50px;
 612 }
 616 ol {
 617   margin-top: 10px;
 618   margin-bottom: 10px;
 619 }
 620 ol li {
 621   margin-top:10px;
 623 }
 625 ol a {
 626   text-decoration:none;
 627   font-weight:bold;
 628 }
 629 ol li a:hover {
 630 }
 631 ul {
 632   margin-top: 10px;
 633   margin-bottom: 10px;
 634 }
 635 ul li {
 636   margin-top:10px;
 637 }
 638 ul a {
 639   text-decoration:none;
 640   font-weight:bold;
 641 }
 643 #sections ul {
 644   overflow:hidden;
 645 }
 646 #sections ol {
 647   overflow:hidden;
 648 }
 650 .remove_bullet {
 652 }
 653 ol li.remove_bullet:before {
 654 P908 [WCAG21 1.3.1 (A)] Do not insert content using CSS:
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG 2.1 Failure F87.       content:"\ \ \ ";
 655   display: none;
 657 }
 660 tr, td {
 661   vertical-align: top;
 662 }
 663 .greybox h3.date {
 664   font-size:1.1em;
 665   border-bottom-style:none;
 666   margin:0px;
 667   margin-top:10px;
 668 }
 669 .greybox h4 {
 670   margin:0px;
 671   margin-top:10px;
 672 }
 674 #sections table.table_contents {
 675   border-style: none;
 676   margin-top:10px;
 677   margin-bottom:10px;
 678 }
 680 table.borderless tr td {
 681   border-style: none;
 682   border-width:0px;
 683 }
 686 #sections table.borderless tr td {
 687   border-style: none;
 688   border-width:0px;
 689 }
 694 .table_contents td {
 695   padding:5px;
 696   border-style: none;
 697 }
 698 .head_table {
 699   line-height: normal;
 700 }
 703 #main_contents tr.head_table {
 704   margin:0px;
 705   line-height:normal;
 706 }
 709 .table_contents a {
 710   font-weight:bold;
 711   text-decoration:none;
 712 }
 713 .table_contents a:hover {
 715 }
 718 .table_header {
 719   font-weight: bold;
 720 }
 721 .table_row_even {
 722 }
 728 #sections {
 729   border-style: solid;
 730   border-width: thin;
 731   margin: 10px;
 732   padding-top:0px;
 733   padding-left:10px;
 734   padding-right:10px;
 735   padding-bottom:10px;
 736   clear: both;
 738 }
 740 #sections_list {
 741 }
 743 #sections h3 {
 744   border-bottom-style: solid;
 745   border-bottom-width: thin;
 746   font-size:1.3em;
 747   margin: 0px;
 748   padding: 0px;
 749   padding-top: 60px;
 750   margin-top: -40px;
 751   clear:left;
 752 }
 753 #sections h4 {
 754   font-size:1.1em;
 755   margin: 0px;
 756   padding: 0px;
 757   padding-top: 50px;
 758   margin-top: -40px;
 759   clear:both;
 760 }
 761 #sections h5 {
 762   font-size:1.0em;
 763   margin: 0px;
 764   padding: 0px;
 765   padding-top: 45px;
 766   margin-top: -40px;
 767   clear:both;
 768 }
 772 .image_container_left {
 773   float:left;
 773   padding:10px;
 773   max-width:50%;
 774 }
 775 .image_container_left img {
 776   max-width:100%;
 776   height:auto;
 777 }
 778 .image_container_right {
 779   float:right;
 779   padding:10px;
 779   max-width:50%;
 780 }
 781 .image_container_right img {
 782   max-width:100%;
 782   height:auto;
 783 }
 784 .image_container_full {
 785   width:100%;
 785   text-align:center;
 786 }
 787 .image_container_full img {
 788   max-width:100%;
 788   height:auto;
 789 }
 790 .image_caption {
 791   display:block;
 792 }
 793 .image_caption p {
 794   text-align:center;
 794   font-style:italic;
 794   margin-top:0px;
 794   padding-top:0px;
 795 }
 805 #desktoptest {
 806   display:block;
 807 }
 809 .whitebox {
 811   margin-top:20px;
 812   margin-left:10px;
 813   margin-right:10px;
 814   border-style:solid;
 815   border-width:thin;
 816   padding:20px;
 817   height:1%;
 818   overflow:auto;
 819 }
 820 .whitebox h2 {
 821   margin:0px;
 822 }
 824 .greybox {
 825   margin: 10px;
 826   padding:10px;
 827   border-style:solid;
 828   border-width: thin;
 829 }
 831 .button_holder {
 832   text-align:center;
 833   width:100%;
 834   display:block;
 835   clear:both;
 836   height:1%;
 837   overflow:auto;
 838 }
 839 .big_button_inner {
 840   vertical-align:middle;
 841   padding:10px;
 842   display:table-cell;
 843 }
 848 .big_button a {
 849   width:30%;
 850   clear:right;
 851   float:left;
 852   margin-top:5px;
 853   margin-bottom:5px;
 854   margin-left:2.5%;
 855   height:100px;
 856   display:table;
 857   text-decoration:none;
 858   border-left: 1px solid;
 859   border-right: 2px solid;
 860   border-bottom: 2px solid;
 861   border-top: 1px solid;
 862   border-radius: 10px;
 863 }
 864 .big_button :hover {
 865   cursor:pointer;
 866   border-top: 1px solid;
 867   border-left: 1px solid;
 868   border-right: 2px solid;
 869   border-bottom: 2px solid;
 870   border-radius: 10px;
 872 }
 875 .option_button_inner {
 876   vertical-align:middle;
 877   padding:10px;
 878   display:table-cell;
 879 }
 881 .option_button a {
 882   width:30%;
 883   clear:right;
 884   float:left;
 885   margin-top:5px;
 886   margin-bottom:5px;
 887   margin-left:2.5%;
 888   height:50px;
 889   display:table;
 891   text-decoration:none;
 892 }
 893 .option_button :hover {
 894   cursor:pointer;
 895 }
 897 .option_button a:focus .option_button_inner {
 898   text-decoration: underline;
 899 }
 902 .standard_colours {
 903   background-color:#EEEEEE;
 904   border-color:#007DBD;
 905   border-style:solid;
 906   color:#000000;
 907 }
 909 .box a:hover .standard_colours {
 910   background-color:#666 !important;
 911   color:#FFF !important;
 912 }
 913 .box a:focus .standard_colours {
 914   background-color:#666 !important;
 915   color:#FFF !important;
 916 }
 918 .highvis_colours {
 919   background-color:#000000;
 920   color:#FFFF00;
 921   border-color:#00FF00;
 922   border-style:solid;
 923 }
 925 .box a:hover .highvis_colours {
 926   background-color:#FFFF00 !important;
 927   color:#000000 !important;
 928 }
 929 .box a:focus .highvis_colours {
 930   background-color:#FFFF00 !important;
 931   color:#000000 !important;
 932 }
 934 .light_colours {
 935   background-color:#F4EED9;
 936   color:#000;
 937   border-color:#F00;
 938   border-style:solid;
 939 }
 941 .box a:hover .light_colours {
 942   background-color:#666 !important;
 943   color:#FFF !important;
 944 }
 945 .box a:focus .light_colours {
 946   background-color:#666 !important;
 947   color:#FFF !important;
 948 }
 960 .tiny_text {
 961   font-size:small;
 962 }
 967 footer {
 968   max-width:1200px;
 969   margin-left:auto;
 970   margin-right:auto;
 971 }
 972 #trix_logo {
 973   position:absolute;
 974   top:0px;
 975   right:30px;
 976   display:block;
 977   clear:left;
 978   width:100px;
 980 }
 981 #trix_logo a img {
 982   border:none;
 983 }
 985 .footer {
 986   text-align:center;
 987   position:relative;
 988 }
 990 .footer a:hover {
 991   text-decoration:underline;
 992 }
 994 .highlight2 {
 995   font-style:italic;
 996 }
 998 .highlight {
1000 }
1010 .searchheading {
1010   font-size: 130%;
1010   font-weight: bold;
1010 }
1011 .summary {
1011   font-size: 80%;
1011   font-style: italic;
1011 }
1012 .suggestion {
1012   font-size: 100%;
1012 }
1013 .results {
1013   font-size: 100%;
1013 }
1014 .sorting {
1014   text-align: right;
1014 }
1016 .result_title {
1016   font-size: 100%;
1016 }
1017 .description {
1017   font-size: 100%;
1017 }
1018 .context {
1018   font-size: 100%;
1018 }
1019 .infoline {
1019   font-size: 80%;
1019   font-style: normal;
1019 }
1021 .zoom_searchform {
1021   font-size: 100%;
1021 }
1022 .zoom_results_per_page {
1022   font-size: 80%;
1022   margin-left: 10px;
1022 }
1023 .zoom_match {
1023   font-size: 80%;
1023   margin-left: 10px;
1023 }
1024 .zoom_categories {
1024   font-size: 80%;
1024 }
1025 .zoom_categories ul {
1025   display: inline;
1025   margin: 0px;
1025   padding: 0px;
1025 }
1026 .zoom_categories li {
1026   display: inline;
1026   margin-left: 15px;
1026   list-style-type: none;
1026 }
1028 .cat_summary ul {
1028   margin: 0px;
1028   padding: 0px;
1028   display: inline;
1028 }
1029 .cat_summary li {
1029   display: inline;
1029   margin-left: 15px;
1029   list-style-type: none;
1029 }
1031 input.zoom_button {
1031 }
1032 input.zoom_searchbox {
1032 }
1034 .result_image {
1034   float: left;
1034   display: block;
1034 }
1035 .result_image img {
1035   margin: 10px;
1035   width: 80px;
1035   border: 0px;
1035 }
1037 .result_block {
1037   margin-top: 15px;
1037   margin-bottom: 15px;
1037   clear: left;
1037 }
1038 .result_altblock {
1038   margin-top: 15px;
1038   margin-bottom: 15px;
1038   clear: left;
1038 }
1040 .result_pages {
1040   font-size: 100%;
1040 }
1041 .result_pagescount {
1041   font-size: 100%;
1041 }
1043 .searchtime {
1043   font-size: 80%;
1043 }
1045 .recommended {
1046   border-top: 1px dotted;
1047   border-bottom: 1px dotted;
1048   margin-top: 15px;
1049   margin-bottom: 15px;
1050 }
1051 .recommended_heading {
1051   float: right;
1051   font-weight: bold;
1051 }
1052 .recommend_block {
1052   margin-top: 15px;
1052   margin-bottom: 15px;
1052   clear: left;
1052 }
1053 .recommend_title {
1053   font-size: 100%;
1053 }
1054 .recommend_description {
1054   font-size: 100%;
1054 }
1055 .recommend_infoline {
1055   font-size: 80%;
1055   font-style: normal;
1055 }
1056 .recommend_image {
1056   float: left;
1056   display: block;
1056 }
1057 .recommend_image img {
1057   margin: 10px;
1057   width: 80px;
1057   border: 0px;
1057 }
1060 .search_padding {
1061   margin-top:10px;
1062 }
1070 @media only screen and (max-width: 1100px) {
1071   #head_bar {
1072     height: auto;
1073   }
1074   header {
1075     width: 100%;
1076     padding-top: 5px;
1077     padding-bottom: 5px;
1078     height: auto;
1079     overflow: auto;
1080   }
1081   #cookie_agree {
1082     margin-top:10px;
1083   }
1084   #title h1 {
1085 E910 [WCAG21 1.4.4 (AA)] Use relative rather than absolute units:
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.         font-size: 26px;
1086     display: block;
1087   }
1089   #access_holder {
1090     width: 100%;
1091     margin-left: 0px;
1092     margin-right: 0px;
1093   }
1094   #access_text_hold {
1095     float: left;
1096     text-align: center;
1097     margin-right: 0px;
1098     border-radius: 0px;
1099     padding: 0px;
1100     opacity: 0.4;
1101 E910 [WCAG21 1.4.4 (AA)] Use relative rather than absolute units:
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.         letter-spacing: 1px;
1102     border-style: none;
1103     width: 100%;
1104     height: 30px;
1105     line-height: 30px;
1106   }
1107   #access_text_hold:hover {
1108     opacity: 1;
1109     border-style: none;
1110     border-radius: 0px;
1111   }
1112   #demo_container {
1113     width: 100%;
1114   }
1115   #menu_items {
1116     display: none;
1117     height: auto;
1118     width: 100%;
1119     clear:left;
1121   }
1122   .arrow {
1123 E910 [WCAG21 1.4.4 (AA)] Use relative rather than absolute units:
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.         font-size: 10px;
1124     margin-left:5px;
1125     display:block;
1126     float:right;
1127     position:static;
1129   }
1130   #search {
1131     position:absolute;
1132     right:0px;
1133     margin-right: 20px;
1134     padding-top: 6px;
1135   }
1136   #main_content {
1137     margin-left: auto;
1138     margin-right: auto;
1139   }
1140   #print_holder {
1141     display: none;
1142   }
1143   #menu_toggle {
1144     display: block;
1145     visibility: visible;
1146   }
1147   #menu_items ul {
1148     display: block;
1149     width: 100%;
1150   }
1151   #menu_items ul li {
1152     height: auto;
1153     line-height: none;
1154     display: block;
1155     clear: both;
1156     visibility: visible;
1157   }
1158   #menu_items ul li:hover {
1160   }
1162   #menu_items ul li:focus {
1164   }
1165   #menu_items ul li a:focus {
1167   }
1169   #menu_items ul li a:hover {
1171   }
1176   #menu_items ul li ul {
1177     padding-bottom: 10px;
1178     position: relative;
1179     top: 10px;
1180     width: 100%;
1181     visibility: visible;
1182   }
1183   #menu_items ul li ul li {
1184     visibility: visible;
1185   }
1186   #menu_items ul li ul li:hover {
1187   }
1188   #menu_items ul li ul li a:hover {
1189   }
1195   .image_container_left {
1196     padding:0px;
1196     max-width:100%;
1196     width:100%;
1197   }
1198   .image_container_left img {
1199     max-width:100%;
1199     height:auto;
1200   }
1204   .image_container_right {
1205     padding:0px;
1205     max-width:100%;
1205     width:100%;
1206   }
1207   .image_container_right img {
1208     max-width:100%;
1208     height:auto;
1209   }
1210   .image_container_full {
1211     padding:10px;
1211     width:auto;
1212   }
1213   .image_container_full img {
1214     width:auto;
1214     max-width:100%;
1215   }
1216   #desktoptest {
1217     display:none;
1218   }
1223   #whitebox {
1224     margin-left:5px;
1225     margin-right:5px;
1227   }
1228   #whitebox h3 {
1230   }
1231   #button_holder {
1233   }
1236   .big_button :hover {
1239   }
1242   .big_button_inner {
1244   }
1246   .option_button :hover {
1249   }
1252   .option_button_inner {
1254   }
1254 }
1264 @media only screen and (max-width: 600px) {
1266   *[id^=para]:before {
1267     display: block;
1268 P908 [WCAG21 1.3.1 (A)] Do not insert content using CSS:
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG 2.1 Failure F87.         content: " ";
1269     margin-top: 0px;
1270     height: 0px;
1271     visibility: hidden;
1272   }
1274   #head_bar {
1275     padding: 5px;
1276   }
1277   header {
1278     background-image: none;
1279     background-image: url("../images/mobile_back.png");
1280   }
1281   #logo_holder {
1282     width: 100%;
1283     text-align: center;
1284   }
1285   #grey_bar {
1286     display: block;
1287     border-right: none;
1288     width: 100%;
1289     padding: 0px;
1290     margin: 0px;
1291   }
1292   #title {
1293     margin-left: 0px;
1294     width: 100%;
1295   }
1296   #title h1 {
1297     display: none;
1298   }
1299   #title h2 {
1300 E910 [WCAG21 1.4.4 (AA)] Use relative rather than absolute units:
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.         font-size: 14px;
1301     text-align: center;
1302   }
1303   #main_content {
1304     width: 100%;
1305     margin: 0px;
1306   }
1307   #image_container_left {
1308     padding:0px;
1308     width:auto;
1309   }
1310   #image_container_right {
1311     padding:0px;
1311     width:auto;
1312   }
1313   #image_container_full {
1314     padding:0px;
1314     width:auto;
1315   }
1317   .option_button a {
1318     width:100%;
1319     clear:both;
1320     float:left;
1321     margin-left:0px;
1322     margin-right:0px;
1323   }
1324   .big_button a {
1325     width:100%;
1326     clear:both;
1327     float:left;
1328     margin-left:0px;
1329     margin-right:0px;
1331   }
1332   #trix_logo {
1333     position: relative;
1334     right:0;
1335     top:0;
1336     margin-left:auto;
1337     margin-right:auto;
1338   }
1341   .back_button_container {
1342     width: 100%;
1343     padding: 0px;
1344     position: fixed;
1345     top:0;
1346     left: 0;
1347     height: 50px;
1348   }
1350   .back_button {
1351     width: 100%;
1352     margin: 0px;
1353     text-align: center;
1354     border-radius: 0px;
1355     font-family: sans-serif;
1356     cursor: pointer;
1358   }
1360   .container {
1361     top:52px;
1362     width: 100%;
1363     bottom:50px;
1364     position: fixed;
1365     overflow: auto;
1366   }
1367   .inner {
1368     display:block;
1369     text-align: left;
1370     padding: 0px;
1371   }
1372   .inner table {
1373     margin-left:auto;
1374     margin-right:auto;
1375     text-align:left;
1376   }
1376 }
1384 .bold {
1384   font-weight: bold;
1384   color: #000000;
1384 }
1385 .italic {
1385   font-style: italic;
1385 }
1387 .hide {
1387   display: none;
1387 }
1389 .table_row_even_bold {
1389   background-color: #E1F4FF;
1389   text-align: left;
1389   vertical-align: text-top;
1389   font-weight: bold;
1389 }