1  /** GENERIC / ELEMENT STYLING **/
   2  html {
   3  	-moz-text-size-adjust: 100%;
   4  	-webkit-text-size-adjust: 100%;
   5  	-ms-text-size-adjust: 100%;
   6  }
   7  
   8  body {
   9  	background: #EEF2FF url(/image/fade-blue.png) top center repeat-x;
  10  
  11  	color: #000000;
  12  	font-family: arial, helvetica, sans-serif;
  13  	font-size: 10pt;
  14  
  15  	margin-left: 0;
  16  	margin-right: 0;
  17  	margin-top: 5px;
  18  
  19  	padding-left: 5px;
  20  	padding-right: 5px;
  21  }
  22  
  23  .nwsb { display: none; }
  24  
  25  .adg-rects {
  26    margin: 0;
  27    text-align: center;
  28  }
  29  .adg, .adg-m { overflow: hidden; }
  30  .adg-rep .adg { margin-left: 15px }
  31  .adp-228 { margin: auto; width: 728px; height: 320px; }
  32  .adp-90 { margin: auto; width: 728px; height: 90px; }
  33  .adp-128 { margin: auto; width: 728px; height: 128px; }
  34  .adp-j { margin: auto; width: 728px; height: 102px; }
  35  .adp-50 { margin: auto; width: 320px; height: 50px; }
  36  .adp-250 { margin: auto; width: 300px; height: 250px; }
  37  .adp-row { display: inline-block; margin: 0 10px; }
  38  .adl { font-size: 10px; text-align: center; }
  39  .adl + .ad-bgls, .ad-bgls + .adl { margin-top: 8px; }
  40  
  41  .danbo-slot { width: 728px; height: 90px; margin: 10px auto; overflow: hidden; }
  42  @media only screen and (max-width: 480px) { .danbo-slot { width: 300px; height: 250px; } }
  43  
  44  .bsa-cnt {
  45    margin: 20px 0;
  46    height: 90px;
  47    text-align: center;
  48  }
  49  
  50  #t-root {
  51    overflow: hidden;
  52    box-sizing: border-box;
  53    background: #eee;
  54    border: 1px solid #777;
  55    margin: 2px 0 2px 0;
  56    width: 300px;
  57  }
  58  
  59  @media only screen and (max-width: 640px) {
  60    .bsa-cnt {
  61      height: 250px;
  62      display: flex;
  63      justify-content: center;
  64      align-items: center;
  65    }
  66  }
  67  
  68  .adc-resp {
  69    margin: auto;
  70    width: 728px;
  71    height: 228px;
  72    overflow: hidden;
  73  }
  74  
  75  .adc-resp-bg {
  76    margin: auto;
  77    width: 728px;
  78    height: 112px;
  79    overflow: hidden;
  80  }
  81  
  82  @media only screen and (max-width: 480px) {
  83    .adc-resp {
  84      width: 300px;
  85      height: 300px;
  86    }
  87    
  88    #quickReply {
  89      z-index: 9000 !important;
  90    }
  91    
  92    .adc-resp-bg {
  93      width: 300px;
  94      height: 250px;
  95    }
  96  }
  97  
  98  hr#op, #ctrl-top { clear: both; }
  99  
 100  .party-hat {
 101    left: 0;
 102    margin-top: -80px;
 103    position: absolute;
 104    pointer-events: none;
 105  }
 106  
 107  .sjis, #quickReply .sjis {
 108    font-size: 16px;
 109    line-height: 17px;
 110    white-space: pre;
 111    font-family: 'IPAMonaPGothic', 'Mona', 'MS PGothic', monospace;
 112    overflow: auto;
 113    display: block;
 114    clear: left;
 115  }
 116  
 117  .tex-logo { font-size: 0.8em; }
 118  .tex-logo sub { font-size: 0.8em; text-transform: uppercase; }
 119  
 120  .mu-s { font-weight: bold }
 121  .mu-i { font-style: italic }
 122  .mu-r { color: #C41E3A }
 123  .mu-g { color: #00A550 }
 124  .mu-b { color: #1d8dc4 }
 125  
 126  .pu-lbl {
 127    color: #117743;
 128    font-weight: bold;
 129    font-size: 12px;
 130  }
 131  .pu-img {
 132    vertical-align: middle;
 133    margin-top: -3px;
 134    margin-right: 3px;
 135    display: inline-block;
 136    width: 16px;
 137    height: 16px;
 138    background: url('//s.4cdn.org/image/minileaf.gif');
 139  }
 140  
 141  .n-pu {
 142    vertical-align: middle;
 143    display: inline-block;
 144    width: 16px;
 145    height: 16px;
 146    margin-top: -2px;
 147    background: url('//s.4cdn.org/image/minileaf.gif');
 148  }
 149  
 150  .jla-it {
 151    height: 420px;
 152    width: 680px;
 153  }
 154  
 155  .jla-it-p {
 156    font-size: 0.85em;
 157    text-align: center;
 158  }
 159  
 160  .n-atb {
 161    border-radius: 6px;
 162    padding: 1px 4px;
 163    color: #353839;
 164  }
 165  
 166  .atsb2018 table {
 167    margin: auto;
 168    font-size: 90%;
 169  }
 170  .atsb2018 td {
 171    white-space: nowrap;
 172    padding: 0px 4px;
 173  }
 174  .atsb2018 .atsgc {
 175    width: 280px;
 176  }
 177  .atsb2018 .atgg {
 178    height: 20px;
 179  }
 180  
 181  .n-atb-0 { background-color: #F56FA1; }
 182  .n-atb-1 { background-color: #7B3F00; color: #F2F3F4; }
 183  .n-atb-2 { background-color: #FFFDD0; }
 184  .n-atb-3 { background-color: #E4D00A; }
 185  .n-atb-4 { background-color: #50C878; }
 186  
 187  .n-atb-0::after { content: 'Team Peep'; }
 188  .n-atb-1::after { content: 'Team Chocolate'; }
 189  .n-atb-2::after { content: 'Team Creme'; }
 190  .n-atb-3::after { content: 'Team Peanut Butter'; }
 191  .n-atb-4::after { content: 'Team Mini'; }
 192  
 193  @media only screen and (max-width: 700px) {
 194    .jla-it {
 195      width: 340px;
 196      height: 220px;
 197      margin: auto;
 198    }
 199    
 200    .jla-it img {
 201      width: 340px;
 202      height: 200px;
 203    }
 204  }
 205  
 206  .centeredThreads .party-hat {
 207    left: 12%;
 208  }
 209  
 210  .aplnk, .linkified { text-decoration: underline }
 211  
 212  #disclaimer {
 213    font-size: 14px;
 214    position: absolute;
 215    overflow: hidden;
 216    top: 0; left: 0;
 217    width: 100%; height: 100%;
 218    z-index: 9998;
 219  }
 220  
 221  #disclaimer a {
 222    color: #0000ff;
 223  }
 224  
 225  #disclaimer-bg {
 226    position: fixed;
 227    top: 0; left: 0;
 228    width: 100%; height: 100%;
 229    background-color: rgba(0, 0, 0, 0.25);
 230  }
 231  
 232  #disclaimer-modal {
 233    z-index: 9999;
 234    width: 320px;
 235    top: 0;
 236    left: 50%;
 237    margin-left: -170px;
 238    display: block;
 239    padding: 10px;
 240    position: relative;
 241    background-color: #d6daf0;
 242    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
 243  }
 244  
 245  #disclaimer ol {
 246    margin-left: 20px;
 247    padding: 0;
 248  }
 249  
 250  #disclaimer li {
 251    margin: 10px 0;
 252  }
 253  
 254  #disclaimer h3 {
 255    border-bottom: 1px solid #b7c5d9;
 256    margin: 0;
 257    padding-bottom: 5px;
 258    text-align: center;
 259  }
 260  
 261  #disclaimer-modal div {
 262    margin-top: 10px;
 263    text-align: center;
 264  }
 265  
 266  #disclaimer-modal button {
 267    margin: 0 10px;
 268  }
 269  
 270  #disclaimer-accept {
 271    font-weight: bold;
 272  }
 273  
 274  #footer-links { margin-top: 5px; }
 275  
 276  .isMobileDevice blockquote.postMessage {
 277    font-size: 11pt;
 278  }
 279  
 280  .belowLeaderboard {
 281    width: 728px;
 282    max-width: 100%;
 283  }
 284  
 285  .aboveMidAd {
 286    width: 468px;
 287    max-width: 100%;
 288  }
 289  
 290  /* reCaptcha */
 291  #captchaContainerAlt { height: 80px; }
 292  #captchaContainerAlt .recaptcha_image_cell { padding: 0 0 5px 0 !important }
 293  #captchaContainerAlt #recaptcha_table { border: 0 !important; }
 294  #captchaContainerAlt #recaptcha_response_field { width: 300px !important; padding: 0 !important }
 295  
 296  #qrCaptchaContainerAlt #recaptcha_response_field {
 297    width: 296px !important;
 298  }
 299  
 300  #captchaContainerAlt #recaptcha_image,
 301  #qrCaptchaContainerAlt #recaptcha_image {
 302    border: 0 !important;
 303  }
 304  
 305  #qrCaptchaContainerAlt .recaptcha_image_cell {
 306    padding: 0 !important;
 307  }
 308  
 309  #qrCaptchaContainerAlt #recaptcha_table {
 310    border: 0 !important;
 311  }
 312  
 313  #captchaContainerAlt td:nth-child(2),
 314  #captchaContainerAlt td:nth-child(3),
 315  #qrCaptchaContainerAlt td:nth-child(2),
 316  #qrCaptchaContainerAlt td:nth-child(3) {
 317    display: none !important;
 318  }
 319  
 320  #qrCaptchaContainerAlt {
 321    height: 80px;
 322    width: 300px;
 323  }
 324  
 325  #recaptcha_table {
 326    background-color: transparent !important;
 327    border: none !important;
 328  }
 329  
 330  .recaptcha_image_cell {
 331  	background-color: transparent !important;
 332  }
 333  
 334  #g-recaptcha {
 335    height: 78px;
 336  }
 337  
 338  #recaptcha_challenge_field { width: 400px }
 339  
 340  .recaptcha_input_area {
 341  	padding: 0!important;
 342  }
 343  #recaptcha_table tr:first-child {
 344  	height: auto!important;
 345  }
 346  
 347  #recaptcha_table tr:first-child > td:not(:first-child) {
 348  	padding: 0 7px 0 7px!important;
 349  }
 350  
 351  #recaptcha_table tr:last-child td:last-child {
 352  	padding-bottom: 0!important;
 353  }
 354  
 355  #recaptcha_table tr:last-child td:first-child {
 356  	padding-left: 0!important;
 357  }
 358  #recaptcha_image {
 359  	cursor: pointer;
 360  }
 361  #recaptcha_response_field {
 362  	width: 292px;
 363  	margin-right: 0px!important;
 364  	font-size: 10pt!important;
 365  }
 366  input:-moz-placeholder { color: gray !important; }
 367  #recaptcha_image {
 368  	border: 1px solid #aaa !important;
 369  }
 370  #recaptcha_table tr > td:last-child {
 371  	display: none !important;
 372  }
 373  #captchaContainer {
 374    width: 343px;
 375    height: 86px;
 376    line-height: 99px;
 377    overflow: hidden;
 378  }
 379  #captchaContainer .placeholder {
 380    font-style: italic;
 381    padding-left: 5px;
 382  }
 383  
 384  .mobile, .mobileinline, .mobileib {
 385  	display: none !important;
 386  }
 387  
 388  a, a:visited {
 389  	color: #34345C;
 390  	text-decoration: none;
 391  }
 392  
 393  a.replylink:not(:hover), div#absbot a:not(:hover) {
 394  	color: #34345C !important;
 395  }
 396  
 397  a:hover {
 398  	color: #DD0000 !important;
 399  }
 400  
 401  div#absbot {
 402  	color: #000000;
 403  	clear: both;
 404  }
 405  
 406  img {
 407  	border: none;
 408  }
 409  
 410  img.topad, .topad > div, .topad a img {
 411  	width: 728px;
 412  	height: 90px;
 413  	max-width: 100%;
 414  	overflow: hidden;
 415  	margin: auto;
 416  }
 417  
 418  img.middlead, .middlead > div, .middlead a img {
 419  	width: 468px;
 420  	height: 60px;
 421  	max-width: 100%;
 422  	overflow: hidden;
 423  	margin: auto;
 424  }
 425  
 426  img.bottomad, .bottomad > div, .bottomad a img {
 427  	width: 728px;
 428  	height: 90px;
 429  	max-width: 100%;
 430  	overflow: hidden;
 431  	margin: auto;
 432  }
 433  
 434  hr {
 435  	border: none;
 436  	border-top: 1px solid #B7C5D9;
 437  
 438  	height: 0;
 439  }
 440  
 441  div.board > hr {
 442  	clear: both;
 443  }
 444  
 445  hr.abovePostForm {
 446  	width: 90%;
 447  }
 448  
 449  span.x-small {
 450  	font-size: x-small;
 451  }
 452  
 453  div.backlink {
 454  	font-size: x-small !important;
 455  	padding-left: 10px;
 456  	padding-bottom: 5px;
 457  	padding-right: 10px;
 458  }
 459  
 460  .backlink span {
 461  	padding-right: 5px;
 462  }
 463  
 464  #postFormError {
 465    background-color: #e62020;
 466    color: #fff;
 467    font-family: monospace;
 468    font-size: 13px;
 469    font-weight: bold;
 470    padding: 3px 5px;
 471    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
 472    display: none;
 473    margin-top: 3px;
 474  }
 475  
 476  #postFormError a {
 477    color: #fff;
 478  }
 479  
 480  .painter-ctrl input[type="text"],
 481  #qr-painter-ctrl input[type="text"] {
 482    width: 30px !important;
 483    text-align: center;
 484  }
 485  
 486  #qr-painter-ctrl .oe-r-cb {
 487    vertical-align: sub;
 488  }
 489  
 490  #oe-canvas-preview {
 491    position: absolute;
 492    margin-left: 5px;
 493    margin-top: 3px;
 494    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25);
 495  }
 496  
 497  /** MOBILE ONLY DISABLES **/
 498  .mobile {
 499  	display: none;
 500  }
 501  
 502  /** HEADER **/
 503  ul.rules {
 504    margin: 0px;
 505    padding: 0px;
 506    margin-top: 5px;
 507  }
 508  
 509  ul.rules > li {
 510    list-style: none;
 511    font-size: 11px;
 512  }
 513  
 514  .rules > li:before {
 515  	content: "\2022 \20";
 516  }
 517  
 518  div.boardBanner {
 519  	text-align: center;
 520  	clear: both;
 521  
 522  	color: #AF0A0F;
 523  }
 524  
 525  #bannerCnt {
 526  	border: 1px solid #34345C;
 527  	margin: 5px auto;
 528  	width: 300px;
 529  	height: 100px;
 530  	max-width: 100%;
 531  }
 532  
 533  div.boardBanner > div.boardTitle {
 534  	font-family: Tahoma, sans-serif;
 535  	font-size: 28px;
 536  	font-weight: bold;
 537  	letter-spacing: -2px;
 538  
 539  	margin-top: 0px;
 540  }
 541  
 542  div.boardBanner > div.boardSubtitle {
 543  	font-size: x-small;
 544  }
 545  
 546  div#boardNavDesktop {
 547  	font-size: 9pt;
 548  	color: #89A;
 549  	display: block;
 550  }
 551  
 552  .hasDropDownNav #navtopright {
 553    display: none;
 554  }
 555  
 556  #boardNavDesktop .pageJump {
 557    padding: 0;
 558  }
 559  
 560  #boardNavDesktop .pageJump a {
 561    padding-right: 5px;
 562  }
 563  
 564  div#boardNavDesktop a {
 565  	font-weight: normal;
 566  	padding: 1px;
 567  	text-decoration: none;
 568  	color: #34345C;
 569  }
 570  
 571  /** General Containers **/
 572  div.pContainer {
 573  
 574  }
 575  
 576  div.opContainer {
 577  	display: inline;
 578  }
 579  
 580  div.sideArrows {
 581  	color: #B7C5D9;
 582  
 583  	float: left;
 584  
 585  	margin-right: 2px;
 586  	margin-top: 0px;
 587  	margin-left: 2px;
 588  }
 589  
 590  /** Thread Container **/
 591  div.thread {
 592  
 593  	margin: 0px;
 594  
 595  	clear: both;
 596  
 597  }
 598  
 599  /** Post Container **/
 600  div.post {
 601  	margin: 4px 0;
 602  	overflow: hidden;
 603  }
 604  
 605  div.thread > div:nth-of-type(2) > div.reply {
 606  	margin-top: 2px !important;
 607  }
 608  
 609  div.op {
 610  	display: inline;
 611  }
 612  
 613  div.reply {
 614  	background-color: #D6DAF0;
 615  
 616  	border: 1px solid #B7C5D9;
 617  	border-left: none;
 618  	border-top: none;
 619  
 620  	display: table;
 621  
 622  	padding: 2px;
 623  }
 624  
 625  div.reply input {
 626  	float: none;
 627  }
 628  
 629  /** Post Information **/
 630  div.post div.postInfo {
 631  	display: block;
 632  	width: 100%;
 633  }
 634  
 635  .fileText {
 636    max-width: 600px;
 637    white-space: nowrap;
 638  }
 639  
 640  div.post div.postInfo span.postNum {
 641  
 642  }
 643  
 644  div.post div.postInfo span.postNum a {
 645  	text-decoration: none;
 646  	color: #000000;
 647  }
 648  
 649  div.post div.postInfo span.postNum a:hover, .posteruid .hand:hover {
 650  	color: #DD0000 !important;
 651  }
 652  
 653  /* Name */
 654  div.post div.postInfo span.nameBlock {
 655  	display: inline-block;
 656  }
 657  
 658  div.post div.postInfo span.nameBlock span.name {
 659  	color: #117743;
 660  	font-weight: bold;
 661  }
 662  
 663  div.post div.postInfo span.nameBlock span.postertrip {
 664  	color: #117743;
 665  	font-weight: normal !important;
 666  }
 667  
 668  /* Date/Time */
 669  div.post div.postInfo span.date {
 670  
 671  }
 672  
 673  div.post div.postInfo span.time {
 674  
 675  }
 676  
 677  /* Subject */
 678  div.post div.postInfo span.subject {
 679  	color: #0F0C5D;
 680  	font-weight: bold;
 681  }
 682  
 683  /** Message **/
 684  div.post blockquote.postMessage {
 685  	display: block;
 686  }
 687  
 688  blockquote > span.quote {
 689  	color: #789922;
 690  }
 691  
 692  .quoteLink, .quotelink, .deadlink {
 693  	color: #D00 !important;
 694  	text-decoration: underline;
 695  }
 696  
 697  /* Archived threads list */
 698  .is_arclist .belowLeaderboard { display: none; }
 699  
 700  #arc-list {
 701    max-width: 80%;
 702    margin: 10px auto 0 auto;
 703  }
 704  
 705  #arc-list td {
 706    text-align: center;
 707  }
 708  
 709  #arc-list .teaser-col {
 710    text-align: left;
 711    word-break: break-all;
 712  }
 713  
 714  #arc-list .quotelink {
 715    color: #34345C !important;
 716  }
 717  
 718  #arc-list .quotelink:hover {
 719    color: #D00 !important;
 720  }
 721  
 722  #arc-sort {
 723    border-bottom: 1px dotted;
 724    cursor: pointer;
 725  }
 726  
 727  /** File Information **/
 728  div.post div.file {
 729  	display: block;
 730  }
 731  
 732  div.post div.file div.fileInfo {
 733  	margin-right: 10px;
 734    word-break: break-all;
 735  }
 736  
 737  div.replyContainer div.post div.file div.fileInfo {
 738  	margin-left: 20px;
 739  }
 740  
 741  div.post div.file .fileThumb {
 742  	float: left;
 743  	margin-left: 20px;
 744  	margin-right: 20px;
 745  	margin-top: 3px;
 746  	margin-bottom: 5px;
 747  }
 748  
 749  span.fileThumb {
 750  	margin-left: 0px !important;
 751  	margin-right: 5px !important;
 752  }
 753  
 754  div.reply span.fileThumb, div.reply span.fileThumb img {
 755  	float: none !important;
 756  	margin-top: 0px !important;
 757  	margin-bottom: 0px !important;
 758  }
 759  
 760  div.post div.file .fileThumb img {
 761  	border: none;
 762  
 763  	float: left;
 764  }
 765  
 766  /** Summary **/
 767  span.summary {
 768  	color: #707070;
 769  	margin-top: 10px;
 770  }
 771  
 772  /** POST FORM **/
 773  div.postingMode {
 774  	background-color: #e04000;
 775  	padding: 1px;
 776  	text-align: center;
 777  
 778  	color: #fff;
 779  	font-weight: bold;
 780  	font-size: larger;
 781  
 782  	margin-top: 8px;
 783  }
 784  
 785  #verification table {
 786  	border: none !important;
 787  	margin: 0px;
 788  }
 789  
 790  /** FOOTER **/
 791  div.thread:last-child {
 792  	padding-bottom: 21px;
 793  	margin-bottom: 6px;
 794  
 795  }
 796  
 797  div.pagelist {
 798  	font-size: 13px !important;
 799  
 800  	margin: 0;
 801  	padding: 3px 7px;
 802  
 803  	float: left;
 804  
 805  	border: none;
 806  	background: #D6DAF0;
 807  
 808  	border-right: 1px solid #B7C5D9;
 809  	border-bottom: 1px solid #B7C5D9;
 810  
 811  	list-style: none;
 812  	overflow: hidden;
 813  
 814  	color: #89A;
 815  }
 816  
 817  div.pagelist > div {
 818  	float: left;
 819  }
 820  
 821  div.pagelist > div span {
 822  	padding: 4px;
 823  	display: inline-block;
 824  }
 825  
 826  div.pagelist div.pages {
 827  	padding: 4px;
 828  }
 829  
 830  div.pagelist div.pages a {
 831  	text-decoration: none !important;
 832  	/* FINE MOOT GOSH JEEZ */
 833  }
 834  
 835  div.pagelist form {
 836  	display: inline;
 837  }
 838  
 839  div.pagelist strong {
 840  	color: #000000;
 841  }
 842  
 843  div.pagelist div.cataloglink {
 844  	border-left: 1px solid #B7C5D9;
 845  	padding-left: 12px;
 846  	margin-left: 7px;
 847  }
 848  
 849  .bottomCtrl {
 850    float: right;
 851    margin-top: 2px;
 852  }
 853  
 854  input[type=password] {
 855  	width: 50px;
 856  	text-align: center;
 857  }
 858  
 859  div.deleteform input[type=checkbox] {
 860  	margin: 1px 2px 1px 2px;
 861  }
 862  
 863  .stylechanger {
 864  	margin-left: 5px;
 865  	font-size: 10pt;
 866  }
 867  
 868  div#boardNavDesktopFoot {
 869  	font-size: 9pt;
 870  	color: #89A;
 871  
 872  	clear: both;
 873  
 874  	padding-top: 10px;
 875  	padding-bottom: 3px;
 876  }
 877  
 878  div#boardNavDesktopFoot a {
 879  	font-weight: normal;
 880  	padding: 1px;
 881  	text-decoration: none;
 882  	color: #34345C;
 883  }
 884  
 885  div.homelink {
 886  	float: right
 887  }
 888  
 889  div#absbot {
 890  	text-align: center;
 891  	font-size: x-small !important;
 892  
 893  	padding-bottom: 4px;
 894  	padding-top: 10px;
 895  
 896  	color: #000;
 897  }
 898  
 899  #recaptcha_response_field {
 900  	padding: 0px;
 901  }
 902  
 903  /** POST FORM **/
 904  table {
 905  	border-spacing: 1px;
 906  
 907  	margin-left: auto;
 908  	margin-right: auto;
 909  }
 910  
 911  table.postForm > tbody > tr > td:first-child {
 912  	background-color: #98E;
 913  	color: #000;
 914  	font-weight: bold;
 915  	border: 1px solid #000;
 916  	padding: 0 5px;
 917  
 918  	font-size: 10pt;
 919  }
 920  
 921  tr.rules td {
 922  	border: 0px !important;
 923  	background-color: transparent !important;
 924  	font-weight: normal !important;
 925  }
 926  
 927  td {
 928  	margin: 0px;
 929  	padding: 0px;
 930  
 931  	font-size: 10pt;
 932  }
 933  
 934  input[type=text], input[type=password], table.postForm > tbody textarea, #recaptcha_response_field {
 935  	margin: 0px;
 936  	margin-right: 2px;
 937  	padding: 2px 4px 3px 4px;
 938  
 939  	border: 1px solid #AAA;
 940  	outline: none;
 941  
 942  	font-family: arial, helvetica, sans-serif;
 943  	font-size: 10pt;
 944  }
 945  
 946  #recaptcha_response_field:not(:focus) {
 947  	border: 1px solid #AAA !important;
 948  }
 949  
 950  input[type=text]:focus, input[type=password]:focus, input:not([type]):focus, textarea:focus {
 951  	border: 1px solid #9988EE !important;
 952  }
 953  
 954  table.postForm > tbody > tr > td > input[type=text] {
 955  	width: 244px;
 956  }
 957  
 958  table.postForm > tbody > tr > td > input[name="subject"] {
 959  	width: 300px;
 960  }
 961  
 962  .postblock {
 963  	background-color: #98E;
 964  	color: #000;
 965  	font-weight: bold;
 966  	border: 1px solid #000;
 967  	padding: 0 5px;
 968  	font-size: 10pt;
 969  }
 970  
 971  div.closed {
 972  	font-size: x-large;
 973  	text-align: center;
 974  	color: red;
 975  	font-weight: bold;
 976  
 977  	padding-top: 100px;
 978  	padding-bottom: 100px;
 979  }
 980  
 981  .arc-ads {
 982    width: 300px;
 983    margin: 30px auto -60px auto;
 984  }
 985  
 986  .arc-ads::after {
 987    display: block;
 988    content: '';
 989    clear: both;
 990  }
 991  
 992  @media screen and (-webkit-min-device-pixel-ratio:0) {
 993  	tbody textarea {
 994  		margin-bottom: -3px !important;
 995  		width: 292px
 996  	}
 997  }
 998  
 999  .commentpostername {
1000  	font-weight: bold;
1001  }
1002  
1003  .identityIcon {
1004  	margin-bottom: -3px;
1005  	height: 16px;
1006  	width: 16px;
1007  }
1008  
1009  .stickyIcon {
1010  	margin-bottom: -1px;
1011  	padding-left: 2px;
1012  	height: 16px;
1013  	width: 16px;
1014  }
1015  
1016  .archivedIcon,
1017  .closedIcon {
1018  	margin-bottom: -1px;
1019  	margin-left: -1px;
1020  	height: 16px;
1021  	width: 16px;
1022  }
1023  
1024  .trashIcon {
1025  	width: 16px;
1026  	height: 16px;
1027  	margin-bottom: -2px;
1028  }
1029  
1030  .fileDeleted {
1031  	height: 13px;
1032  	width: 172px;
1033  }
1034  
1035  .fileDeletedRes {
1036  	height: 13px;
1037  	width: 127px;
1038  }
1039  
1040  .navSmall {
1041  	font-size: 90%;
1042  }
1043  
1044  .center {
1045  	text-align: center;
1046  }
1047  
1048  .bold {
1049  	font-weight: bold;
1050  }
1051  
1052  .smaller {
1053  	font-size: smaller;
1054  }
1055  
1056  .password {
1057  	font-size: smaller;
1058  }
1059  
1060  .passNotice {
1061  	font-size: smaller;
1062  	padding-left: 6px;
1063  }
1064  
1065  .qcDiv {
1066  	display: none;
1067  }
1068  
1069  .qcImg {
1070  	height: 1px;
1071  	width: 1px;
1072  	border: 0px;
1073  }
1074  
1075  .jpnFlag {
1076  	height: 11px;
1077  	width: 17px;
1078  }
1079  
1080  .globalMessage {
1081  	color: red;
1082  	text-align: center;
1083  }
1084  
1085  .highlightPost:not(.op) {
1086  	background: #c1c6e2 !important;
1087  	border-color: #7b82ac !important;
1088  }
1089  
1090  .reply:target, .reply.highlight {
1091  	background: #D6BAD0 !important;
1092  	border: 1px solid #BA9DBF !important;
1093  	border-left: none !important;
1094  	border-top: none !important;
1095  	padding: 2px;
1096  }
1097  
1098  .useremail:not(:hover) .name:not(.capcode), .useremail:not(:hover) .postertrip:not(.capcode) {
1099  	color: #34345C!important;
1100  }
1101  
1102  .hand {
1103  	cursor: pointer;
1104  }
1105  
1106  .nameBlock.capcodeAdmin span.name, span.capcodeAdmin a span.name, span.capcodeAdmin span.postertrip, span.capcodeAdmin strong.capcode {
1107  	color: #F00 !important;
1108  }
1109  
1110  span.capcodeFounder span.name, span.capcodeFounder span.name a, span.capcodeFounder span.postertrip, span.capcodeFounder strong.capcode {
1111  	color: #117743 !important;
1112  }
1113  
1114  .nameBlock.capcodeMod span.name, span.capcodeMod a span.name, span.capcodeMod span.postertrip, span.capcodeMod strong.capcode {
1115  	color: #800080 !important;
1116  }
1117  
1118  .nameBlock.capcodeDeveloper span.name, span.capcodeDeveloper a span.name, span.capcodeDeveloper span.postertrip, span.capcodeDeveloper strong.capcode {
1119  	color: #0000F0 !important;
1120  }
1121  
1122  .nameBlock.capcodeManager span.name, span.capcodeManager a span.name, span.capcodeManager span.postertrip, span.capcodeManager strong.capcode {
1123  	color: #FF0080 !important;
1124  }
1125  
1126  .nameBlock.capcodeVerified span.name, span.capcodeVerified span.name a, span.capcodeVerified span.postertrip, span.capcodeVerified strong.capcode {
1127    color: #007FFF !important;
1128  }
1129  
1130  .useremail *:hover, .useremail:hover * {
1131  	color: #DD0000!important;
1132  }
1133  
1134  #reportTypes a,
1135  .useremail {
1136    text-decoration: underline;
1137  }
1138  
1139  .omittedposts, .abbr {
1140  	color: #707070;
1141  }
1142  
1143  span.spoiler {
1144  	color: #000 !important;
1145  	background: #000 !important;
1146  }
1147  
1148  span.spoiler:hover, span.spoiler:focus {
1149  	color: #fff !important;
1150  }
1151  
1152  s, s a:not(:hover) {
1153  	color: #000 !important;
1154  	background: #000 !important;
1155  	text-decoration: none;
1156  }
1157  
1158  s:hover, s:focus, s:hover a {
1159  	color: #fff !important;
1160  }
1161  
1162  s:hover a {
1163  	text-decoration: underline;
1164  }
1165  
1166  table.exif {
1167    display: none;
1168  	min-width: 450px;
1169  }
1170  
1171  table.exif td {
1172  	color: #070707;
1173  	min-width: 150px;
1174  	font-size: 8pt;
1175  }
1176  
1177  table.exif td b {
1178  	text-decoration: underline;
1179  }
1180  
1181  #navtopright, #navbotright {
1182  	float: right;
1183  }
1184  
1185  .preview {
1186  	background-color: #D6DAF0;
1187  
1188  	border: 1px solid #B7C5D9 !important;
1189  	border-right-width: 2px !important;
1190  	border-bottom-width: 2px !important;
1191  }
1192  
1193  div.posthover {
1194  	max-width: 400px;
1195  	margin-left: 20px;
1196  
1197  }
1198  
1199  div.posthover {
1200  	padding: 5px;
1201  
1202  	padding-left: 10px;
1203  	padding-right: 10px;
1204  
1205  }
1206  
1207  div.posthover a.fileThumb {
1208  	margin-left: 5px !important;
1209  	margin-right: 10px !important;
1210  }
1211  
1212  div.posthover blockquote {
1213  	margin: 5px;
1214  
1215  }
1216  
1217  div.posthover img[data-md5] {
1218  	max-width: 80px;
1219  	max-height: 80px;
1220  
1221  	width: auto !important;
1222  	height: auto !important;
1223  }
1224  
1225  div.posthover div.fileThumb {
1226  	margin-left: 0px !important;
1227  	margin-right: 10px !important;
1228  }
1229  
1230  #settingsBox {
1231  	position: absolute;
1232  
1233  	right: 10px;
1234  	margin-top: 10px;
1235  }
1236  
1237  .persistentNav,
1238  div#boardNavMobile {
1239  	padding: 2px 4px;
1240  	background-color: #D6DAF0;
1241  	overflow: hidden;
1242  	border-bottom: 2px solid #B7C5D9;
1243  	position: fixed;
1244  	top: 0px;
1245  	left: 0px;
1246  	right: 0px;
1247  	font-size: 12px;
1248  	z-index: 9001;
1249  }
1250  
1251  div#boardNavMobile select, div#boardNavMobile option {
1252  	font-size: 11px;
1253  }
1254  
1255  div.boardSelect {
1256  	float: left;
1257  }
1258  
1259  div.boardSelect > strong {
1260  	padding-right: 5px;
1261  }
1262  
1263  div.pageJump {
1264  	float: right;
1265  	padding-right: 5px;
1266  	padding-top: 3px;
1267  }
1268  
1269  .pageJump a {
1270  	text-decoration: none;
1271  	padding-right: 5px;
1272  }
1273  
1274  /** QUICK REPLY **/
1275  div.qrWindow {
1276  	position: absolute;
1277  	z-index: 8000;
1278  }
1279  
1280  div.qrHeader {
1281  	padding: 2px;
1282  	font-size: small;
1283  	text-align: center;
1284  
1285  }
1286  
1287  div.qrForm {
1288  	padding: 3px;
1289  }
1290  
1291  span.qrButtonHolder {
1292  	position: absolute;
1293  	right: 5px;
1294  	text-align: right;
1295  
1296  	top: 3px;
1297  }
1298  
1299  span.qrButtonHolder a {
1300  	text-decoration: none;
1301  }
1302  
1303  span.qrButtonHolder img {
1304  	cursor: pointer;
1305  
1306  	margin-bottom: -1px;
1307  	margin-top: 1px;
1308  }
1309  
1310  .extButton img {
1311  	margin-top: 3px;
1312  	margin-bottom: -3px;
1313  	margin-left: 4px;
1314  }
1315  
1316  .qrMessage {
1317  	padding: 2px;
1318  	text-align: center;
1319  }
1320  
1321  .op .backlinkHr {
1322  	width: 55%;
1323  }
1324  
1325  img.expandedImg {
1326  	max-width: none !important;
1327  	max-height: none !important;
1328  }
1329  
1330  /** this is not important **/
1331  #captchaContainer > img {
1332  	float: left;
1333  	border: 1px solid #aaa;
1334  	margin-bottom: 1px;
1335  }
1336  
1337  #captchaInfo {
1338  	float: left;
1339  	margin-left: 5px;
1340  
1341  	visibility: hidden;
1342  }
1343  
1344  #captchaResponse {
1345  	width: 292px;
1346  }
1347  
1348  .prettyprint {
1349  	border: none !important;
1350  	background-color: #fff;
1351  	padding: 5px !important;
1352  	display: inline-block;
1353  
1354  	max-height: 400px;
1355  	overflow-x: auto;
1356  
1357  	max-width: 600px;
1358  	
1359  	margin: 0;
1360  }
1361  
1362  .embed {
1363  	position: absolute;
1364  	width: 0px;
1365  	height: 0px;
1366  
1367  	overflow: hidden;
1368  }
1369  
1370  table.flashListing td.postblock {
1371  	padding: 5px;
1372  	text-align: center;
1373  }
1374  
1375  table.flashListing td {
1376  	padding: 2px;
1377  	font-size: 9pt;
1378  }
1379  
1380  table.flashListing td:not(.subject) {
1381  	text-align: center;
1382  }
1383  
1384  table.flashListing .name {
1385  	color: #117743;
1386  	font-weight: bold;
1387  }
1388  
1389  table.flashListing .postertrip {
1390  	color: #117743;
1391  }
1392  
1393  table.flashListing .subject {
1394  	color: #cc1105;
1395  	font-weight: bold;
1396  }
1397  
1398  table.flashListing tr:nth-of-type(odd) {
1399  	background-color: #e0e5f6;
1400  }
1401  
1402  input[type="text"], input[type="password"], textarea {
1403  	-webkit-appearance: none;
1404  	-webkit-border-radius: 0;
1405  }
1406  
1407  .countryFlag {
1408  	padding-top: 1px;
1409  	margin-bottom: -1px;
1410  }
1411  
1412  .deadlink {
1413  	text-decoration: line-through;
1414  }
1415  
1416  .oldpost {
1417  	background: inherit;
1418  	color: #0F0C5D;
1419  	font-weight: 800;
1420  }
1421  
1422  #enable-mobile {
1423  	font-size: small !important;
1424  }
1425  
1426  #disable-mobile {
1427  	font-size: small !important;
1428  }
1429  
1430  .mFileInfo {
1431  	padding-top: 5px;
1432  	text-align: center;
1433  	color: #707070 !important;
1434  	font-size: 9pt !important;
1435  	text-decoration: none!important;
1436  }
1437  
1438  .name-col,
1439  .file-col,
1440  table.flashListing .subject {
1441    max-width: 250px;
1442    overflow: hidden;
1443    text-overflow: ellipsis;
1444    white-space: nowrap;
1445    word-wrap: break-word;
1446  }
1447  
1448  .ad-plea {
1449    margin-top: 2px;
1450    text-align: center;
1451    font-size: smaller;
1452  }
1453  
1454  .ad-plea a {
1455    text-decoration: none;
1456  }
1457  
1458  .fileText a {
1459    text-decoration: underline;
1460  }
1461  
1462  #search-box {
1463    height: 16px;
1464    line-height: 16px;
1465    margin-left: 2px;
1466    padding: 0 2px;
1467    width: 120px;
1468  }
1469  
1470  #blotter {
1471    width: 468px;
1472    margin: auto;
1473  }
1474  #blotter td {
1475    vertical-align: top;
1476    font-size: 11px;
1477  }
1478  .blotter-date {
1479    width: 50px;
1480    text-align: center;
1481  }
1482  #blotter tfoot {
1483    text-align: right;
1484  }
1485  .redtxt {
1486    color: red;
1487  }
1488  #blotter-msgs s {
1489    background-color: inherit !important;
1490    color: inherit !important;
1491    text-decoration: line-through;
1492  }
1493  #postForm textarea {
1494    width: 292px;
1495  }
1496  
1497  #postForm {
1498    width: 468px;
1499    display: none;
1500  }
1501  
1502  #togglePostFormLink {
1503    font-size: 22px;
1504    font-weight: bold;
1505    text-align: center;
1506  }
1507  
1508  .fileWebm:hover:before {
1509    background-color: rgba(0, 0, 0, 0.75);
1510    color: #FFF;
1511    font-weight: bold;
1512    line-height: 18px;
1513    padding: 0 3px 0 2px;
1514    position: absolute;
1515    content: 'webm';
1516    display: block;
1517    font-size: 11px;
1518    text-decoration: none;
1519  }
1520  
1521  .expandedWebm {
1522    margin: 3px 20px 5px;
1523  }
1524  
1525  #tooltip {
1526    position: absolute;
1527    background-color: #181f24;
1528    font-size: 11px;
1529    line-height: 13px;
1530    padding: 3px 6px;
1531    z-index: 100000;
1532    word-wrap: break-word;
1533    white-space: pre-line;
1534    max-width: 400px;
1535    color: #fff;
1536    text-align: center;
1537  }
1538  
1539  .tip-top-left:before,
1540  .tip-top-right:before,
1541  .tip-top:before {
1542    content:"";
1543    display:block;
1544    width:0;
1545    height:0;
1546    position:absolute;
1547    border-left: 4px solid transparent;
1548    border-right: 4px solid transparent;
1549    border-top: 4px solid #181f24;
1550    margin-left: -4px;
1551    bottom: -4px;
1552  }
1553  
1554  .tip-top:before {
1555    left: 50%;
1556  }
1557  
1558  .tip-top-right:before {
1559    left: 2px;
1560    margin-left: 0;
1561  }
1562  
1563  .tip-top-left:before {
1564    right: 2px;
1565  }
1566  
1567  .boardSelect .customBoardList,
1568  .boardSelect .custom-menu-ctrl { color: #89A; }
1569  
1570  #postFile {
1571    margin-right: 10px;
1572    width: 200px;
1573  }
1574  
1575  .dd-menu {
1576    position: absolute;
1577    font-size: 12px;
1578    line-height: 1.3em;
1579  }
1580  .dd-menu a {
1581    text-decoration: none;
1582    color: inherit !important;
1583    display: block;
1584  }
1585  .dd-menu ul {
1586    background-color: #D6DAF0;
1587    border: 1px solid #B7C5D9;
1588    border-right-width: 2px;
1589    list-style: none;
1590    padding: 0;
1591    margin: 0;
1592    white-space: nowrap;
1593  }
1594  .dd-menu ul ul {
1595    display: none;
1596    position: absolute;
1597  }
1598  .dd-menu li {
1599    cursor: pointer;
1600    position: relative;
1601    padding: 2px 4px;
1602    vertical-align: middle;
1603    border-bottom: 1px solid #B7C5D9;
1604  }
1605  .dd-menu li:hover {
1606    background-color: #EEF2FF;
1607  }
1608  .dd-menu li:hover ul {
1609    display: block;
1610    left: 100%;
1611    margin-top: -3px;
1612  }
1613  .dd-menu.dd-menu-left li:hover ul {
1614    left: auto;
1615    right: 100%;
1616  }
1617  
1618  #g-search-form {
1619    text-align: center;
1620  }
1621  .g-search-ctrl {
1622    vertical-align: top;
1623    margin: 0 3px;
1624  }
1625  #js-sf-qf {
1626    width: 185px;
1627    padding: 2px 4px 3px 4px;
1628  }
1629  #js-sf-bf {
1630    padding: 2px 4px 3px 4px;
1631    width: 125px;
1632  }
1633  #js-sf-status {
1634    text-align: center;
1635    font-size: 24px;
1636  }
1637  .js-sf-err {
1638    color: #C41E3A;
1639  }
1640  .boardBlock {
1641    font-weight: bold;
1642  }
1643  
1644  .blink {
1645    -webkit-animation: blink 1.5s step-end infinite;
1646    -moz-animation: blink 1.5s step-end infinite;
1647    -o-animation: blink 1.5s step-end infinite;
1648    animation: blink 1.5s step-end infinite;
1649  }
1650  
1651  @-webkit-keyframes blink { 50% { opacity: 0 } }
1652  @-moz-keyframes blink { 50% { opacity: 0 } }
1653  @-o-keyframes blink { 50% { opacity: 0 } }
1654  @keyframes blink { 50% { opacity: 0 } }
1655  
1656  .ogv-cnt {
1657    position: relative;
1658    display: inline-block;
1659    text-align: center;
1660    min-height: 16px;
1661  }
1662  
1663  .ogv-cnt:not(.ogv-detached)::before {
1664    content: 'Loading…';
1665    position: absolute;
1666    top: 8px;
1667    left: 0;
1668    font-weight: bold;
1669  }
1670  
1671  .ogv-cnt.ogv-loaded::before {
1672    display: none;
1673  }
1674  
1675  .ogv-cnt > ogvjs {
1676    position: initial !important;
1677  }
1678  
1679  .ogv-ctrl {
1680    position: absolute;
1681    bottom: 0;
1682    z-index: 2;
1683    background: rgba(0, 0, 0, 0.65);
1684    width: 100%;
1685    height: 32px;
1686    gap: 0;
1687    display: none;
1688  }
1689  
1690  .ogv-btn {
1691    width: 32px;
1692    height: 32px;
1693    line-height: 32px;
1694    text-align: center;
1695    color: white;
1696  }
1697  
1698  .ogv-btn svg {
1699    vertical-align: middle;
1700  }
1701  
1702  .ogv-btn svg:last-child   {
1703    display: none;
1704  }
1705  
1706  .ogv-btn.ogv-toggled svg:first-child   {
1707    display: none;
1708  }
1709  
1710  .ogv-btn.ogv-toggled svg:last-child   {
1711    display: inline;
1712  }
1713  
1714  .ogv-ts {
1715    font-family: sans-serif;
1716    font-size: 10px;
1717    text-align: center;
1718    line-height: 32px;
1719    width: 70px;
1720    color: white;
1721    overflow: hidden;
1722  }
1723  
1724  .ogv-vol {
1725    width: 50px;
1726    margin: 0;
1727  }
1728  
1729  .ogv-seek {
1730    width: 0;
1731    margin: 0;
1732    flex-grow: 1;
1733  }