Guest User

Untitled

a guest
Oct 20th, 2017
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 97.01 KB | None | 0 0
  1. html {
  2.     height: 100%;
  3. }
  4. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, iframe {
  5.     margin: 0;
  6.     padding: 0;
  7. }
  8. table {
  9.     border-collapse: collapse;
  10. }
  11. fieldset, img {
  12.     border: 0 none;
  13. }
  14. address, caption, cite, code, dfn, em, strong, th, var {
  15.     font-style: normal;
  16.     font-weight: normal;
  17. }
  18. ol, ul {
  19.     list-style: none outside none;
  20. }
  21. caption, th {
  22.     text-align: left;
  23. }
  24. h1, h2, h3, h4, h5, h6 {
  25.     font-size: 100%;
  26. }
  27. q:before, q:after {
  28.     content: "";
  29. }
  30. body {
  31.     background-color: black;
  32.     color: white;
  33.     font: x-small verdana,arial,helvetica,sans-serif;
  34.     z-index: 1;
  35. }
  36. textarea {
  37.     font: small verdana,arial,helvetica,sans-serif;
  38. }
  39. input[type="hidden"] {
  40.     position: absolute;
  41. }
  42. h1 {
  43.     font-size: 18px;
  44.     font-weight: normal;
  45.     margin: 10px 0;
  46. }
  47. h2 {
  48.     color: #336699;
  49.     font-size: 13px;
  50. }
  51. h2 a {
  52.     text-decoration: none;
  53. }
  54. h2 a:visited {
  55.     color: #336699;
  56. }
  57. h2 a:hover {
  58.     text-decoration: underline;
  59. }
  60. h3 {
  61.     font-size: 110%;
  62. }
  63. a img {
  64.     border: 0 none;
  65. }
  66. a {
  67.     color: white;
  68.     text-decoration: none;
  69. }
  70. .rounded {
  71.     border-radius: 7px 7px 7px 7px;
  72. }
  73. .rounded .morelink {
  74.     border-top-right-radius: 6px;
  75. }
  76. div.autosize {
  77.     display: table;
  78.     width: 1px;
  79. }
  80. div.autosize > div {
  81.     display: table-cell;
  82. }
  83. input.txt {
  84.     background-color: #F7F7F7;
  85.     border: 1px solid #336699;
  86. }
  87. input[type="checkbox"], input[type="radio"] {
  88.     margin-top: 0.4em;
  89. }
  90. label.disabled {
  91.     color: gray;
  92. }
  93. .wrong {
  94.     color: red;
  95.     font-weight: normal;
  96. }
  97. .attention {
  98.     border: 1px solid #FF6600;
  99.     border-radius: 7px 7px 7px 7px;
  100.     font-weight: bold;
  101.     padding: 3px;
  102. }
  103. .subform input.text {
  104.     width: 25em;
  105. }
  106. .subform textarea.text {
  107.     width: 25em;
  108. }
  109. .subform label {
  110.     margin: 0 5px;
  111. }
  112. .subform td {
  113.     padding: 0 5px 5px 0;
  114. }
  115. .subform td.nopadding {
  116.     padding: 0;
  117. }
  118. .nowrap {
  119.     white-space: nowrap;
  120. }
  121. .leftpad {
  122.     padding-left: 1em;
  123. }
  124. .nomargin {
  125.     margin: 0;
  126. }
  127. .nopadding {
  128.     padding: 0;
  129. }
  130. .fancybutton {
  131.     background: -moz-linear-gradient(center top , #D3E2F2, #ACC9E6) repeat scroll 0 0 #ADC9E6;
  132.     border: 1px solid #5E96CF;
  133.     border-radius: 7px 7px 7px 7px;
  134.     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  135.     color: #2E6399;
  136.     font-weight: bold;
  137.     padding: 5px 10px;
  138.     text-decoration: none;
  139.     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  140. }
  141. .fancybutton:hover {
  142.     background: -moz-linear-gradient(center top , #E3EDF6, #D3E2F2) repeat scroll 0 0 #D4E3F2;
  143. }
  144. .fancybutton:focus, .fancybutton:active {
  145.     background: -moz-linear-gradient(center top , #ACC9E6, #D3E2F2) repeat scroll 0 0 #D4E3F2;
  146.     box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.7) inset;
  147. }
  148. .fancybutton.disabled, .fancybutton.disabled:active {
  149.     background: -moz-linear-gradient(center top , #E8EDF1, #DCE2E9) repeat scroll 0 0 #D4E3F2;
  150.     border-color: #999999;
  151.     color: #999999;
  152. }
  153. .hover a:hover {
  154.     text-decoration: underline;
  155. }
  156. .selected {
  157.     font-weight: bold;
  158. }
  159. .flat-list {
  160.     display: inline;
  161.     list-style-type: none;
  162. }
  163. .flat-list li, .flat-list form {
  164.     display: inline;
  165.     white-space: nowrap;
  166. }
  167. .flat-list .selected a {
  168.     color: orangered;
  169. }
  170. .link .flat-list {
  171.     display: block;
  172.     padding: 1px 0;
  173. }
  174. .link.compressed .flat-list {
  175.     display: inline-block;
  176.     padding: 0 0 1px;
  177. }
  178. ul.flat-vert {
  179.     text-align: left;
  180. }
  181. .flat-vert .separator {
  182.     margin: 0;
  183. }
  184. .flat-vert.title {
  185.     color: #777777;
  186.     font-family: arial,verdana,helvetica,sans-serif;
  187.     font-size: 18px;
  188.     font-weight: normal;
  189.     margin-bottom: 5px;
  190. }
  191. .separator {
  192.     color: white;
  193.     margin: 0 0.7ex;
  194. }
  195. .pref-lang {
  196.     font-weight: bold;
  197. }
  198. .pref {
  199.     font-weight: bold;
  200. }
  201. #jumpToContent {
  202.     font-weight: bold;
  203.     left: 135px;
  204.     margin-left: -1000px;
  205.     position: absolute;
  206.     top: 25px;
  207. }
  208. #jumpToContent:focus {
  209.     margin-left: 0 !important;
  210. }
  211. #header {
  212.     background-color: black;
  213.     margin-bottom: 25px;
  214.     position: relative;
  215.     z-index: 99;
  216. }
  217. #header-img {
  218.     margin-right: 5px;
  219.     margin-top: 2px;
  220. }
  221. #header-top {
  222.     position: absolute;
  223.     right: 5px;
  224. }
  225. #header-bottom-left {
  226.     font-size: larger;
  227. }
  228. #header-bottom-right {
  229.     bottom: 0;
  230.     padding: 4px;
  231.     position: absolute;
  232.     right: 0;
  233. }
  234. #mail img {
  235.     position: relative;
  236.     top: 2px;
  237. }
  238. #modmail img {
  239.     margin-top: -6px;
  240.     position: relative;
  241.     top: 4px;
  242. }
  243. #modmail.nohavemail {
  244.     opacity: 0.7;
  245. }
  246. .user {
  247.     color: white;
  248. }
  249. .pagename {
  250.     font-size: 1.2em;
  251.     font-variant: small-caps;
  252.     font-weight: bold;
  253.     line-height: 100%;
  254.     margin-right: 1ex;
  255. }
  256. .pagename a {
  257.     color: white;
  258. }
  259. .redditname {
  260.     color: white;
  261. }
  262. .newpagelink {
  263.     background-color: #FFFF99;
  264.     padding: 3px 5px;
  265. }
  266. .dropdown {
  267.     cursor: default;
  268.     display: inline;
  269.     position: relative;
  270. }
  271. .drop-choices.inuse {
  272.     display: block;
  273. }
  274. .drop-choices {
  275.     background-color: white;
  276.     border: 1px solid gray;
  277.     display: none;
  278.     left: 0;
  279.     line-height: normal;
  280.     margin-top: 1px;
  281.     position: absolute;
  282.     white-space: nowrap;
  283.     z-index: 100;
  284. }
  285. .drop-choices a.choice {
  286.     cursor: pointer;
  287.     display: block;
  288.     padding: 2px 3px 1px;
  289. }
  290. .drop-choices a.choice:hover {
  291.     background-color: #C7DEF7;
  292. }
  293. .dropdown.heavydrop .selected {
  294.     background: url("/static/droparrow.gif") no-repeat scroll right center white;
  295.     border: 1px solid gray;
  296.     font-weight: bold;
  297.     padding: 2px 23px 2px 5px;
  298. }
  299. .dropdown.lightdrop .selected {
  300.     background: url("/static/droparrowgray.gif") no-repeat scroll right center transparent;
  301.     color: gray;
  302.     padding-right: 21px;
  303.     position: relative;
  304.     text-decoration: underline;
  305. }
  306. .drop-choices.lightdrop {
  307.     margin-top: 2px;
  308. }
  309. .dropdown.tabdrop .selected {
  310.     -moz-border-bottom-colors: none;
  311.     -moz-border-image: none;
  312.     -moz-border-left-colors: none;
  313.     -moz-border-right-colors: none;
  314.     -moz-border-top-colors: none;
  315.     background: url("/static/droparrowgray.gif") no-repeat scroll right center white;
  316.     border-color: #5F99CF #5F99CF -moz-use-text-color;
  317.     border-style: solid solid none;
  318.     border-width: 1px 1px medium;
  319.     color: orangered;
  320.     margin-left: 3px;
  321.     padding: 2px 21px 1px 5px;
  322.     position: relative;
  323. }
  324. .dropdown.tabdrop .selected.title {
  325.     background-color: #EFF7FF;
  326.     border: medium none;
  327.     color: #336699;
  328.     padding-bottom: 0;
  329. }
  330. .drop-choices.tabdrop {
  331.     margin-top: 2px;
  332. }
  333. .dropdown-title.tabdrop {
  334.     display: none;
  335. }
  336. .tabmenu {
  337.     display: inline-block;
  338.     list-style-type: none;
  339.     margin-top: 5px;
  340.     white-space: nowrap;
  341. }
  342. .tabmenu li {
  343.     display: inline;
  344.     font-weight: bold;
  345.     margin: 0 3px;
  346. }
  347. .tabmenu li a {
  348.     font-size: 20px;
  349.     padding: 2px 6px 0;
  350. }
  351. .tabmenu li.selected a {
  352.     font-size: 20px;
  353.     z-index: 100;
  354. }
  355. #search input[type="text"] {
  356.     border: 1px solid gray;
  357.     color: white;
  358.     font-size: 18px;
  359.     padding: 2px;
  360.     width: 295px;
  361. }
  362. .content {
  363.     margin: 7px 5px 0;
  364.     z-index: 1;
  365. }
  366. .content .spacer {
  367.     margin-bottom: 5px;
  368. }
  369. .state-button {
  370.     display: inline;
  371. }
  372. .side {
  373.     background-color: black;
  374.     float: right;
  375.     margin: 0 5px;
  376.     width: 300px;
  377. }
  378. .side .spacer {
  379.     margin: 7px 0 12px;
  380. }
  381. .morelink {
  382.     color: white;
  383.     display: block;
  384.     font-size: 150%;
  385.     font-weight: bold;
  386.     height: 29px;
  387.     letter-spacing: -1px;
  388.     line-height: 29px;
  389.     position: relative;
  390.     text-align: center;
  391. }
  392. .morelink:hover, .mlh {
  393.     background-image: none;
  394.     border: medium none;
  395. }
  396. .morelink a {
  397.     color: white;
  398.     display: block;
  399.     font-size: x-large;
  400.     width: 100%;
  401. }
  402. .morelink:hover a {
  403.     color: white;
  404. }
  405. .morelink .nub {
  406.     background: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160") no-repeat scroll -4px -4px white;
  407.     display: none;
  408.     height: 31px;
  409.     position: absolute;
  410.     right: -1px;
  411.     top: -1px;
  412.     width: 24px;
  413. }
  414. .morelink:hover .nub, .mlhn {
  415.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  416.     background-position: -4px -43px;
  417. }
  418. .raisedbox {
  419.     background: none repeat scroll 0 0 #E0E0E0;
  420.     border: 1px solid gray;
  421.     padding: 5px;
  422. }
  423. .raisedbox h4 {
  424.     margin-bottom: 3px;
  425. }
  426. .raisedbox li {
  427.     margin-bottom: 2px;
  428. }
  429. .sidebox .spacer {
  430.     margin-top: 10px;
  431.     min-height: 41px;
  432.     padding: 5px 0 0 44px;
  433.     position: relative;
  434. }
  435. .sidebox .spacer a {
  436.     display: block;
  437.     height: 40px;
  438.     left: 0;
  439.     position: absolute;
  440.     top: 0;
  441.     width: 40px;
  442. }
  443. .sidebox.create .spacer {
  444.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  445.     background-position: -4px -82px;
  446.     background-repeat: no-repeat;
  447. }
  448. .sidebox.gold .spacer {
  449.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  450.     background-position: -4px -131px;
  451.     background-repeat: no-repeat;
  452. }
  453. .sidebox.gold .morelink {
  454.     background-color: transparent;
  455.     background-image: url("/static/goldmorelink.png");
  456.     background-position: 0 0;
  457.     background-repeat: no-repeat;
  458.     border: medium none;
  459.     height: 31px;
  460. }
  461. .sidebox.gold .morelink a, .sidebox.gold .morelink a:visited {
  462.     color: #9A7D2E;
  463. }
  464. .sidebox.gold .morelink:hover {
  465. }
  466. .sidebox.gold .morelink:hover a {
  467.     margin-top: 1px;
  468. }
  469. .sidebox.gold .morelink .nub {
  470.     display: none;
  471. }
  472. .sidebox.submit .spacer {
  473.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  474.     background-position: -4px -179px;
  475.     background-repeat: no-repeat;
  476. }
  477. .sidebox .subtitle {
  478.     background-color: black;
  479.     color: white;
  480.     font-size: 110%;
  481.     margin-left: 10px;
  482. }
  483. .infotable {
  484.     margin-bottom: 10px;
  485.     margin-top: 5px;
  486. }
  487. .infotable .small {
  488.     font-size: smaller;
  489. }
  490. .infotable td {
  491.     padding-right: 1em;
  492. }
  493. .infotable a:hover {
  494.     text-decoration: underline;
  495. }
  496. .infotable .state-button a {
  497.     background-color: #F0F0F0;
  498.     color: gray;
  499. }
  500. .infotable .bold {
  501.     font-weight: bold;
  502. }
  503. .infotable .invalid-user {
  504.     background-color: pink;
  505. }
  506. .infotable .organic-vote {
  507.     border: 1px solid green;
  508. }
  509. .profile-attr {
  510. }
  511. .profile-attr .label {
  512.     font-weight: bold;
  513. }
  514. .profile-attr .value {
  515.     color: #404040;
  516.     margin-right: 5px;
  517. }
  518. .profile-attr .md {
  519.     border-color: #B2B2B2 #D0D0D0 #D0D0D0 #B2B2B2;
  520.     border-style: solid;
  521.     border-width: 1px;
  522.     margin-left: 10px;
  523.     margin-top: 5px;
  524.     padding: 10px;
  525. }
  526. .profile-attr .md ul {
  527.     float: none;
  528.     list-style-type: disc;
  529.     margin-left: 15px;
  530. }
  531. .profile-attr .md p {
  532.     margin-top: 0;
  533. }
  534. .question {
  535.     color: red;
  536. }
  537. .question .yes {
  538.     margin-left: 5px;
  539.     margin-right: 3px;
  540. }
  541. .question .no {
  542.     margin: 0 3px;
  543. }
  544. .preload {
  545.     left: -1000px;
  546.     position: absolute;
  547.     top: -1000px;
  548. }
  549. .arrow {
  550.     background-position: center center;
  551.     background-repeat: no-repeat;
  552.     cursor: pointer;
  553.     display: block;
  554.     height: 14px;
  555.     margin: 2px auto 0;
  556.     width: 15px;
  557. }
  558. .arrow.upmod {
  559.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  560.     background-position: -4px -227px;
  561. }
  562. .arrow.downmod {
  563.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  564.     background-position: -4px -249px;
  565. }
  566. .arrow.up {
  567.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  568.     background-position: -4px -271px;
  569. }
  570. .arrow.down {
  571.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  572.     background-position: -4px -293px;
  573. }
  574. .midcol {
  575.     background: none repeat scroll 0 0 transparent;
  576.     float: left;
  577.     margin-left: 7px;
  578.     margin-right: 4px;
  579.     overflow: hidden;
  580. }
  581. .entry {
  582.     margin-left: 3px;
  583.     opacity: 1;
  584.     overflow: hidden;
  585. }
  586. .domain {
  587.     color: white;
  588.     font-size: x-small;
  589. }
  590. .domain a {
  591.     color: white;
  592. }
  593. .domain a:hover {
  594.     text-decoration: underline;
  595. }
  596. .link-note {
  597.     background-color: white;
  598.     color: #FF4444;
  599.     font-size: x-small;
  600. }
  601. .tagline {
  602.     color: #888888;
  603.     font-size: x-small;
  604. }
  605. .tagline a {
  606.     color: white;
  607.     text-decoration: none;
  608. }
  609. .tagline .friend {
  610.     color: orangered;
  611. }
  612. .tagline .submitter {
  613.     color: #0055DF;
  614. }
  615. .tagline .moderator, .green {
  616.     color: #228822;
  617. }
  618. .tagline .admin {
  619.     color: #FF0011;
  620. }
  621. .tagline a.author.admin {
  622.     font-weight: bold;
  623. }
  624. .tagline a:hover {
  625.     text-decoration: underline;
  626. }
  627. a.author {
  628.     margin-right: 0.5em;
  629. }
  630. .flair {
  631.     background: none repeat scroll 0 0 #F5F5F5;
  632.     border: 1px solid #DDDDDD;
  633.     border-radius: 2px 2px 2px 2px;
  634.     color: #555555;
  635.     display: inline-block;
  636.     margin-right: 0.5em;
  637.     padding: 0 2px;
  638. }
  639. .link .flair {
  640.     margin-top: -1px;
  641. }
  642. .flairlist .flair-jump {
  643.     margin-bottom: 1em;
  644. }
  645. .flairlist .flair-jump input[type="text"] {
  646.     width: 430px;
  647. }
  648. .flair-jump button {
  649.     font-size: 100%;
  650. }
  651. .flairlist.pretty-form {
  652.     font-size: inherit;
  653. }
  654. .flairlisthome, .flairlist .nextprev {
  655.     display: inline-block;
  656.     margin-top: 10px;
  657. }
  658. .flairlisthome {
  659.     font-size: smaller;
  660. }
  661. .flaircell, .flairlist .header {
  662.     display: inline-block;
  663.     margin-right: 4ex;
  664.     text-align: center;
  665.     width: 28ex;
  666. }
  667. .flairrow .tagline {
  668.     text-align: left;
  669.     width: 36ex;
  670. }
  671. .flairlist .header {
  672.     text-align: center;
  673. }
  674. .flairlist .flaircell input[type="text"] {
  675.     width: 28ex;
  676. }
  677. .flairrow button {
  678.     display: none;
  679. }
  680. .flairrow .edited button {
  681.     display: inline-block;
  682. }
  683. .media-button .option {
  684.     color: red;
  685. }
  686. .media-button .option.active {
  687.     background: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160") no-repeat scroll -4px -315px transparent;
  688.     color: #336699;
  689.     padding-right: 15px;
  690. }
  691. .embededmedia {
  692.     margin-left: 60px;
  693.     margin-top: 5px;
  694. }
  695. .thing .title {
  696.     color: white;
  697.     overflow: hidden;
  698.     padding: 0;
  699. }
  700. .thing .title:visited {
  701.     color: #551A8B;
  702. }
  703. .thing .title.click {
  704.     color: #551A8B;
  705. }
  706. .thing .title.loggedin {
  707. }
  708. .thing .title.loggedin:visited {
  709.     color: #551A8B;
  710. }
  711. .thing .title.loggedin.click {
  712.     color: #551A8B;
  713. }
  714. .thing .title.loggedin.click:visited {
  715.     color: #551A8B;
  716. }
  717. .sitetable {
  718.     list-style-type: none;
  719. }
  720. .ajaxhook {
  721.     left: 0;
  722.     position: absolute;
  723.     top: -1000px;
  724. }
  725. .nextprev {
  726.     color: gray;
  727.     font-size: larger;
  728.     margin-top: 10px;
  729. }
  730. .help a.help {
  731.     color: #808080;
  732.     text-decoration: underline;
  733. }
  734. .help a.open {
  735.     bottom: 0;
  736.     margin: 0 5px 5px 0;
  737.     position: absolute;
  738.     right: 0;
  739. }
  740. .help.help-cover {
  741.     background-color: #F8F8F8;
  742.     border: 1px solid gray;
  743.     display: none;
  744.     font-size: 110%;
  745.     overflow: hidden;
  746.     padding: 5px 10px 10px;
  747. }
  748. .help p, .help form {
  749.     margin: 5px;
  750. }
  751. .help form {
  752.     display: inline;
  753. }
  754. .infotext {
  755.     background-color: #EFF7FF;
  756.     border: 1px solid #336699;
  757.     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(255, 255, 255, 0.6);
  758. }
  759. .infotext p {
  760.     font-size: small;
  761.     margin: 5px;
  762. }
  763. .wikipage {
  764.     margin: 15px;
  765. }
  766. .organic-listing {
  767.     border: 1px solid gray;
  768.     min-height: 50px;
  769.     overflow: hidden;
  770.     padding: 0;
  771.     position: relative;
  772. }
  773. .organic-listing .link {
  774.     background-color: #F8F8F8;
  775. }
  776. .organic-listing .link, .organic-listing .link.promotedlink {
  777.     margin-bottom: 0;
  778.     padding: 5px 7em 10px 0;
  779. }
  780. .organic-listing .nextprev {
  781.     margin: 0;
  782.     position: absolute;
  783.     right: 0;
  784.     top: 0;
  785.     vertical-align: top;
  786. }
  787. .organic-listing .nextprev img {
  788.     border: 1px solid #B3B3B3;
  789.     margin: 5px 5px 2px 0;
  790. }
  791. .organic-listing .nextprev img:hover {
  792.     border: 1px solid #336699;
  793.     cursor: pointer;
  794. }
  795. .organic-listing .nextprev img:active {
  796.     margin: 6px 4px 1px 1px;
  797. }
  798. .link.promotedlink {
  799.     border: 1px solid gray;
  800.     overflow: hidden;
  801.     padding: 5px 0 5px 3px;
  802.     position: relative;
  803. }
  804. .link.promotedlink.unpaid {
  805.     background-color: #FFFFCC;
  806. }
  807. .link.promotedlink.unseen {
  808.     background-color: #FFFFCC;
  809. }
  810. .link.promotedlink.accepted {
  811.     background-color: #99FF99;
  812. }
  813. .link.promotedlink.rejected {
  814.     background-color: #FF9A9A;
  815. }
  816. .link.promotedlink.accepted {
  817.     background-color: #99FF99;
  818. }
  819. .link.promotedlink.pending {
  820.     background-color: #BBFFCC;
  821. }
  822. .link.promotedlink.promoted {
  823.     background-color: #EFF7FF;
  824. }
  825. .link.promotedlink.finished {
  826.     background-color: #DDDDDD;
  827. }
  828. #promo-form + form #img-preview-container {
  829.     display: none;
  830. }
  831. .rejection-form textarea {
  832.     height: 10em;
  833.     width: 40em;
  834. }
  835. .promoted-list {
  836.     font-size: larger;
  837. }
  838. .promoted-list .unpromote-button {
  839.     display: inline;
  840. }
  841. .promoted-list .unpromote-button a {
  842.     color: gray;
  843. }
  844. .help-cover.promoted {
  845.     background-color: #EFF7FF;
  846. }
  847. .organic-listing .promoted {
  848.     background-color: #EFF7FF;
  849.     border: medium none;
  850. }
  851. .organic-listing .sponsored-tagline {
  852.     right: 6.4em;
  853. }
  854. .sponsored-tagline {
  855.     bottom: 0;
  856.     color: #808080;
  857.     font-weight: bold;
  858.     margin: 0 5px 5px 0;
  859.     position: absolute;
  860.     right: 0;
  861. }
  862. .promote-pixel {
  863.     position: absolute;
  864.     right: -1000px;
  865.     top: -1000px;
  866. }
  867. .organic-help-button {
  868.     padding: 0 0.5ex;
  869. }
  870. .menuarea {
  871.     border-bottom: 1px dotted gray;
  872.     font-size: larger;
  873.     margin: 5px;
  874.     overflow: hidden;
  875.     padding: 5px 10px;
  876. }
  877. .menuarea .spacer {
  878.     display: inline;
  879.     margin-right: 15px;
  880. }
  881. .panestack-title {
  882.     border-bottom: 1px dotted gray;
  883.     margin: 10px 310px 0 10px;
  884.     padding-bottom: 3px;
  885. }
  886. .panestack-title .title {
  887.     font-size: 16px;
  888.     font-weight: normal;
  889.     margin: 10px 0;
  890. }
  891. .panestack-title a.title-button {
  892.     font-size: 12px;
  893.     margin-left: 8px;
  894. }
  895. .panestack-title a.title-button.gold {
  896.     background-color: #FFF088;
  897.     border: 1px solid #9A7D2E;
  898.     border-radius: 3px 3px 3px 3px;
  899.     color: #6A4D00;
  900.     padding: 1px 5px;
  901. }
  902. .commentarea h1 {
  903.     border-bottom: 1px dotted gray;
  904.     margin: 10px 310px 0 10px;
  905.     padding-bottom: 3px;
  906. }
  907. .commentarea .menuarea {
  908.     border: medium none;
  909.     color: gray;
  910.     margin: 0 310px 10px 10px;
  911.     padding: 0;
  912. }
  913. .commentarea > .usertext {
  914.     margin: 0 0 10px 10px;
  915.     overflow: auto;
  916. }
  917. .infobar {
  918.     font-size: small;
  919.     margin: 5px 305px 5px 0;
  920.     padding: 5px 10px;
  921. }
  922. .infobar img {
  923.     display: inline;
  924.     vertical-align: middle;
  925. }
  926. .infobar.red {
  927.     background-color: #FFAEAE;
  928.     border-color: red;
  929.     padding: 5px;
  930. }
  931. .infobar.red img {
  932.     float: left;
  933.     margin-right: 5px;
  934. }
  935. .infobar.mellow {
  936.     background-color: #EFF8FF;
  937.     border: 1px solid #BFE0FF;
  938. }
  939. .md {
  940.     font-size: small;
  941.     max-width: 60em;
  942.     overflow: auto;
  943. }
  944. .md p, .md h1 {
  945.     margin: 5px 0;
  946. }
  947. .md h1 {
  948.     font-size: 100%;
  949.     font-weight: normal;
  950. }
  951. .md > * {
  952.     margin-bottom: 0;
  953. }
  954. .md strong {
  955.     color: white;
  956.     font-weight: bold;
  957. }
  958. .md em {
  959.     font-style: italic;
  960. }
  961. .md strong em {
  962.     font-style: italic;
  963.     font-weight: bold;
  964. }
  965. .md img {
  966.     display: none;
  967. }
  968. .md ol, .md ul {
  969.     margin: 10px 2em;
  970. }
  971. .md ul {
  972.     list-style: disc outside none;
  973. }
  974. .md ol {
  975.     list-style: decimal outside none;
  976. }
  977. .md pre {
  978.     margin: 10px;
  979. }
  980. .md blockquote, .help blockquote {
  981.     border-left: 2px solid #336699;
  982.     margin: 5px 15px 5px 5px;
  983.     padding-left: 4px;
  984. }
  985. .md td, .md th {
  986.     border: 1px solid #EEEEEE;
  987.     padding: 1px 3px;
  988. }
  989. .md th {
  990.     font-weight: bold;
  991. }
  992. .md table {
  993.     margin: 5px 10px;
  994. }
  995. .md center {
  996.     text-align: left;
  997. }
  998. a.star {
  999.     color: #FF8B60;
  1000.     text-decoration: none;
  1001. }
  1002. .odd {
  1003. }
  1004. .even {
  1005. }
  1006. .entry .buttons li {
  1007.     border: medium none;
  1008.     display: inline;
  1009.     padding-right: 4px;
  1010. }
  1011. .entry .buttons li + li {
  1012.     padding-left: 4px;
  1013. }
  1014. .entry .buttons li.stamp + li.stamp {
  1015.     margin-left: 4px;
  1016. }
  1017. .entry .buttons li a {
  1018.     color: #888888;
  1019.     font-weight: bold;
  1020.     padding: 0 1px;
  1021. }
  1022. .entry .buttons li a.nonbutton {
  1023.     color: #336699;
  1024.     font-weight: normal;
  1025. }
  1026. .entry .buttons a:hover {
  1027.     text-decoration: underline;
  1028. }
  1029. .toggle .error {
  1030.     font-size: x-small;
  1031. }
  1032. .toggle .option {
  1033.     display: none;
  1034. }
  1035. .toggle .option.active {
  1036.     display: inline;
  1037. }
  1038. .thing .stub {
  1039.     display: none;
  1040. }
  1041. .link.last-clicked {
  1042.     border: 1px dashed gray;
  1043. }
  1044. .link {
  1045.     margin: 0 0 35px;
  1046.     padding-left: 3px;
  1047. }
  1048. .link .score {
  1049.     color: #C6C6C6;
  1050.     text-align: center;
  1051. }
  1052. .link .title {
  1053.     font-size: large;
  1054.     font-weight: normal;
  1055.     margin-bottom: 1px;
  1056. }
  1057. .link .child h3 {
  1058.     font-size: medium;
  1059.     margin: 15px;
  1060.     text-transform: none;
  1061. }
  1062. .rank {
  1063.     overflow: hidden;
  1064. }
  1065. .link .midcol {
  1066.     font-size: small;
  1067.     font-weight: bold;
  1068. }
  1069. .link .score.likes {
  1070.     color: #FF8B60;
  1071. }
  1072. .link .score.dislikes {
  1073.     color: #9494FF;
  1074. }
  1075. .link .rank {
  1076.     color: #C6C6C6;
  1077.     float: left;
  1078.     font-family: arial;
  1079.     font-size: medium;
  1080.     margin-top: 15px;
  1081.     text-align: right;
  1082. }
  1083. .compressed {
  1084.     margin-bottom: 5px;
  1085. }
  1086. .compressed .rank {
  1087.     margin-top: 10px;
  1088. }
  1089. .compressed .title {
  1090.     margin: -2px 0 3px;
  1091. }
  1092. .compressed .score {
  1093.     color: #888888;
  1094. }
  1095. .compressed .score-placeholder {
  1096.     height: 3px;
  1097. }
  1098. .compressed .subreddit {
  1099.     font-weight: bold;
  1100. }
  1101. .compressed .tagline {
  1102.     display: inline;
  1103.     margin-right: 12px;
  1104. }
  1105. .compressed .expando-button {
  1106.     display: none;
  1107. }
  1108. .score.likes, .score.dislikes {
  1109.     display: none;
  1110. }
  1111. .likes .score, .dislikes .score {
  1112.     display: none;
  1113. }
  1114. .likes .score.likes {
  1115.     display: inline;
  1116. }
  1117. .dislikes .score.dislikes {
  1118.     display: inline;
  1119. }
  1120. .likes div.score.likes {
  1121.     display: block;
  1122. }
  1123. .dislikes div.score.dislikes {
  1124.     display: block;
  1125. }
  1126. .warm-entry .rank {
  1127.     color: #EDA179;
  1128. }
  1129. .hot-entry .rank {
  1130.     color: #E47234;
  1131. }
  1132. .cool-entry .rank {
  1133.     color: #A5ABFB;
  1134. }
  1135. .cold-entry .rank {
  1136.     color: #4959F7;
  1137. }
  1138. .gadget {
  1139.     font-size: x-small;
  1140. }
  1141. .gadget .midcol {
  1142.     margin: 0;
  1143.     width: 15px;
  1144. }
  1145. .gadget .reddit-link-end {
  1146.     clear: left;
  1147.     padding-top: 10px;
  1148. }
  1149. .gadget .click-gadget {
  1150.     font-size: small;
  1151. }
  1152. .gadget small {
  1153.     color: gray;
  1154. }
  1155. .gadget .reddit-entry {
  1156.     margin-left: 20px;
  1157. }
  1158. .gadget .right {
  1159.     text-align: right;
  1160. }
  1161. .comment {
  1162.     margin-left: 10px;
  1163. }
  1164. .comment .edit-body {
  1165.     display: none;
  1166.     visibility: hidden;
  1167. }
  1168. .comment .midcol {
  1169.     margin-left: 0;
  1170. }
  1171. .comment .title {
  1172.     font-size: small;
  1173.     margin-top: 10px;
  1174. }
  1175. .comment .midcol {
  1176.     width: 15px;
  1177. }
  1178. .comment .author {
  1179.     font-weight: bold;
  1180. }
  1181. .comment .collapsed {
  1182.     color: gray;
  1183.     font-size: x-small;
  1184.     font-style: italic;
  1185.     padding-bottom: 10px;
  1186.     padding-left: 15px;
  1187. }
  1188. .comment .collapsed a {
  1189.     color: gray;
  1190. }
  1191. .comment .expand {
  1192.     font-style: normal;
  1193.     margin-left: 0;
  1194.     margin-right: 3px;
  1195.     padding: 1px;
  1196. }
  1197. .comment .expand:hover {
  1198.     background-color: #336699;
  1199.     color: white;
  1200.     text-decoration: none;
  1201. }
  1202. .comment .score {
  1203.     font-size: x-small;
  1204. }
  1205. .comment .child {
  1206.     border-left: 1px dotted #DDDDFF;
  1207.     margin-left: 15px;
  1208.     margin-top: 10px;
  1209. }
  1210. textarea.gray {
  1211.     color: gray;
  1212. }
  1213. .deepthread {
  1214.     background: url("/static/continue-thread.png") no-repeat scroll right center transparent;
  1215.     padding-right: 30px;
  1216. }
  1217. .deepthread a {
  1218.     color: #336699;
  1219.     font-size: larger;
  1220. }
  1221. .deepthread a:hover {
  1222.     text-decoration: underline;
  1223. }
  1224. .morecomments {
  1225.     font-size: larger;
  1226. }
  1227. .morecomments a {
  1228.     color: #336699;
  1229. }
  1230. .morecomments a:hover {
  1231.     text-decoration: underline;
  1232. }
  1233. .morecomments .gray {
  1234.     color: gray;
  1235.     font-weight: normal;
  1236. }
  1237. .expand-btn {
  1238.     display: inline-block;
  1239.     font-size: smaller;
  1240.     margin: 4px 5px 0;
  1241. }
  1242. .message {
  1243.     margin: 10px 10px 20px 5px;
  1244.     padding: 7px;
  1245. }
  1246. .message.focal > .entry .md {
  1247.     background-color: #FFFFCC;
  1248. }
  1249. .message .collapsed .head {
  1250.     color: #888888;
  1251.     font-style: italic;
  1252. }
  1253. .message.message-parent .tagline, .message.message-reply .tagline {
  1254.     color: #448855;
  1255. }
  1256. .message.message-parent > .entry .noncollapsed, .message.message-reply > .entry .noncollapsed {
  1257.     color: #448855;
  1258. }
  1259. .message.recipient > .entry .noncollapsed {
  1260.     color: black;
  1261. }
  1262. .message.message-reply.recipient > .entry .head, .message.message-parent.recipient > .entry .head {
  1263.     color: black;
  1264.     font-weight: bold;
  1265. }
  1266. .message.new > .entry .head {
  1267.     color: orangered;
  1268.     font-weight: bold;
  1269. }
  1270. .message.new > .entry {
  1271.     background-color: #F7F7F7;
  1272.     border: 1px solid #E9E9E9;
  1273.     padding: 6px;
  1274. }
  1275. .message.new .unread {
  1276.     display: none;
  1277. }
  1278. .message .child .message, .message .child .usertext {
  1279.     margin-left: 12px;
  1280.     margin-top: 10px;
  1281. }
  1282. .message.was-comment .child .message, .message.was-comment .child .usertext {
  1283.     margin-left: 0;
  1284.     margin-top: 0;
  1285. }
  1286. .message .expand {
  1287.     display: none;
  1288. }
  1289. .message .entry {
  1290.     margin-left: 0;
  1291. }
  1292. .message.message-parent .expand {
  1293.     display: inline;
  1294. }
  1295. .message.message-parent .child, .message.message-reply .child {
  1296.     margin: 0;
  1297.     padding: 0;
  1298. }
  1299. .message.message-parent .child .message, .message.message-reply .child .message {
  1300.     margin: 0;
  1301.     padding: 0;
  1302. }
  1303. .message.message-parent .subject {
  1304.     margin-bottom: 10px;
  1305. }
  1306. .message.message-parent .message .subject {
  1307.     display: none;
  1308. }
  1309. .message.message-reply .subject {
  1310.     display: none;
  1311. }
  1312. .message.message-reply .entry, .message.message-parent .entry {
  1313.     border-left: 2px dashed #E7E7E7;
  1314.     margin-left: 10px;
  1315.     padding-bottom: 10px;
  1316.     padding-left: 10px;
  1317. }
  1318. .message .buttons, .message .md {
  1319.     margin-left: 15px;
  1320. }
  1321. .message .entry .parent {
  1322.     border: 1px solid #336699;
  1323.     margin: 3px 10px;
  1324.     max-width: 60em;
  1325. }
  1326. .message .subject .correspondent {
  1327.     background-color: #EFF7FF;
  1328.     border: 1px solid #336699;
  1329.     color: #336699;
  1330.     display: inline-block;
  1331.     margin-right: 10px;
  1332.     padding: 2px 5px;
  1333. }
  1334. .message .subject .title {
  1335.     font-style: italic;
  1336.     font-weight: normal;
  1337.     margin-left: 10px;
  1338. }
  1339. .message .parent-link {
  1340.     font-weight: bold;
  1341.     margin-left: 12px;
  1342.     padding: 0 2px;
  1343. }
  1344. .message.was-comment .midcol {
  1345.     margin-left: 0;
  1346. }
  1347. .message.was-comment .buttons, .message.was-comment .parent-link {
  1348.     margin-left: 0;
  1349. }
  1350. .message.was-comment .md {
  1351.     margin-left: 2px;
  1352. }
  1353. .message .subject {
  1354.     font-size: larger;
  1355.     font-weight: bold;
  1356. }
  1357. .clippy img {
  1358.     float: left;
  1359. }
  1360. .clippy-bubble {
  1361.     background-color: #FFFDD7;
  1362.     border: 1px solid black;
  1363.     border-radius: 5px 5px 5px 5px;
  1364.     float: left;
  1365.     margin-bottom: 15px;
  1366.     margin-left: 5px;
  1367.     padding: 7px;
  1368.     width: 350px;
  1369. }
  1370. .clippy-headline {
  1371.     font-weight: bold;
  1372.     margin-bottom: 0.5em;
  1373. }
  1374. .clippy-bubble ul {
  1375.     list-style-image: url("/static/clippy-bullet.png");
  1376.     list-style-type: disc;
  1377.     padding-left: 15px;
  1378. }
  1379. .clippy-bubble li {
  1380.     margin-top: 0.5em;
  1381. }
  1382. .subreddit {
  1383.     margin-bottom: 10px;
  1384. }
  1385. .subreddit p {
  1386.     margin-bottom: 1px;
  1387.     margin-top: 0;
  1388. }
  1389. .subreddit .description {
  1390.     font-size: small;
  1391.     max-width: 60em;
  1392. }
  1393. .subreddit .key {
  1394.     display: block;
  1395. }
  1396. .subreddit .title {
  1397.     font-size: medium;
  1398.     margin-right: 5px;
  1399. }
  1400. .subreddit .midcol {
  1401.     margin-right: 5px;
  1402.     margin-top: 5px;
  1403.     text-align: right;
  1404. }
  1405. .fancy-toggle-button {
  1406.     display: block;
  1407.     margin-bottom: 5px;
  1408. }
  1409. .fancy-toggle-button .active {
  1410.     background: none repeat-x scroll left center white;
  1411.     border: 1px solid #444444;
  1412.     border-radius: 3px 3px 3px 3px;
  1413.     color: white;
  1414.     font-size: 10px;
  1415.     font-weight: bold;
  1416.     line-height: 20px;
  1417.     padding: 1px 6px;
  1418. }
  1419. .fancy-toggle-button .remove {
  1420.     background-image: url("/static/bg-button-remove.png");
  1421. }
  1422. .fancy-toggle-button .add {
  1423.     background-image: url("/static/bg-button-add.png");
  1424. }
  1425. .fancy-toggle-button .banned {
  1426.     background-color: #666666;
  1427.     padding: 1px 1.9em;
  1428. }
  1429. .commentbody.border {
  1430.     background-color: #FFFFCC;
  1431.     padding-left: 5px;
  1432. }
  1433. .commentbody.grayed {
  1434.     background-color: #E0E0E0;
  1435.     color: gray;
  1436.     padding-left: 5px;
  1437. }
  1438. .fixedwidth {
  1439.     float: left;
  1440.     height: 0;
  1441.     width: 100px;
  1442. }
  1443. .clearleft {
  1444.     clear: left;
  1445.     height: 0;
  1446. }
  1447. .clear {
  1448.     clear: both;
  1449. }
  1450. .sharetable.preftable {
  1451.     margin-left: 20px;
  1452. }
  1453. .sharetable.preftable th {
  1454.     padding-bottom: 5px;
  1455.     padding-top: 5px;
  1456. }
  1457. .sharetable.preftable button {
  1458.     margin-top: 10px;
  1459. }
  1460. .preftable.widget-preview {
  1461.     font-size: smaller;
  1462. }
  1463. .preftable.widget-preview input[type="text"] {
  1464.     width: 150px;
  1465. }
  1466. .preftable #css-options input[type="text"] {
  1467.     margin-left: 0;
  1468.     width: 6em;
  1469. }
  1470. .share-summary {
  1471.     margin-top: 10px;
  1472.     width: 95%;
  1473. }
  1474. .share-summary .head td {
  1475.     font-size: large;
  1476.     text-align: center;
  1477.     width: 50%;
  1478. }
  1479. .share-summary td {
  1480.     vertical-align: top;
  1481. }
  1482. .share-summary > tbody > tr > td {
  1483.     padding-bottom: 10px;
  1484.     padding-left: 10px;
  1485. }
  1486. .share-summary th {
  1487.     border-bottom: 1px solid #000000;
  1488.     padding: 5px;
  1489. }
  1490. .sponsored .entry {
  1491.     margin-right: 20px;
  1492. }
  1493. .sponsored .titlerow {
  1494.     background: none repeat scroll 0 0 #FCFCFC;
  1495.     border-color: #BCBCBC #E0E0E0 #E0E0E0 #BCBCBC;
  1496.     border-style: solid;
  1497.     border-width: 1px;
  1498.     padding: 10px;
  1499. }
  1500. .footer-parent {
  1501.     clear: both;
  1502.     padding-top: 40px;
  1503.     text-align: center;
  1504. }
  1505. .footer {
  1506.     border: 1px solid #F0F0F0;
  1507.     color: gray;
  1508.     display: inline-block;
  1509.     font-size: larger;
  1510.     margin: 15px;
  1511.     padding: 5px;
  1512. }
  1513. .footer .col {
  1514.     border-left: 1px solid #E0E0E0;
  1515.     float: left;
  1516.     height: 150px;
  1517.     margin: 10px;
  1518.     padding-left: 10px;
  1519. }
  1520. .footer .col:first-child {
  1521.     border: medium none;
  1522. }
  1523. .notes-button {
  1524.     margin-top: 3px;
  1525. }
  1526. .notes-status {
  1527.     font-size: larger;
  1528. }
  1529. .server-status {
  1530.     width: 300px;
  1531. }
  1532. .server-status table {
  1533.     border-color: #BCBCBC #E0E0E0 #E0E0E0 #BCBCBC;
  1534.     border-style: solid;
  1535.     border-width: 1px;
  1536.     font-size: xx-small;
  1537.     margin-bottom: 5px;
  1538.     margin-left: 5px;
  1539.     width: 290px;
  1540. }
  1541. .server-status td {
  1542.     padding-left: 2px;
  1543.     padding-right: 2px;
  1544. }
  1545. .server-status .bar {
  1546.     background-color: blue;
  1547.     height: 5px;
  1548. }
  1549. .load0 {
  1550.     background-color: #FFFFFF;
  1551. }
  1552. .load1 {
  1553.     background-color: #F0F5FF;
  1554. }
  1555. .load2 {
  1556.     background-color: #E2ECFF;
  1557. }
  1558. .load3 {
  1559.     background-color: #D6F5CB;
  1560. }
  1561. .load4 {
  1562.     background-color: #CAFF98;
  1563. }
  1564. .load5 {
  1565.     background-color: #E4F484;
  1566. }
  1567. .load6 {
  1568.     background-color: #FFEA71;
  1569. }
  1570. .load7 {
  1571.     background-color: #FFDB81;
  1572. }
  1573. .load8 {
  1574.     background-color: #FF9191;
  1575. }
  1576. .load9 {
  1577.     background-color: #FF0000;
  1578.     color: #FFFFFF;
  1579. }
  1580. .server-status tr.down > * {
  1581.     background-color: #C0C0C0;
  1582.     text-decoration: line-through;
  1583. }
  1584. .server-status th {
  1585.     font-weight: bold;
  1586.     padding-right: 2px;
  1587. }
  1588. .server-status tr.title-region {
  1589.     cursor: pointer;
  1590. }
  1591. .server-status tr.title-region:hover > td, .server-status tr.title-region:hover > th {
  1592.     text-decoration: underline;
  1593. }
  1594. .server-status tr.title-region.empty {
  1595.     cursor: default;
  1596.     opacity: 0.7;
  1597. }
  1598. .server-status tr.title-region.empty:hover > td, .server-status tr.title-region.empty:hover > th {
  1599.     text-decoration: none;
  1600. }
  1601. .server-status .pegged {
  1602.     background-color: red;
  1603.     color: #FFFFFF;
  1604.     font-weight: bold;
  1605. }
  1606. .server-status .membar {
  1607.     background-color: #6699FF;
  1608.     border: 1px solid white;
  1609.     height: 11px;
  1610.     position: relative;
  1611. }
  1612. .server-status .membar span {
  1613.     font-size: smaller;
  1614.     position: absolute;
  1615. }
  1616. .server-status .cpu50 {
  1617.     -moz-border-bottom-colors: none;
  1618.     -moz-border-image: none;
  1619.     -moz-border-left-colors: none;
  1620.     -moz-border-right-colors: none;
  1621.     -moz-border-top-colors: none;
  1622.     background-color: green;
  1623.     border-color: white white -moz-use-text-color;
  1624.     border-style: solid solid none;
  1625.     border-width: 1px 1px medium;
  1626.     height: 5px;
  1627. }
  1628. .server-status .cpu300 {
  1629.     background-color: red;
  1630.     border: 1px solid white;
  1631.     height: 5px;
  1632. }
  1633. .orangered {
  1634.     color: orangered;
  1635. }
  1636. .logout {
  1637.     display: inline;
  1638. }
  1639. .login-form-side {
  1640.     border: 1px solid gray;
  1641. }
  1642. .login-form-side input {
  1643.     border: 1px solid gray;
  1644.     color: white;
  1645.     height: 17px;
  1646.     margin: 5px 0 0 5px;
  1647.     padding: 1px;
  1648.     top: 5px;
  1649.     width: 138px;
  1650. }
  1651. .login-form-side .error {
  1652.     margin: 5px;
  1653. }
  1654. #remember-me {
  1655.     margin: 5px;
  1656. }
  1657. #rem-login-main {
  1658.     border: medium none;
  1659.     height: auto;
  1660.     margin-right: 5px;
  1661.     position: static;
  1662.     width: auto;
  1663. }
  1664. .login-form-side label {
  1665.     margin-right: 5px;
  1666.     padding: 2px 0;
  1667.     white-space: nowrap;
  1668. }
  1669. .login-form-side button {
  1670.     float: right;
  1671. }
  1672. .status {
  1673.     color: red;
  1674.     font-size: small;
  1675.     margin-left: 5px;
  1676. }
  1677. .error {
  1678.     color: white;
  1679.     font-size: small;
  1680.     margin: 5px;
  1681. }
  1682. .red {
  1683.     color: red;
  1684. }
  1685. .buygold {
  1686.     color: #9A7D2E;
  1687.     font-weight: bold;
  1688. }
  1689. .line-through {
  1690.     text-decoration: line-through;
  1691. }
  1692. #noresults {
  1693.     margin-right: 310px;
  1694. }
  1695. #ad-frame {
  1696.     border: 0 none;
  1697.     height: 280px;
  1698.     overflow: hidden;
  1699.     width: 300px;
  1700. }
  1701. #searchmenu {
  1702.     background-color: whitesmoke;
  1703.     border-bottom: 2px solid #336699;
  1704.     margin: 10px 0 0;
  1705.     padding: 2px 0 0;
  1706. }
  1707. #searchmenu .searchlabel {
  1708.     background-color: white;
  1709.     color: #336699;
  1710.     font-weight: bold;
  1711.     padding: 2px 15px 0 0;
  1712. }
  1713. #searchmenu .searchtime {
  1714.     display: inline;
  1715.     font-weight: bold;
  1716.     width: 305px;
  1717. }
  1718. #searchexpando {
  1719.     border-radius: 3px 3px 3px 3px;
  1720.     display: none;
  1721.     margin: 5px 0 0;
  1722. }
  1723. #searchexpando input, #searchexpando p {
  1724.     margin-bottom: 10px;
  1725. }
  1726. #searchexpando {
  1727.     padding-top: 10px;
  1728. }
  1729. #searchexpando dl {
  1730.     margin: 10px 0;
  1731. }
  1732. #searchexpando dt {
  1733.     margin: 0;
  1734. }
  1735. #previoussearch p {
  1736.     margin: 5px 0;
  1737. }
  1738. #moresearchinfo {
  1739.     border: 0 solid orange;
  1740.     display: none;
  1741.     margin-top: -5px;
  1742.     max-width: 300px;
  1743.     padding-top: 5px;
  1744. }
  1745. label + #moresearchinfo {
  1746.     border-width: 1px 0 0;
  1747.     margin-top: 0;
  1748. }
  1749. #previoussearch #moresearchinfo {
  1750.     border-color: gray;
  1751.     margin: 5px 0;
  1752. }
  1753. #search_hidemore {
  1754.     float: right;
  1755.     margin-left: 5px;
  1756. }
  1757. .searchparams {
  1758.     margin: 5px 20px;
  1759. }
  1760. .searchparams .labels {
  1761.     margin-left: 10px;
  1762.     text-align: right;
  1763. }
  1764. .searchpane {
  1765.     margin: 5px 305px 5px 0;
  1766. }
  1767. .searchpane #search input[type="text"] {
  1768. }
  1769. .search-summary {
  1770.     float: right;
  1771.     margin: 6px 8px 0 0;
  1772.     text-align: right;
  1773. }
  1774. .search-summary .result-count {
  1775.     font-weight: bold;
  1776. }
  1777. .searchfail {
  1778.     color: #C00000;
  1779.     font-size: larger;
  1780.     line-height: 2em;
  1781. }
  1782. .searchfail a {
  1783.     color: red;
  1784.     text-decoration: underline;
  1785. }
  1786. .legal {
  1787.     color: #808080;
  1788.     font-family: serif;
  1789.     font-size: small;
  1790.     margin-top: 20px;
  1791. }
  1792. .legal a {
  1793.     text-decoration: underline;
  1794. }
  1795. .divide {
  1796.     border-right: 2px solid #D3D3D3;
  1797. }
  1798. .loginform {
  1799.     float: left;
  1800.     padding-left: 15px;
  1801.     padding-right: 15px;
  1802.     width: 45%;
  1803. }
  1804. .loginform h3 {
  1805.     color: #404040;
  1806.     font-size: large;
  1807.     font-variant: small-caps;
  1808.     font-weight: bold;
  1809.     margin-bottom: 0;
  1810.     margin-top: 10px;
  1811. }
  1812. .loginform p {
  1813.     color: #606060;
  1814.     margin-bottom: 20px;
  1815.     text-align: left;
  1816. }
  1817. .loginform label {
  1818.     color: #606060;
  1819.     display: block;
  1820.     font-weight: bold;
  1821. }
  1822. .loginform .remember {
  1823.     display: inline;
  1824.     margin-left: 5px;
  1825. }
  1826. .loginform ul {
  1827.     margin: 5px;
  1828. }
  1829. .loginform li {
  1830.     margin-top: 5px;
  1831. }
  1832. .loginform p .btn {
  1833.     margin-top: 5px;
  1834. }
  1835. .loginform input.logtxt {
  1836.     width: 125px;
  1837. }
  1838. .loginform input[type="text"], .loginform input[type="password"] {
  1839.     border: 1px solid #A0A0A0;
  1840.     margin-bottom: 2px;
  1841.     margin-top: 2px;
  1842.     padding: 1px;
  1843.     width: 125px;
  1844. }
  1845. .loginform #captcha {
  1846.     width: 250px;
  1847. }
  1848. #passform h1 {
  1849.     margin-bottom: 0;
  1850. }
  1851. #passform p {
  1852.     font-size: small;
  1853.     margin-bottom: 5px;
  1854. }
  1855. .cover {
  1856.     background-color: gray;
  1857.     height: 100%;
  1858.     left: 0;
  1859.     opacity: 0.7;
  1860.     position: fixed;
  1861.     top: 0;
  1862.     width: 100%;
  1863.     z-index: 1000;
  1864. }
  1865. .popup {
  1866.     background-color: white;
  1867.     border-color: #B2B2B2 black black #B2B2B2;
  1868.     border-style: solid;
  1869.     border-width: 1px;
  1870.     left: 10%;
  1871.     padding: 10px;
  1872.     position: fixed;
  1873.     text-align: left;
  1874.     top: 40px;
  1875.     width: 80%;
  1876.     z-index: 1001;
  1877. }
  1878. .popup h1 {
  1879.     color: orangered;
  1880.     font-size: large;
  1881.     font-weight: normal;
  1882.     text-align: center;
  1883. }
  1884. .popup h2 {
  1885.     color: black;
  1886.     font-size: small;
  1887.     font-weight: normal;
  1888.     margin-top: 0;
  1889.     text-align: center;
  1890. }
  1891. .usertable {
  1892.     margin-left: 10px;
  1893. }
  1894. .usertable {
  1895.     font-size: larger;
  1896. }
  1897. .usertable td, .usertable th {
  1898.     padding: 0 0.7em;
  1899. }
  1900. .usertable {
  1901.     white-space: nowrap;
  1902. }
  1903. .aboutpage {
  1904.     margin-right: 320px;
  1905. }
  1906. .aboutpage p {
  1907.     margin: 5px;
  1908. }
  1909. .aboutpage h1, .aboutpage h2 {
  1910.     margin: 10px;
  1911. }
  1912. .aboutpage .usertable {
  1913.     width: 45%;
  1914. }
  1915. .little a {
  1916.     font-size: x-small;
  1917. }
  1918. .oldbylink a {
  1919.     background-color: #F0F0F0;
  1920.     color: gray;
  1921.     margin: 2px;
  1922. }
  1923. .error-log {
  1924.     clear: both;
  1925. }
  1926. .error-log a:hover {
  1927.     text-decoration: underline;
  1928. }
  1929. .error-log .rest {
  1930.     display: none;
  1931. }
  1932. .error-log:first-child .rest {
  1933.     display: block;
  1934. }
  1935. .error-log, .error-log .exception {
  1936.     border: 1px solid #AAAAAA;
  1937.     margin-bottom: 10px;
  1938.     padding: 3px 5px;
  1939. }
  1940. .error-log .exception {
  1941.     background-color: #F0F0F8;
  1942. }
  1943. .error-log .exception.new {
  1944.     border: 2px dashed #FF6600;
  1945. }
  1946. .error-log .exception.severe {
  1947.     background-color: #FFDFDF;
  1948.     border: 2px solid #FF0000;
  1949. }
  1950. .error-log .exception.interesting {
  1951.     background-color: #E0E0E8;
  1952.     border: 2px dotted black;
  1953. }
  1954. .error-log .exception.fixed {
  1955.     background-color: #E8F6E8;
  1956.     border: 1px solid #008800;
  1957. }
  1958. .error-log .exception span {
  1959.     font-weight: bold;
  1960.     margin-right: 5px;
  1961. }
  1962. .error-log .exception span.normal {
  1963.     display: none;
  1964.     margin-right: 0;
  1965. }
  1966. .error-log .exception span.new, .error-log .edit-area label.new {
  1967.     color: #FF6600;
  1968. }
  1969. .error-log .exception span.severe, .error-log .edit-area label.severe {
  1970.     color: #FF0000;
  1971. }
  1972. .error-log .exception span.interesting, .error-log .edit-area label.interesting {
  1973.     font-style: italic;
  1974.     font-weight: normal;
  1975. }
  1976. .error-log .exception span.fixed, .error-log .edit-area label.fixed {
  1977.     color: #008800;
  1978. }
  1979. .error-log .exception-name {
  1980.     display: inline-block;
  1981.     margin-right: 5px;
  1982.     max-height: 50px;
  1983.     overflow: hidden;
  1984. }
  1985. .error-log .nickname {
  1986.     color: black;
  1987.     font-size: larger;
  1988.     font-weight: bold;
  1989. }
  1990. .error-log .exception.fixed .nickname {
  1991.     text-decoration: line-through;
  1992. }
  1993. .error-log a:focus {
  1994. }
  1995. .error-log .edit-area {
  1996.     background-color: #EEEEEE;
  1997.     border: 1px solid black;
  1998. }
  1999. .error-log .edit-area label {
  2000.     margin-right: 25px;
  2001. }
  2002. .error-log .edit-area input[type="radio"] {
  2003.     margin-right: 4px;
  2004. }
  2005. .error-log .edit-area input[type="text"] {
  2006.     width: 800px;
  2007. }
  2008. .error-log .edit-area table td, .error-log .edit-area table th {
  2009.     padding: 5px 0 0 5px;
  2010. }
  2011. .error-log .save-button {
  2012.     font-size: small;
  2013.     margin: 0 5px 5px 0;
  2014.     padding: 0;
  2015. }
  2016. .error-log .date {
  2017.     font-size: 150%;
  2018.     font-weight: bold;
  2019. }
  2020. .error-log .hexkey {
  2021.     color: #997700;
  2022. }
  2023. .error-log .exception-name {
  2024.     color: #000077;
  2025.     font-size: larger;
  2026. }
  2027. .error-log .frequency {
  2028.     color: #886666;
  2029.     float: right;
  2030.     font-size: larger;
  2031. }
  2032. .error-log .occurrences {
  2033.     border: 1px solid #003300;
  2034.     margin: 5px 0 2px;
  2035.     padding: 2px;
  2036. }
  2037. .error-log .occurrence {
  2038.     color: #003300;
  2039.     font-family: monospace;
  2040.     margin-right: 3em;
  2041.     white-space: nowrap;
  2042. }
  2043. .error-log table.stacktrace th, .error-log table.stacktrace td {
  2044.     border: 1px solid #AAAAAA;
  2045. }
  2046. .error-log table.stacktrace td {
  2047.     font-family: monospace;
  2048. }
  2049. .error-log table.stacktrace td.col-1 {
  2050.     padding-right: 10px;
  2051.     text-align: right;
  2052. }
  2053. .error-log .logtext.error {
  2054.     color: black;
  2055.     margin: 0 0 10px;
  2056. }
  2057. .error-log .logtext {
  2058.     background-color: #EEECE6;
  2059.     border: 2px solid #555555;
  2060.     font-size: small;
  2061.     margin-bottom: 10px;
  2062.     padding: 5px;
  2063. }
  2064. .error-log .logtext * {
  2065.     color: black;
  2066. }
  2067. .error-log .logtext.error .loglevel {
  2068.     background-color: red;
  2069.     color: white;
  2070. }
  2071. .error-log .logtext.warning .loglevel {
  2072.     background-color: #FF6600;
  2073. }
  2074. .error-log .logtext.info .loglevel {
  2075.     background-color: #00BBFF;
  2076. }
  2077. .error-log .logtext.debug .loglevel {
  2078.     background-color: #00EE00;
  2079. }
  2080. .error-log .logtext .loglevel {
  2081.     border: 1px solid black;
  2082.     margin-right: 5px;
  2083.     padding: 0 5px;
  2084. }
  2085. .error-log .logtext table {
  2086.     font-family: monospace;
  2087.     margin: 8px 5px 2px 0;
  2088. }
  2089. .error-log .logtext table, .error-log .logtext table th, .error-log .logtext table td {
  2090.     border: 1px solid #AAAAAA;
  2091. }
  2092. .error-log .logtext table th, .error-log .logtext table td {
  2093.     border: 1px solid #AAAAAA;
  2094. }
  2095. .error-log .logtext table .occ {
  2096.     text-align: right;
  2097. }
  2098. .error-log .logtext table .dotdotdot {
  2099.     padding: 0;
  2100. }
  2101. .error-log .logtext table .dotdotdot a {
  2102.     background-color: #E0E0E0;
  2103.     display: block;
  2104.     height: 100%;
  2105.     margin: 0;
  2106.     width: 100%;
  2107. }
  2108. .error-log .logtext table .dotdotdot a:hover {
  2109.     background-color: #BBBBBB;
  2110.     text-decoration: none;
  2111. }
  2112. .error-log .logtext .classification {
  2113.     font-size: larger;
  2114.     font-weight: bold;
  2115. }
  2116. .error-log .logtext .actual-text {
  2117.     max-width: 600px;
  2118.     overflow: hidden;
  2119. }
  2120. .error-log .logtext .occ {
  2121. }
  2122. .details {
  2123.     font-size: x-small;
  2124.     margin-bottom: 10px;
  2125. }
  2126. .details span {
  2127.     margin: 0 5px;
  2128. }
  2129. .details th {
  2130.     font-weight: bold;
  2131.     padding-right: 5px;
  2132.     text-align: right;
  2133. }
  2134. .details td {
  2135.     vertical-align: top;
  2136. }
  2137. .ring {
  2138.     background-color: red;
  2139.     color: white;
  2140.     cursor: pointer;
  2141.     font-weight: bold;
  2142.     padding-left: 3px;
  2143.     padding-right: 4px !important;
  2144.     text-align: center;
  2145. }
  2146. .vote-note {
  2147.     max-width: 150px;
  2148.     padding-left: 3px;
  2149. }
  2150. .vote-a-notes {
  2151.     color: red;
  2152. }
  2153. .vote-up {
  2154.     color: orangered;
  2155. }
  2156. .vote-down {
  2157.     color: #336699;
  2158. }
  2159. .vote-invalid {
  2160.     color: #888888 !important;
  2161.     font-style: italic;
  2162. }
  2163. .unvotable-message {
  2164.     border: 1px solid #FF6600;
  2165.     border-radius: 3px 3px 3px 3px;
  2166.     display: none;
  2167.     margin-top: 4px;
  2168.     padding: 1px 3px;
  2169. }
  2170. .bottommenu {
  2171.     clear: both;
  2172.     color: gray;
  2173.     font-size: smaller;
  2174. }
  2175. .bottommenu a {
  2176.     color: gray;
  2177.     text-decoration: underline;
  2178. }
  2179. .button {
  2180.     border-collapse: collapse;
  2181.     color: gray;
  2182.     margin: 1px;
  2183.     text-align: center;
  2184. }
  2185. .button #cover {
  2186.     position: relative;
  2187. }
  2188. .button .cover {
  2189.     background: none repeat scroll 0 0 white;
  2190. }
  2191. .button #popup {
  2192.     background: none repeat scroll 0 0 white;
  2193.     border-color: #B2B2B2 black black #B2B2B2;
  2194.     border-style: solid;
  2195.     border-width: 1px;
  2196.     left: 0;
  2197.     margin: 0;
  2198.     padding: 1px;
  2199.     position: absolute;
  2200.     top: 0;
  2201.     width: 80%;
  2202.     z-index: 1001;
  2203. }
  2204. .button .arrow {
  2205.     width: 15px;
  2206. }
  2207. .num {
  2208.     font-size: larger;
  2209.     font-weight: bold;
  2210. }
  2211. .button.thing {
  2212.     margin: 0;
  2213.     padding: 0;
  2214. }
  2215. .button-body {
  2216.     background-color: transparent;
  2217. }
  2218. .button .blog {
  2219.     background-color: white;
  2220.     border: 1px solid #C7DEF7;
  2221.     border-radius: 4px 4px 4px 4px;
  2222.     color: gray;
  2223.     margin: 0;
  2224.     text-align: center;
  2225. }
  2226. .button .blog .r {
  2227.     color: gray;
  2228. }
  2229. .button .blog .score {
  2230.     white-space: nowrap;
  2231. }
  2232. .button {
  2233.     color: #336699;
  2234. }
  2235. .button a:hover {
  2236.     text-decoration: underline;
  2237. }
  2238. .button .blog1 {
  2239.     font-size: x-small;
  2240. }
  2241. .button .blog1 .arrow {
  2242.     float: left;
  2243.     margin-left: 2px;
  2244.     margin-right: 2px;
  2245. }
  2246. .button .blog1 .headimgcell {
  2247.     background-color: #C7DEF7;
  2248.     float: left;
  2249.     width: 18px;
  2250. }
  2251. .button .blog1 .headimgcell a {
  2252.     display: inline-block;
  2253. }
  2254. .button .blog1 .score {
  2255.     margin-right: 5px;
  2256.     margin-top: 2px;
  2257. }
  2258. .button .blog2 {
  2259.     font-size: small;
  2260. }
  2261. .button .blog2 .arrow {
  2262.     margin-left: auto;
  2263.     margin-right: auto;
  2264.     width: 15px;
  2265. }
  2266. .button .blog2 .bottomreddit {
  2267.     background-color: #C7DEF7;
  2268.     color: black;
  2269.     font-size: small;
  2270. }
  2271. .button .blog2 .score .submit {
  2272.     display: block;
  2273.     font-size: x-small;
  2274.     line-height: 17px;
  2275. }
  2276. .button .blog.blog3 {
  2277.     background-color: transparent;
  2278.     border: medium none;
  2279.     font-size: small;
  2280. }
  2281. .button .blog3 .left {
  2282.     float: left;
  2283.     width: 50%;
  2284. }
  2285. .button .blog2 .arrow {
  2286.     margin-left: auto;
  2287.     margin-right: auto;
  2288.     width: 15px;
  2289. }
  2290. .button .blog3 .right {
  2291.     float: right;
  2292.     margin-top: 5px;
  2293. }
  2294. .button .blog3 .score .submit {
  2295.     display: block;
  2296.     font-size: x-small;
  2297.     line-height: 17px;
  2298. }
  2299. .blog5 .right {
  2300.     float: right;
  2301. }
  2302. .blog5 .left {
  2303.     display: block;
  2304.     float: left;
  2305.     margin-top: 10px;
  2306. }
  2307. .blog5 .clearleft {
  2308.     clear: left;
  2309. }
  2310. .button .blog.blog5 {
  2311.     border: medium none;
  2312.     font-size: small;
  2313.     text-align: left;
  2314. }
  2315. .blog5 a.bling {
  2316.     float: left;
  2317. }
  2318. .blog5 .container {
  2319.     height: 50px;
  2320.     margin-left: 35px;
  2321.     margin-top: 2px;
  2322. }
  2323. .blog5 ul {
  2324.     display: inline;
  2325. }
  2326. .blog5 ul a {
  2327.     color: #515481;
  2328.     font-weight: bold;
  2329.     text-decoration: underline;
  2330. }
  2331. .blog5 li {
  2332.     display: inline;
  2333.     padding: 1px 10px;
  2334. }
  2335. .blog5 li.selected {
  2336.     background-color: #F8F8F1;
  2337.     border-color: #CCCCCC;
  2338.     border-style: solid solid none;
  2339.     border-width: 1px;
  2340.     color: #000000;
  2341. }
  2342. .blog5 .votes {
  2343.     background-color: #F8F8F1;
  2344.     border: 1px solid #CCCCCC;
  2345.     height: 25px;
  2346.     padding-top: 5px;
  2347. }
  2348. .blog5 .arrow {
  2349.     background-position: left center;
  2350.     background-repeat: no-repeat;
  2351.     color: black;
  2352.     cursor: pointer;
  2353.     display: inline;
  2354.     margin-left: 5px;
  2355.     margin-right: 15px;
  2356.     padding-left: 20px;
  2357. }
  2358. .blog5 .votes.disabled .arrow {
  2359.     color: #888888;
  2360. }
  2361. .blog5 .arrow:hover {
  2362.     text-decoration: none;
  2363. }
  2364. .blog5 .arrow b {
  2365.     font-size: larger;
  2366. }
  2367. .blog5 .arrow.upmod b {
  2368.     color: #FF8B60;
  2369. }
  2370. .blog5 .arrow.downmod b {
  2371.     color: #9494FF;
  2372. }
  2373. .blog5 .right {
  2374.     font-size: medium;
  2375.     font-style: italic;
  2376.     margin-right: 5px;
  2377. }
  2378. .optional {
  2379.     color: green;
  2380. }
  2381. .instructions {
  2382.     font-size: larger;
  2383. }
  2384. .instructions h1, .instructions h2, .instructions h3 {
  2385.     margin-bottom: 20px;
  2386.     margin-top: 20px;
  2387. }
  2388. .instructions p {
  2389.     margin: 10px;
  2390.     max-width: 60em;
  2391. }
  2392. .instructions pre {
  2393.     margin: 5px 10px 5px 5px;
  2394. }
  2395. .instructions iframe {
  2396.     margin: 5px 10px 5px 0;
  2397. }
  2398. .instructions input, .instructions select {
  2399.     margin: 0 0.5em;
  2400. }
  2401. .instructions a:focus {
  2402. }
  2403. .instructions strong {
  2404.     font-weight: bold;
  2405. }
  2406. .instructions .buttons {
  2407.     margin-left: 1em;
  2408.     max-width: 50em;
  2409. }
  2410. .instructions .buttons li {
  2411.     border-bottom: 1px solid #E0E0E0;
  2412.     margin-top: 1em;
  2413.     padding-bottom: 1em;
  2414. }
  2415. .instructions code {
  2416.     background-color: #FFFF99;
  2417.     display: block;
  2418.     font-family: monospace;
  2419.     font-size: small;
  2420.     margin: 5px;
  2421.     max-width: 50em;
  2422.     padding: 10px;
  2423. }
  2424. .self-service.instructions {
  2425.     margin-bottom: 50px;
  2426. }
  2427. .self-service.instructions p {
  2428.     margin-left: 20px;
  2429. }
  2430. .self-service.instructions ul {
  2431.     list-style-type: circle;
  2432.     margin-left: 60px;
  2433. }
  2434. .self-service.instructions li + li {
  2435.     padding-top: 10px;
  2436. }
  2437. .self-service.instructions li.done {
  2438.     list-style-image: url("/static/green-check.png");
  2439.     text-decoration: line-through;
  2440. }
  2441. .self-service.instructions li.unfinished {
  2442.     font-weight: bold;
  2443.     list-style-image: url("/static/red-arrow.png");
  2444. }
  2445. .feedback.instructions dl {
  2446.     margin-left: 20px;
  2447. }
  2448. .feedback.instructions dt {
  2449.     margin-top: 10px;
  2450. }
  2451. .feedback.instructions dd {
  2452.     background: url("/static/red-arrow.png") no-repeat scroll left bottom transparent;
  2453.     padding-left: 35px;
  2454. }
  2455. .button-demo a.view-code, .button-demo a.hide-code {
  2456.     float: right;
  2457.     margin-bottom: 1em;
  2458. }
  2459. .button-demo a.hide-code {
  2460.     display: none;
  2461. }
  2462. .instructions .button-demo code {
  2463.     display: none;
  2464. }
  2465. .button-demo.show-demo a.view-code {
  2466.     display: none;
  2467. }
  2468. .button-demo.show-demo a.hide-code {
  2469.     display: inline;
  2470. }
  2471. .button-demo.show-demo code {
  2472.     display: block;
  2473. }
  2474. #preview {
  2475.     float: right;
  2476.     margin: 10px;
  2477.     width: 30em;
  2478. }
  2479. #preview span {
  2480.     color: lightgray;
  2481. }
  2482. #preview #previewbox {
  2483.     border-color: lightgray;
  2484.     border-style: dashed;
  2485.     border-width: 0.2em;
  2486.     font-size: larger;
  2487.     padding: 1em;
  2488. }
  2489. .bookmarklet {
  2490.     border: 1px solid #888888;
  2491.     padding: 0 2px;
  2492. }
  2493. .toolbar {
  2494.     background-color: #CEE3F8;
  2495.     border-bottom: 1px solid #336699;
  2496.     font-size: small;
  2497. }
  2498. .toolbar .left-side {
  2499.     background-color: #EFF7FF;
  2500.     border-right: 1px solid #336699;
  2501.     float: left;
  2502.     height: 19px;
  2503. }
  2504. .toolbar .middle-side {
  2505.     background-color: #EFF7FF;
  2506.     cursor: pointer;
  2507.     text-align: center;
  2508. }
  2509. .toolbar .middle-side a, .toolbar .middle-side b {
  2510.     border-left: medium none;
  2511.     display: block;
  2512. }
  2513. .toolbar .middle-side input[type="text"] {
  2514.     -moz-border-bottom-colors: none;
  2515.     -moz-border-image: none;
  2516.     -moz-border-left-colors: none;
  2517.     -moz-border-right-colors: none;
  2518.     -moz-border-top-colors: none;
  2519.     border-color: transparent -moz-use-text-color -moz-use-text-color;
  2520.     border-style: solid none none;
  2521.     border-width: 1px medium medium;
  2522.     font-size: 14px;
  2523.     height: 18px;
  2524.     margin-left: 2px;
  2525.     vertical-align: baseline;
  2526.     width: 100%;
  2527. }
  2528. .toolbar .middle-side .url {
  2529.     overflow: hidden;
  2530. }
  2531. .toolbar .middle-side .domain {
  2532.     color: #888888;
  2533.     font-size: small;
  2534. }
  2535. .toolbar .right-side {
  2536.     background-color: #EFF7FF;
  2537.     float: right;
  2538.     height: 19px;
  2539.     margin-top: -1px;
  2540. }
  2541. .toolbar a, .toolbar b {
  2542.     border-left: 1px solid #336699;
  2543.     display: inline-block;
  2544.     font-weight: normal;
  2545.     height: 18px;
  2546.     outline: medium none;
  2547.     overflow: hidden;
  2548.     padding: 1px 4px 0;
  2549.     white-space: nowrap;
  2550. }
  2551. .toolbar .likes .score.likes {
  2552.     display: inline-block;
  2553. }
  2554. .toolbar .dislikes .score.dislikes {
  2555.     display: inline-block;
  2556. }
  2557. .toolbar a, .toolbar .clickable {
  2558.     color: #336699;
  2559.     cursor: pointer;
  2560.     text-decoration: none;
  2561. }
  2562. .toolbar .clickable:active, .pushed-button {
  2563.     background-color: #CEE3F8 !important;
  2564.     color: orangered !important;
  2565. }
  2566. .toolbar a img, toolbar b img {
  2567.     padding-top: 3px;
  2568.     vertical-align: -3px;
  2569. }
  2570. .toolbar .content {
  2571.     float: left;
  2572.     vertical-align: middle;
  2573. }
  2574. .toolbar .logo {
  2575.     border-left: medium none;
  2576.     margin: 0;
  2577.     padding: 0 2px;
  2578.     vertical-align: top;
  2579. }
  2580. .toolbar .title {
  2581.     color: black;
  2582.     display: block;
  2583.     overflow: hidden;
  2584.     padding-left: 1em;
  2585.     padding-right: 1em;
  2586. }
  2587. .toolbar .title:active {
  2588.     color: orangered;
  2589. }
  2590. .toolbar .controls {
  2591.     float: right;
  2592. }
  2593. .toolbar .arrow {
  2594.     background-position: left center;
  2595.     display: inline-block;
  2596.     margin: 0;
  2597.     padding-left: 16px;
  2598.     width: auto;
  2599. }
  2600. .toolbar .arrow.upmod {
  2601.     background-image: url("/static/aminiupmod.gif");
  2602. }
  2603. .toolbar .arrow.downmod {
  2604.     background-image: url("/static/aminidownmod.gif");
  2605. }
  2606. .toolbar .arrow.up {
  2607.     background-image: url("/static/aminiupgray.gif");
  2608. }
  2609. .toolbar .arrow.down {
  2610.     background-image: url("/static/aminidowngray.gif");
  2611. }
  2612. .toolbar-status-bar {
  2613.     background-color: #F6E69F;
  2614.     border-bottom: 1px solid #336699;
  2615.     border-top: 1px solid #336699;
  2616.     overflow: auto;
  2617.     padding: 0 2px;
  2618. }
  2619. .toolbar-status-bar .login-arrow-left {
  2620.     background-image: url("/static/tb-loginarrow-left.png");
  2621.     background-position: right top;
  2622.     overflow: auto;
  2623. }
  2624. .toolbar-status-bar .login-arrow-right {
  2625.     float: right;
  2626.     margin-right: 75px;
  2627. }
  2628. .toolbar-status-bar .login-message {
  2629.     background-color: #F6E69F;
  2630.     float: left;
  2631.     padding-right: 3px;
  2632. }
  2633. .tb-comments-panel-toggle {
  2634. }
  2635. .comments-panel .infobar {
  2636.     margin: 5px 10px 10px 3px;
  2637.     padding: 3px 10px 7px;
  2638. }
  2639. .min-body {
  2640.     height: 100%;
  2641. }
  2642. .min-body .content {
  2643.     border-right: 1px solid #336699;
  2644.     margin-top: 0;
  2645.     max-width: 60em;
  2646.     min-height: 100%;
  2647.     overflow: auto;
  2648. }
  2649. .min-body .content h1, .min-body .content h2 {
  2650.     display: inline-block;
  2651.     margin-bottom: 15px;
  2652.     padding-left: 13px;
  2653. }
  2654. .min-body .content #noresults {
  2655.     margin: 0 0 0 13px;
  2656. }
  2657. .starkcomment + .clearleft + .starkcomment {
  2658.     margin-top: 10px;
  2659. }
  2660. .starkcomment .commentbox {
  2661.     background-color: #F0F0F0;
  2662.     color: black;
  2663.     margin-left: 0;
  2664.     margin-right: 10px;
  2665.     padding: 5px;
  2666. }
  2667. .starkcomment .tagline {
  2668.     text-align: right;
  2669. }
  2670. form .blurb {
  2671.     margin-bottom: 5px;
  2672. }
  2673. form .spacer + .spacer {
  2674.     margin: 15px 0;
  2675. }
  2676. form input[type="checkbox"], form input[type="radio"] {
  2677.     margin: 2px 0.5em 0 0;
  2678. }
  2679. .pretty-form {
  2680.     font-size: larger;
  2681.     vertical-align: top;
  2682. }
  2683. .pretty-form p {
  2684.     margin: 3px;
  2685. }
  2686. .pretty-form input[type="checkbox"], .pretty-form input[type="radio"] {
  2687.     margin: 2px 0.5em 0 0;
  2688. }
  2689. .pretty-form img {
  2690.     margin: 3px 0.5em;
  2691. }
  2692. .pretty-form input[type="text"], .pretty-form textarea, .pretty-form input[type="password"] {
  2693.     border: 1px solid gray;
  2694.     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.6);
  2695.     padding: 2px;
  2696.     width: 300px;
  2697. }
  2698. .pretty-form .infobar {
  2699.     margin: 5px;
  2700.     width: 285px;
  2701. }
  2702. .pretty-form input[type="text"], .pretty-form input[type="file"], .pretty-form input[type="password"], .pretty-form select, .pretty-form b, .pretty-form textarea, .pretty-form button {
  2703.     margin: 3px 5px;
  2704. }
  2705. .pretty-form th {
  2706.     text-align: right;
  2707. }
  2708. .delete-field {
  2709.     background-color: white;
  2710.     padding: 10px;
  2711. }
  2712. .delete-field td {
  2713.     vertical-align: top;
  2714. }
  2715. .pretty-form .delete-field {
  2716.     background: none repeat scroll 0 0 transparent;
  2717. }
  2718. .pretty-form.short-text input[type="text"], .pretty-form.short-text textarea, .pretty-form.short-text input[type="password"] {
  2719.     width: 2em;
  2720. }
  2721. #url-field button {
  2722.     margin: 10px 5px 0 0;
  2723. }
  2724. #url-field .title-status {
  2725.     color: red;
  2726.     font-size: small;
  2727. }
  2728. .opt-form {
  2729.     font-size: larger;
  2730. }
  2731. .opt-form form {
  2732.     display: inline;
  2733. }
  2734. .preftable th {
  2735.     font-weight: bold;
  2736.     padding: 10px;
  2737.     text-align: right;
  2738.     vertical-align: top;
  2739.     white-space: nowrap;
  2740. }
  2741. .preftable th label {
  2742.     display: block;
  2743. }
  2744. .sharetable.preftable th label {
  2745.     display: inline;
  2746. }
  2747. .preftable th span {
  2748.     display: block;
  2749. }
  2750. .preftable td.prefright {
  2751.     padding: 8px 0;
  2752. }
  2753. .preftable .spacer {
  2754.     margin-bottom: 5px;
  2755. }
  2756. .preftable .note {
  2757.     padding-top: 10px;
  2758.     vertical-align: top;
  2759.     width: 100%;
  2760. }
  2761. .over18 button {
  2762.     margin: 0 10px;
  2763.     padding: 5px;
  2764. }
  2765. .entry .buttons li.nsfw-stamp {
  2766.     font-size: x-small;
  2767. }
  2768. .nsfw-stamp acronym {
  2769.     border: 1px solid #D27979 !important;
  2770.     border-radius: 3px 3px 3px 3px;
  2771.     color: #AC3939;
  2772.     font-size: x-small;
  2773.     padding: 0 2px;
  2774.     text-decoration: none;
  2775. }
  2776. .entry .buttons li.trial-stamp, .entry .buttons li.reported-stamp {
  2777.     background-color: #F6E69F;
  2778.     border: 1px solid black !important;
  2779.     padding: 0 4px;
  2780. }
  2781. .entry .buttons li.trial-stamp .spam {
  2782.     color: #EE0000;
  2783. }
  2784. .entry .buttons li.trial-stamp .kosher {
  2785.     color: #009900;
  2786. }
  2787. .suspicious {
  2788.     background-color: #F6E69F;
  2789. }
  2790. .thing.spam {
  2791.     background-color: #FA8072;
  2792. }
  2793. .comment.spam > .child, .message.spam > .child {
  2794.     background-color: white;
  2795. }
  2796. .comment.spam > .child {
  2797.     margin-left: 0;
  2798.     padding-left: 15px;
  2799. }
  2800. .message.spam > .child {
  2801. }
  2802. .banned-user {
  2803.     opacity: 0.7;
  2804.     overflow: hidden;
  2805. }
  2806. .banned-user .title {
  2807.     text-decoration: line-through;
  2808. }
  2809. .approval-checkmark {
  2810.     cursor: pointer;
  2811.     height: 0.8em;
  2812.     margin-left: 3px;
  2813.     vertical-align: baseline;
  2814. }
  2815. .little {
  2816.     font-size: smaller;
  2817. }
  2818. .gray {
  2819.     color: gray;
  2820. }
  2821. .stats {
  2822.     border-collapse: collapse;
  2823.     float: left;
  2824.     font-size: larger;
  2825.     margin-right: 2em;
  2826. }
  2827. .stats td.space {
  2828.     width: 20px;
  2829. }
  2830. .stats td.sec {
  2831.     font-size: 18px;
  2832.     font-weight: normal;
  2833.     padding-bottom: 7px;
  2834. }
  2835. .stats a {
  2836.     color: #336699;
  2837. }
  2838. .stats a:hover {
  2839.     text-decoration: underline;
  2840. }
  2841. .stats td.k {
  2842.     color: gray;
  2843. }
  2844. .stats th {
  2845.     background-color: whitesmoke;
  2846.     color: #336699;
  2847.     font-weight: bold;
  2848.     text-align: left;
  2849. }
  2850. .stats td.ri {
  2851.     padding-left: 20px;
  2852.     text-align: right;
  2853. }
  2854. .thumbnail {
  2855.     float: left;
  2856.     margin: 0 5px;
  2857.     overflow: hidden;
  2858.     width: 70px;
  2859. }
  2860. .stylesheet-customize-container {
  2861. }
  2862. .stylesheet-customize-container textarea {
  2863.     margin: 0;
  2864.     padding: 0;
  2865. }
  2866. .stylesheet-customize-container h2 {
  2867.     margin-bottom: 10px;
  2868.     margin-top: 15px;
  2869. }
  2870. .image-upload .new-image {
  2871.     margin-left: 20px;
  2872. }
  2873. .image-upload span {
  2874.     padding-left: 5px;
  2875. }
  2876. ul#image-preview-list {
  2877.     font-size: larger;
  2878.     margin: 20px 320px 20px 20px;
  2879. }
  2880. ul#image-preview-list li {
  2881.     float: left;
  2882.     height: 100px;
  2883.     margin-bottom: 20px;
  2884.     padding-bottom: 10px;
  2885.     position: relative;
  2886.     vertical-align: top;
  2887.     width: 45%;
  2888. }
  2889. ul#image-preview-list .preview {
  2890.     display: block;
  2891.     float: left;
  2892.     max-height: 100px;
  2893.     overflow: hidden;
  2894.     text-align: center;
  2895.     width: 100px;
  2896. }
  2897. ul#image-preview-list .preview img {
  2898.     max-width: 100px;
  2899. }
  2900. ul#image-preview-list .description {
  2901.     margin-left: 105px;
  2902.     vertical-align: top;
  2903. }
  2904. ul#image-preview-list .description pre {
  2905.     display: inline;
  2906.     padding: 5px;
  2907. }
  2908. .sheets {
  2909.     margin-right: 315px;
  2910. }
  2911. .sheets .col {
  2912.     float: left;
  2913. }
  2914. .sheets .col > div {
  2915.     margin: 0 5px;
  2916. }
  2917. .sheets .col textarea {
  2918.     width: 100%;
  2919. }
  2920. .sheets .buttons {
  2921.     margin-left: 5px;
  2922. }
  2923. .sheets .btn {
  2924.     margin-left: 0;
  2925.     margin-right: 5px;
  2926. }
  2927. .sheets .btn.right {
  2928.     float: right;
  2929.     margin-right: 3px;
  2930. }
  2931. #validation-errors {
  2932.     list-style-type: disc;
  2933.     margin-left: 40px;
  2934.     margin-top: 10px;
  2935. }
  2936. #validation-errors a, #validation-errors li, .errors h2 {
  2937.     color: red;
  2938. }
  2939. #validation-errors a:hover {
  2940.     text-decoration: underline;
  2941. }
  2942. #validation-errors pre {
  2943.     color: black;
  2944.     padding: 10px;
  2945. }
  2946. #preview-table {
  2947.     padding-right: 15px;
  2948. }
  2949. #preview-table > table {
  2950.     border-color: lightgray;
  2951.     border-style: dashed;
  2952.     border-width: 0.2em;
  2953.     margin: 5px;
  2954.     padding: 5px;
  2955.     width: 100%;
  2956. }
  2957. #preview-table > table > tbody > tr {
  2958.     padding-bottom: 10px;
  2959. }
  2960. #preview-table > table > tbody > tr > td {
  2961.     padding: 5px 15px 5px 5px;
  2962. }
  2963. #preview-table > table > tbody > tr > th {
  2964.     font-size: larger;
  2965.     font-weight: bold;
  2966.     padding: 5px 15px 5px 5px;
  2967.     text-align: right;
  2968.     vertical-align: top;
  2969. }
  2970. #img-preview-container {
  2971.     border-color: lightgray;
  2972.     border-style: dashed;
  2973.     border-width: 0.2em;
  2974.     float: left;
  2975.     margin: 5px;
  2976.     padding: 5px;
  2977. }
  2978. .private-feeds.instructions .prefright {
  2979.     line-height: 2em;
  2980. }
  2981. .private-feeds.instructions .feedlink {
  2982.     background: none no-repeat scroll left top #336699;
  2983.     border: 1px solid #0000FF;
  2984.     color: white;
  2985.     font-weight: bold;
  2986.     margin-right: 5px;
  2987.     padding: 2px 5px 2px 22px;
  2988. }
  2989. .private-feeds.instructions .feedlink.rss-link {
  2990.     background-image: url("/static/rss.png");
  2991. }
  2992. .private-feeds.instructions .feedlink.json-link {
  2993.     background-color: #DDDDDD;
  2994.     background-image: url("/static/json.png");
  2995.     color: black;
  2996. }
  2997. .socialite.instructions ul {
  2998.     margin: 10px;
  2999.     max-width: 60em;
  3000. }
  3001. .socialite.instructions ul > li {
  3002.     list-style-position: inside;
  3003.     list-style-type: disc;
  3004. }
  3005. .socialite.instructions hr {
  3006.     -moz-border-bottom-colors: none;
  3007.     -moz-border-image: none;
  3008.     -moz-border-left-colors: none;
  3009.     -moz-border-right-colors: none;
  3010.     -moz-border-top-colors: none;
  3011.     border-color: #C6C6C6 -moz-use-text-color -moz-use-text-color;
  3012.     border-style: solid none none;
  3013.     border-width: 1px medium medium;
  3014.     color: #C6C6C6;
  3015.     margin: 20px 0;
  3016.     max-width: 60em;
  3017. }
  3018. .socialite.instructions p.screenshot {
  3019.     text-align: center;
  3020. }
  3021. .socialite.instructions .logotext {
  3022.     line-height: 32px;
  3023. }
  3024. .socialite.instructions .logotext .logo {
  3025.     float: left;
  3026.     margin-right: 10px;
  3027. }
  3028. .socialite.instructions .logoclear {
  3029.     clear: left;
  3030. }
  3031. .socialite.instructions .features {
  3032.     max-width: 60em;
  3033.     padding-left: 15px;
  3034. }
  3035. .socialite .buttonclear {
  3036.     float: right;
  3037.     margin-right: 20px;
  3038.     overflow: hidden;
  3039. }
  3040. .socialite a.installbutton {
  3041.     background: url("/static/socialite/installbutton-end.png") no-repeat scroll right top transparent;
  3042.     color: #FFFFFF;
  3043.     display: block;
  3044.     float: left;
  3045.     font: bold 18px "Trebuchet MS",Helvetica,"Helvetica Neue",Arial,sans-serif;
  3046.     height: 50px;
  3047.     margin-right: 6px;
  3048.     padding-right: 48px;
  3049.     text-decoration: none;
  3050. }
  3051. .socialite a.installbutton span {
  3052.     background: url("/static/socialite/installbutton.png") no-repeat scroll 0 0 transparent;
  3053.     display: block;
  3054.     line-height: 30px;
  3055.     padding: 10px 0 10px 17px;
  3056. }
  3057. .socialite a.installbutton:hover {
  3058.     background-position: right bottom;
  3059. }
  3060. .socialite a.installbutton:hover span {
  3061.     background-position: left bottom;
  3062. }
  3063. #sr-header-area {
  3064.     background-color: black;
  3065.     border-bottom: 1px solid gray;
  3066.     font-size: 90%;
  3067.     overflow: hidden;
  3068.     padding: 3px 0 3px 5px;
  3069.     text-transform: uppercase;
  3070.     white-space: nowrap;
  3071. }
  3072. #sr-header-area .selected a {
  3073.     color: orangered;
  3074. }
  3075. .dropdown.srdrop .selected {
  3076.     background: url("/static/droparrowgray.gif") no-repeat scroll right center transparent;
  3077.     color: black;
  3078.     display: inline-block;
  3079.     font-weight: normal;
  3080.     margin-left: -5px;
  3081.     margin-right: 10px;
  3082.     padding-left: 5px;
  3083.     padding-right: 21px;
  3084.     vertical-align: bottom;
  3085. }
  3086. .srdrop .choice {
  3087.     padding-top: 3px;
  3088. }
  3089. .srdrop .choice.top-option {
  3090.     border-bottom: 1px dotted #336699;
  3091.     font-style: italic;
  3092. }
  3093. .srdrop .choice.bottom-option {
  3094.     border-top: 1px dotted #336699;
  3095.     font-style: italic;
  3096. }
  3097. .sr-bar .separator {
  3098.     color: gray;
  3099. }
  3100. .sr-bar a {
  3101.     color: white;
  3102. }
  3103. #sr-more-link {
  3104.     background-color: black;
  3105.     color: white;
  3106.     font-weight: bold;
  3107.     margin: 0;
  3108.     padding: 0 5px 0 15px;
  3109.     position: absolute;
  3110.     right: 0;
  3111.     top: 3px;
  3112. }
  3113. #sr-more-link:hover {
  3114.     text-decoration: underline;
  3115. }
  3116. .subscription-box li {
  3117.     clear: left;
  3118.     margin-bottom: 10px;
  3119. }
  3120. .subscription-box .fancy-toggle-button {
  3121.     float: left;
  3122.     margin-right: 5px;
  3123. }
  3124. .subscription-box .title {
  3125.     color: blue;
  3126.     font-size: medium;
  3127.     margin-right: 5px;
  3128. }
  3129. .subscription-box .title.banned {
  3130.     color: dimgray;
  3131.     text-decoration: line-through;
  3132. }
  3133. .subscription-box .column {
  3134.     float: left;
  3135.     width: 50%;
  3136. }
  3137. .subscription-box .box-top {
  3138.     height: 20px;
  3139.     position: relative;
  3140. }
  3141. .subscription-box .box-separator {
  3142.     border-style: none none dotted;
  3143.     border-width: 1px;
  3144.     margin-bottom: 5px;
  3145. }
  3146. .subscription-box h1 {
  3147.     text-align: center;
  3148. }
  3149. .toggle.deltranslator-button {
  3150.     display: inline;
  3151. }
  3152. #sr {
  3153.     margin-left: 0;
  3154. }
  3155. #sr-list-wrapper {
  3156.     -moz-border-bottom-colors: none;
  3157.     -moz-border-image: none;
  3158.     -moz-border-left-colors: none;
  3159.     -moz-border-right-colors: none;
  3160.     -moz-border-top-colors: none;
  3161.     border-color: -moz-use-text-color gray gray;
  3162.     border-style: none solid solid;
  3163.     border-width: medium 1px 1px;
  3164.     font-size: smaller;
  3165.     height: 200px;
  3166.     margin: 0 5px;
  3167.     position: relative;
  3168.     width: 454px;
  3169. }
  3170. #sr-list-cover {
  3171.     background: none no-repeat scroll center center gray;
  3172.     display: none;
  3173.     height: 100%;
  3174.     opacity: 0.7;
  3175.     position: absolute;
  3176.     width: 100%;
  3177.     z-index: 1000;
  3178. }
  3179. #sr-list {
  3180.     height: 100%;
  3181.     overflow: auto;
  3182.     position: absolute;
  3183.     width: 100%;
  3184. }
  3185. #sr-searchfield {
  3186.     margin: 0 5px;
  3187. }
  3188. .sr-name {
  3189.     font-size: small;
  3190.     padding: 3px 3px 3px 0;
  3191.     vertical-align: top;
  3192. }
  3193. .sr-description {
  3194.     padding: 3px;
  3195. }
  3196. .sr-row {
  3197.     cursor: default;
  3198. }
  3199. .sr-row.sr-selected {
  3200.     background: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160") no-repeat scroll -4px -334px #EFF7FF;
  3201. }
  3202. .sr-arrow {
  3203.     height: 12px;
  3204.     width: 10px;
  3205. }
  3206. #sr-autocomplete-area {
  3207.     position: relative;
  3208.     z-index: 100;
  3209. }
  3210. #sr-drop-down {
  3211.     background: none repeat scroll 0 0 white;
  3212.     border: 1px solid gray;
  3213.     display: none;
  3214.     left: 0;
  3215.     position: absolute;
  3216.     width: 498px;
  3217. }
  3218. #sr-drop-down table {
  3219.     width: 100%;
  3220. }
  3221. .sr-name-row {
  3222.     cursor: default;
  3223. }
  3224. .sr-name-row.sr-selected {
  3225.     background-color: #336699;
  3226.     color: white;
  3227. }
  3228. .submit-header {
  3229.     font-size: larger;
  3230.     font-weight: bold;
  3231. }
  3232. #suggested-reddits {
  3233.     font-size: small;
  3234.     margin-top: 5px;
  3235. }
  3236. #suggested-reddits ul {
  3237. }
  3238. #suggested-reddits li {
  3239.     display: inline;
  3240.     padding-right: 5px;
  3241. }
  3242. .formtabs-content {
  3243.     border-top: 4px solid #5F99CF;
  3244.     padding-top: 10px;
  3245.     width: 520px;
  3246. }
  3247. .formtabs-content .infobar {
  3248.     margin: 0;
  3249.     padding: 5px;
  3250. }
  3251. ul.tabmenu.formtab {
  3252.     display: block;
  3253.     font-size: larger;
  3254.     padding-left: 10px;
  3255. }
  3256. .tabmenu.formtab li {
  3257.     margin: 0;
  3258. }
  3259. .tabmenu.formtab a {
  3260.     -moz-border-bottom-colors: none;
  3261.     -moz-border-image: none;
  3262.     -moz-border-left-colors: none;
  3263.     -moz-border-right-colors: none;
  3264.     -moz-border-top-colors: none;
  3265.     border-color: #C1C1C1 #C1C1C1 -moz-use-text-color;
  3266.     border-style: solid solid none;
  3267.     border-width: 1px 1px medium;
  3268.     font-weight: normal;
  3269.     outline: medium none;
  3270.     padding: 0 12px;
  3271.     vertical-align: bottom;
  3272. }
  3273. .tabmenu.formtab .selected a {
  3274.     background-color: #5F99CF;
  3275.     border: medium none;
  3276.     color: white;
  3277.     font-size: 130%;
  3278. }
  3279. .expando {
  3280.     clear: left;
  3281.     margin: 5px 0;
  3282. }
  3283. .expando-content {
  3284.     display: none;
  3285. }
  3286. .expando-button {
  3287.     background: none no-repeat scroll center center white;
  3288.     float: left;
  3289.     height: 23px;
  3290.     margin: 2px 5px 2px 0;
  3291.     width: 23px;
  3292. }
  3293. .expando-button.selftext.collapsed {
  3294.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  3295.     background-position: -4px -352px;
  3296. }
  3297. .expando-button.selftext.collapsed:hover, .eb-sch {
  3298.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  3299.     background-position: -4px -383px;
  3300. }
  3301. .expando-button.selftext.expanded, .eb-se {
  3302.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  3303.     background-position: -4px -414px;
  3304.     margin-bottom: 5px;
  3305. }
  3306. .expando-button.selftext.expanded:hover, .eb-seh {
  3307.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  3308.     background-position: -4px -445px;
  3309. }
  3310. .expando-button.video.collapsed {
  3311.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  3312.     background-position: -4px -476px;
  3313. }
  3314. .expando-button.video.collapsed:hover, .eb-vch {
  3315.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  3316.     background-position: -4px -507px;
  3317. }
  3318. .expando-button.video.expanded, .eb-ve {
  3319.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  3320.     background-position: -4px -538px;
  3321. }
  3322. .expando-button.video.expanded:hover, .eb-veh {
  3323.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  3324.     background-position: -4px -569px;
  3325. }
  3326. .subreddit .usertext .md {
  3327.     background-color: #FAFAFA;
  3328.     border: 1px solid #CCCCCC;
  3329.     border-radius: 7px 7px 7px 7px;
  3330.     padding: 2px 5px;
  3331. }
  3332. .link .usertext .md {
  3333.     color: white;
  3334.     padding: 0 5px;
  3335. }
  3336. .usertext {
  3337.     font-size: small;
  3338.     position: relative;
  3339. }
  3340. .usertext-edit {
  3341.     margin-top: 5px;
  3342.     padding: 0 1px;
  3343.     width: 500px;
  3344. }
  3345. .usertext-edit textarea {
  3346.     height: 100px;
  3347.     width: 500px;
  3348. }
  3349. .usertext.border .usertext-body {
  3350.     background-color: #FFFFCC;
  3351.     padding-left: 5px;
  3352. }
  3353. .usertext.grayed .usertext-body {
  3354.     background-color: #F0F0F0;
  3355.     color: gray;
  3356.     display: inline-block;
  3357.     padding-left: 5px;
  3358.     padding-right: 5px;
  3359. }
  3360. .usertext button {
  3361.     margin: 5px 5px 10px 0;
  3362. }
  3363. .usertext .help-toggle {
  3364.     float: right;
  3365.     font-size: smaller;
  3366.     margin-top: 5px;
  3367. }
  3368. .usertext .bottom-area {
  3369.     overflow: hidden;
  3370.     width: 100%;
  3371. }
  3372. .usertext table.markhelp {
  3373.     background-color: white;
  3374.     margin: 5px 0;
  3375.     width: 100%;
  3376. }
  3377. .usertext .markhelp, .usertext .markhelp td, .usertext .markhelp tr {
  3378.     border: 1px solid #C0C0C0;
  3379.     margin: 0;
  3380.     padding: 4px;
  3381. }
  3382. .usertext .markhelp .spaces {
  3383.     background-color: #C0C0C0;
  3384. }
  3385. .roundfield {
  3386.     background-color: #CEE3F8;
  3387.     border-radius: 4px 4px 4px 4px;
  3388.     font-size: large;
  3389.     padding: 5px 10px 10px;
  3390.     width: 500px;
  3391. }
  3392. .roundfield .title {
  3393. }
  3394. .roundfield .roundfield-content {
  3395.     border: medium none;
  3396.     margin-top: 5px;
  3397.     vertical-align: top;
  3398. }
  3399. .roundfield .usertext-edit {
  3400.     width: 500px;
  3401. }
  3402. .roundfield textarea, .roundfield input[type="text"], .roundfield input[type="password"] {
  3403.     border: 1px solid gray;
  3404.     font-size: 100%;
  3405.     margin: 0;
  3406.     padding: 3px;
  3407.     width: 492px;
  3408. }
  3409. .roundfield.captcha .capimage {
  3410.     margin-bottom: 10px;
  3411. }
  3412. .roundfield label {
  3413.     font-size: smaller;
  3414.     padding-right: 2px;
  3415. }
  3416. .linefield {
  3417.     background-color: #CEE3F8;
  3418.     font-size: large;
  3419.     margin-bottom: 10px;
  3420.     padding: 7px 5px;
  3421.     width: 514px;
  3422. }
  3423. .linefield .title {
  3424.     color: blue;
  3425.     font-weight: bold;
  3426.     padding: 1px 10px;
  3427. }
  3428. .linefield .title + .gray {
  3429.     font-size: x-small;
  3430. }
  3431. .linefield .small-field, .linefield .delete-field {
  3432.     font-size: smaller;
  3433.     padding: 0;
  3434. }
  3435. .linefield span + span {
  3436.     margin-left: 10px;
  3437. }
  3438. .linefield .info {
  3439.     color: red;
  3440.     font-size: small;
  3441.     font-style: italic;
  3442. }
  3443. .linefield .linefield-content {
  3444.     padding: 2px 7px 5px;
  3445.     vertical-align: top;
  3446. }
  3447. .linefield.usertext .usertext-edit {
  3448.     font-size: small;
  3449. }
  3450. .linefield.usertext .edit-usertext {
  3451.     float: right;
  3452.     font-size: x-small;
  3453. }
  3454. .linefield .upload {
  3455.     font-size: small;
  3456. }
  3457. .linefield .upload label {
  3458.     font-size: small;
  3459. }
  3460. .linefield.usertext .infobar {
  3461.     width: 100%;
  3462. }
  3463. .linefield.usertext .usertext-buttons {
  3464.     display: none;
  3465. }
  3466. .linefield textarea, .linefield input[type="text"], .linefield input[type="password"] {
  3467.     border: 1px solid gray;
  3468.     font-size: 100%;
  3469.     margin: 0;
  3470.     padding: 3px;
  3471.     width: 492px;
  3472. }
  3473. .linefield select {
  3474.     margin: 0;
  3475. }
  3476. .linefield .linefield.captcha .capimage {
  3477.     margin-bottom: 10px;
  3478. }
  3479. .linefield label {
  3480.     font-size: smaller;
  3481.     padding-right: 2px;
  3482. }
  3483. .linefield span {
  3484.     font-size: smaller;
  3485. }
  3486. .linefield input.small-text[type="text"] {
  3487.     font-size: smaller;
  3488.     width: 100%;
  3489. }
  3490. .campaign {
  3491.     background-color: #EFF7FF;
  3492.     border: 1px solid #336699;
  3493.     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(255, 255, 255, 0.6);
  3494.     padding: 5px;
  3495. }
  3496. .campaign .status {
  3497.     font-size: x-small;
  3498. }
  3499. .existing-campaigns > table {
  3500.     border: medium none;
  3501.     font-size: x-small;
  3502.     margin: 0;
  3503.     width: 100%;
  3504. }
  3505. .existing-campaigns td.bid {
  3506.     background: none no-repeat scroll right center transparent;
  3507.     padding-right: 15px;
  3508. }
  3509. .existing-campaigns td.bid.paid {
  3510.     background-image: url("/static/green-check.png");
  3511. }
  3512. .existing-campaigns td.bid .info {
  3513.     margin-right: 3px;
  3514. }
  3515. .prefright p.minimum-spend {
  3516.     color: gray;
  3517.     font-size: small;
  3518.     padding-left: 1em;
  3519. }
  3520. .prefright p.minimum-spend.error {
  3521.     color: red;
  3522.     font-weight: bold;
  3523. }
  3524. .existing-campaigns > table > tbody > tr > td {
  3525.     border: 1px solid #336699;
  3526.     padding: 1px 5px;
  3527.     text-align: right;
  3528. }
  3529. .existing-campaigns > table > tbody > tr#edit-campaign-tr > td {
  3530.     text-align: left;
  3531. }
  3532. .existing-campaigns > table > tbody > tr > th {
  3533.     -moz-border-bottom-colors: none;
  3534.     -moz-border-image: none;
  3535.     -moz-border-left-colors: none;
  3536.     -moz-border-right-colors: none;
  3537.     -moz-border-top-colors: none;
  3538.     border-color: #336699;
  3539.     border-style: solid;
  3540.     border-width: 0 1px 1px;
  3541.     font-weight: bold;
  3542.     padding: 1px 5px;
  3543.     text-align: center;
  3544. }
  3545. .existing-campaigns > table > tbody > tr > th:first-child, .existing-campaigns > table > tbody > tr > td:first-child {
  3546.     border-left: medium none;
  3547. }
  3548. .existing-campaigns > table > tbody > tr > th:last-child, .existing-campaigns > table > tbody > tr > td:last-child {
  3549.     border-right: medium none;
  3550. }
  3551. .existing-campaigns > table > tbody > tr:last-child > th, .existing-campaigns > table > tbody > tr:last-child > td {
  3552.     border-bottom: medium none;
  3553. }
  3554. .targeting > ul {
  3555.     font-size: x-small;
  3556.     list-style-type: disc;
  3557.     margin: 0 20px 10px;
  3558. }
  3559. .existing-campaigns td > button {
  3560.     margin: 0 5px 0 0;
  3561. }
  3562. .campaign .bid-info {
  3563.     font-size: x-small;
  3564. }
  3565. .campaign .bid-info.error {
  3566.     color: red;
  3567. }
  3568. .campaign .buttons {
  3569.     float: right;
  3570. }
  3571. .campaign td.prefright {
  3572.     padding: 4px;
  3573. }
  3574. .campaign #bid {
  3575.     text-align: right;
  3576. }
  3577. .campaign .targeting {
  3578.     margin-left: 25px;
  3579. }
  3580. .campaign .targeting input {
  3581.     border-radius: 7px 7px 7px 7px;
  3582.     width: 95%;
  3583. }
  3584. .campaign #suggested-reddits ul {
  3585.     margin: 0 20px 10px 0;
  3586. }
  3587. .campaign th {
  3588.     font-size: small;
  3589.     padding: 8px 4px 4px;
  3590. }
  3591. .linefield .campaign input[type="text"] {
  3592.     font-size: x-small;
  3593. }
  3594. .linefield-content .infotext {
  3595.     margin-top: 5px;
  3596. }
  3597. .linefield-content .infotext p {
  3598.     margin: 5px;
  3599. }
  3600. .traffic-table {
  3601.     margin: 10px 20px;
  3602. }
  3603. .traffic-table a:hover {
  3604.     text-decoration: underline;
  3605. }
  3606. .traffic-table th {
  3607.     font-weight: bold;
  3608.     text-align: center;
  3609. }
  3610. .traffic-table th, .traffic-table td {
  3611.     padding: 0 5px;
  3612. }
  3613. .traffic-table td {
  3614.     text-align: right;
  3615. }
  3616. .traffic-table td.up {
  3617.     color: #FF8B60;
  3618. }
  3619. .traffic-table td.down {
  3620.     color: #336699;
  3621. }
  3622. .traffic-table td.gray {
  3623.     color: gray;
  3624.     font-style: italic;
  3625. }
  3626. .traffic-table tr.max {
  3627.     border: 2px solid #FF8B60;
  3628. }
  3629. .traffic-table tr.min {
  3630.     border: 2px solid #336699;
  3631. }
  3632. .traffic-table tr.odd {
  3633.     background-color: #E0E0E0;
  3634. }
  3635. .traffic-table tr.mean {
  3636.     border-top: 1px solid;
  3637.     font-style: italic;
  3638. }
  3639. .traffic-table .prelim {
  3640.     font-style: italic;
  3641. }
  3642. .traffic-table .totals {
  3643.     border-top: 1px solid black;
  3644.     font-style: italic;
  3645. }
  3646. .traffic-graph {
  3647.     border: 1px solid #B0B0B0;
  3648.     display: inline-block;
  3649.     margin-bottom: 10px;
  3650.     margin-left: 10px;
  3651.     padding: 10px;
  3652. }
  3653. .traffic-graph .title {
  3654.     text-align: center;
  3655. }
  3656. .promoted-traffic h1 {
  3657.     border: medium none;
  3658.     margin-bottom: 10px;
  3659. }
  3660. .promoted-traffic .usertable {
  3661.     margin-left: 0;
  3662. }
  3663. .promoted-traffic h1 a {
  3664.     font-size: small;
  3665.     margin-left: 10px;
  3666. }
  3667. .award-square-container {
  3668.     max-width: 1000px;
  3669.     overflow: hidden;
  3670. }
  3671. .award-square {
  3672.     float: left;
  3673.     padding: 10px 0 30px 40px;
  3674.     white-space: nowrap;
  3675.     width: 300px;
  3676. }
  3677. .award-square.mini {
  3678.     text-align: center;
  3679.     white-space: normal;
  3680.     width: 100px;
  3681. }
  3682. .award-square img {
  3683.     float: left;
  3684.     height: 70px;
  3685.     margin: 0 10px;
  3686.     width: 70px;
  3687. }
  3688. .award-square.mini img {
  3689.     float: none;
  3690.     margin-bottom: 7px;
  3691. }
  3692. .award-square .award-name {
  3693.     color: black;
  3694.     font-family: verdana,arial,helvetica,sans-serif;
  3695.     font-size: 22px;
  3696.     font-weight: bold;
  3697.     line-height: 1em;
  3698. }
  3699. .award-square.mini .award-name {
  3700.     display: block;
  3701.     font-size: 18px;
  3702.     min-height: 36px;
  3703. }
  3704. .award-square .winner-info {
  3705.     color: gray;
  3706.     line-height: 15px;
  3707.     margin-top: 15px;
  3708. }
  3709. .award-square .winner-name {
  3710.     color: #336699;
  3711.     font-size: 18px;
  3712. }
  3713. .lined-table {
  3714.     margin: 5px;
  3715. }
  3716. table.lined-table {
  3717.     margin: 5px 3px;
  3718. }
  3719. .lined-table th, .lined-table td {
  3720.     border: 1px solid #CDCDCD;
  3721.     padding: 3px;
  3722. }
  3723. .lined-table th {
  3724.     font-weight: bold;
  3725.     text-align: center;
  3726. }
  3727. .sponsorshipbox {
  3728.     max-width: 300px;
  3729. }
  3730. .sponsorshipbox span {
  3731.     color: gray;
  3732. }
  3733. .sponsorshipbox div {
  3734.     border: 1px solid #D0D0D0;
  3735.     width: 300px;
  3736. }
  3737. .sponsorshipbox .promote-pixel {
  3738.     right: 0;
  3739. }
  3740. .sidecontentbox a.helplink {
  3741.     float: right;
  3742.     margin-top: 4px;
  3743. }
  3744. .trophy-table {
  3745.     width: 100%;
  3746. }
  3747. .trophy-area .content {
  3748.     background-color: #F5F5F5;
  3749. }
  3750. .trophy-info {
  3751.     text-align: center;
  3752.     vertical-align: top;
  3753. }
  3754. .trophy-info div {
  3755.     margin-left: auto;
  3756.     margin-right: auto;
  3757.     padding: 15px 0;
  3758.     vertical-align: top;
  3759.     width: 130px;
  3760. }
  3761. .trophy-icon {
  3762.     height: 40px;
  3763.     margin-bottom: 2px;
  3764.     width: 40px;
  3765. }
  3766. .trophy-info.left {
  3767.     margin-right: 10px;
  3768. }
  3769. .trophy-info.right {
  3770. }
  3771. .trophy-name {
  3772.     color: black !important;
  3773. }
  3774. .trophy-description {
  3775.     color: #555555;
  3776.     font-size: x-small;
  3777. }
  3778. .dust {
  3779.     color: #D0D0D0;
  3780.     margin: 45px auto;
  3781.     text-align: center;
  3782. }
  3783. .removecup-button {
  3784.     display: inline;
  3785. }
  3786. .cup-info-box {
  3787.     border: 2px dashed #EEAA33;
  3788.     padding: 5px;
  3789. }
  3790. .cup-info-box tt {
  3791.     background-color: #F5F5AA;
  3792. }
  3793. .datepicker {
  3794.     border-radius: 6px 6px 6px 6px;
  3795.     box-shadow: 0 4px 6px 3px rgba(0, 0, 0, 0.2), 0 1px 0 0 rgba(255, 255, 255, 0.9) inset;
  3796.     display: none;
  3797.     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  3798.     z-index: 1000;
  3799. }
  3800. .datepicker:before {
  3801.     -moz-border-bottom-colors: none;
  3802.     -moz-border-image: none;
  3803.     -moz-border-left-colors: none;
  3804.     -moz-border-right-colors: none;
  3805.     -moz-border-top-colors: none;
  3806.     border-color: transparent transparent #336699;
  3807.     border-style: solid;
  3808.     border-width: 10px;
  3809.     content: " ";
  3810.     display: block;
  3811.     height: 0;
  3812.     left: 17px;
  3813.     position: absolute;
  3814.     top: -20px;
  3815.     width: 0;
  3816. }
  3817. .datepicker:after {
  3818.     -moz-border-bottom-colors: none;
  3819.     -moz-border-image: none;
  3820.     -moz-border-left-colors: none;
  3821.     -moz-border-right-colors: none;
  3822.     -moz-border-top-colors: none;
  3823.     border-color: transparent transparent #E5F2FF;
  3824.     border-style: solid;
  3825.     border-width: 10px;
  3826.     content: " ";
  3827.     display: block;
  3828.     height: 0;
  3829.     left: 17px;
  3830.     position: absolute;
  3831.     top: -18px;
  3832.     width: 0;
  3833. }
  3834. .datepicker.inuse {
  3835.     display: block;
  3836. }
  3837. .ui-datepicker-inline {
  3838.     font-size: x-small;
  3839.     padding: 5px;
  3840. }
  3841. .ui-corner-all {
  3842.     border-radius: 6px 6px 6px 6px;
  3843. }
  3844. .ui-datepicker-header {
  3845.     background: -moz-linear-gradient(center top , #D3E2F2, #ACC9E6) repeat scroll 0 0 #ADC9E6;
  3846.     border: 1px solid #5E96CF;
  3847.     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  3848.     color: #2E6399;
  3849.     font-size: 1.3em;
  3850.     font-weight: bold;
  3851.     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  3852. }
  3853. .ui-datepicker-inline .ui-datepicker-prev {
  3854.     float: left;
  3855. }
  3856. .ui-datepicker-inline .ui-datepicker-next {
  3857.     float: right;
  3858. }
  3859. .ui-datepicker-inline .ui-datepicker-prev span, .ui-datepicker-inline .ui-datepicker-next span {
  3860.     display: block;
  3861.     font-size: 1.5em;
  3862.     margin-bottom: 1px;
  3863.     margin-right: 1px;
  3864.     text-align: center;
  3865. }
  3866. .ui-datepicker-inline .ui-datepicker-prev:active, .ui-datepicker-inline .ui-datepicker-next:active {
  3867.     color: white;
  3868. }
  3869. .ui-datepicker-inline .ui-datepicker-prev.ui-state-disabled, .ui-datepicker-inline .ui-datepicker-next.ui-state-disabled {
  3870.     display: none;
  3871. }
  3872. .ui-datepicker-inline .ui-datepicker-prev, .ui-datepicker-inline .ui-datepicker-next {
  3873.     cursor: pointer;
  3874.     display: block;
  3875.     padding: 0 5px;
  3876. }
  3877. .ui-datepicker-year {
  3878. }
  3879. .ui-datepicker-inline .ui-datepicker-title {
  3880.     margin: 0 2em;
  3881.     padding: 5px;
  3882.     text-align: center;
  3883. }
  3884. .ui-datepicker-inline table {
  3885.     border: 1px solid #5D96CE;
  3886.     clear: right;
  3887.     margin-top: 5px;
  3888. }
  3889. .ui-datepicker-inline .ui-datepicker-calendar th, .ui-datepicker-inline .ui-datepicker-calendar td {
  3890.     border: 1px solid #5E96CF;
  3891.     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset;
  3892.     padding: 0;
  3893. }
  3894. .ui-datepicker-calendar th {
  3895.     font-size: 1.1em;
  3896. }
  3897. .ui-datepicker-inline .ui-datepicker-calendar th span, .ui-datepicker-inline .ui-datepicker-calendar td span, .ui-datepicker-inline .ui-datepicker-calendar td a {
  3898.     background-color: #C8DBEF;
  3899.     border: 0 none;
  3900.     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset;
  3901.     color: black;
  3902.     display: block;
  3903.     font-size: 1.5em;
  3904.     font-weight: bold;
  3905.     height: 2em;
  3906.     margin: auto;
  3907.     padding: 3px;
  3908.     text-align: center;
  3909.     vertical-align: middle;
  3910.     width: 30px;
  3911. }
  3912. .ui-datepicker-inline .ui-datepicker-calendar th span {
  3913.     border: medium none;
  3914.     text-align: center;
  3915. }
  3916. .ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today span, .ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-active {
  3917.     background: -moz-linear-gradient(center top , #75A5D5, #3472B0) repeat scroll 0 0 #4F8AC9;
  3918.     box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6) inset;
  3919.     color: white;
  3920.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  3921. }
  3922. .ui-datepicker-inline .ui-datepicker-calendar td span {
  3923.     color: #888888;
  3924. }
  3925. .ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-hover {
  3926.     background: none repeat scroll 0 0 #6BB3FF;
  3927.     color: white;
  3928.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
  3929. }
  3930. .ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-active {
  3931.     background: -moz-linear-gradient(center top , #E19C9C, #CA4E4E) repeat scroll 0 0 #E19D9D;
  3932. }
  3933. .date-input {
  3934.     display: inline;
  3935.     position: relative;
  3936. }
  3937. .date-input input {
  3938.     border: 1px solid #888888;
  3939.     margin: 0 2px;
  3940.     padding: 2px;
  3941.     text-align: center;
  3942. }
  3943. .date-input .drop-choices {
  3944.     background-color: #E5F2FF;
  3945.     border: 1px solid #336699;
  3946.     margin: 10px 3px;
  3947.     position: absolute;
  3948. }
  3949. .payment-setup input[name="bid"] {
  3950.     text-align: right;
  3951.     width: 6em;
  3952. }
  3953. .payment-setup form {
  3954.     margin: 20px;
  3955. }
  3956. .payment-setup p {
  3957.     margin-bottom: 10px;
  3958. }
  3959. .pay-form textarea[disabled] {
  3960.     font-size: smaller;
  3961.     padding: 0;
  3962. }
  3963. .pay-form [disabled], .pay-form input[disabled] {
  3964.     background-color: white;
  3965.     border: medium none;
  3966.     color: black;
  3967.     font-weight: bold;
  3968. }
  3969. .bid-table {
  3970.     margin: 5px 10px;
  3971. }
  3972. .bid-table td, .bid-table th {
  3973.     padding: 2px 5px;
  3974.     text-align: right;
  3975. }
  3976. .bid-table th {
  3977.     font-weight: bold;
  3978.     text-align: center;
  3979. }
  3980. .create-promotion .help {
  3981.     font-size: x-small;
  3982. }
  3983. .create-promotion .help p {
  3984.     margin: 5px;
  3985. }
  3986. .create-promotion .help a.help {
  3987.     color: orangered;
  3988.     float: right;
  3989.     font-weight: bold;
  3990.     text-decoration: none;
  3991. }
  3992. .create-promo {
  3993.     float: left;
  3994.     margin-right: 20px;
  3995.     width: 520px;
  3996. }
  3997. .create-promo .infobar {
  3998.     background: none repeat scroll 0 0 transparent;
  3999.     border-color: red;
  4000.     color: black;
  4001.     margin-right: 0;
  4002.     width: 100%;
  4003. }
  4004. .create-promo h2 {
  4005.     color: black;
  4006.     margin-top: 10px;
  4007. }
  4008. .create-promo ol {
  4009.     margin: 0 30px 10px;
  4010. }
  4011. .create-promo ol > li {
  4012.     list-style-type: disc;
  4013. }
  4014. .create-promo .rules {
  4015.     float: left;
  4016.     margin-left: 15px;
  4017. }
  4018. .fancy-settings h1, .create-promotion h1 {
  4019.     color: #999999;
  4020.     font-size: 200%;
  4021.     margin: 10px 5px;
  4022. }
  4023. .fancy-settings h2 {
  4024.     color: #999999;
  4025.     font-size: 200%;
  4026.     font-weight: normal;
  4027.     margin: 10px 5px;
  4028. }
  4029. .fancy-settings h1 strong {
  4030.     color: #666666;
  4031.     font-weight: bold;
  4032. }
  4033. .create-promotion .sitetable {
  4034.     margin: 5px;
  4035. }
  4036. .create-promotion .infobar {
  4037.     background-color: #FBD8D8;
  4038.     margin-bottom: 10px;
  4039.     margin-left: 12px;
  4040.     width: 479px;
  4041. }
  4042. .create-promotion .create-promo .save-button {
  4043.     float: right;
  4044.     margin-right: 3px;
  4045. }
  4046. .create-promotion .create-promo .save-button button {
  4047.     margin-top: 0;
  4048. }
  4049. .bidding-history {
  4050.     padding-top: 10px;
  4051. }
  4052. .bidding-history .linefield {
  4053.     border-left: 1px dashed #DDDDDD;
  4054.     overflow: hidden;
  4055.     padding-left: 10px;
  4056.     width: auto;
  4057. }
  4058. .bidding-history .linefield .bid-table, .bidding-history .linefield .notes {
  4059.     font-size: x-small;
  4060. }
  4061. .bidding-history .linefield .notes {
  4062.     margin-top: 10px;
  4063. }
  4064. .bidding-history .linefield .notes p {
  4065.     font-family: courier;
  4066.     margin-bottom: 2px;
  4067.     padding-left: 20px;
  4068.     text-indent: -20px;
  4069. }
  4070. .bidding-history table.bidding-history tr:hover {
  4071.     background-color: #AAAAAA;
  4072. }
  4073. .bidding-history table.bidding-history th, .bidding-history table.bidding-history td {
  4074.     font-size: x-small;
  4075.     padding: 2px 5px;
  4076.     text-align: right;
  4077. }
  4078. .bidding-history table.bidding-history th {
  4079.     font-weight: bold;
  4080. }
  4081. .bidding-history div.graph {
  4082.     background-color: #336699;
  4083.     height: 8px;
  4084. }
  4085. .pay-form tr.input-error th {
  4086.     color: red;
  4087.     font-style: italic;
  4088.     font-weight: bold;
  4089. }
  4090. .pay-form th {
  4091.     padding: 0;
  4092. }
  4093. .pay-form tr.input-error input, .pay-form tr.input-error textarea, .pay-form tr.input-error select {
  4094.     border: 1px solid red;
  4095. }
  4096. .pay-form input[name="expirationDate"], .pay-form input[name="cardCode"] {
  4097.     width: 10ex;
  4098. }
  4099. .pay-form .optional {
  4100.     font-size: smaller;
  4101. }
  4102. .pay-form .disabled .optional {
  4103.     display: none;
  4104. }
  4105. .pay-form p.info {
  4106.     color: red;
  4107. }
  4108. .pay-link {
  4109.     font-size: smaller;
  4110.     margin-left: 10px;
  4111. }
  4112. dt {
  4113.     font-weight: bold;
  4114.     margin-left: 10px;
  4115. }
  4116. dd {
  4117.     margin-left: 20px;
  4118. }
  4119. .calendar {
  4120.     margin: 20px 0;
  4121.     overflow: hidden;
  4122.     padding-bottom: 100px;
  4123.     padding-top: 120px;
  4124.     position: relative;
  4125.     white-space: nowrap;
  4126.     width: 100%;
  4127. }
  4128. .calendar div.grid {
  4129.     bottom: 0;
  4130.     position: absolute;
  4131.     top: 0;
  4132. }
  4133. .calendar div.grid.today {
  4134.     background-color: yellow;
  4135. }
  4136. .calendar div.grid div.header {
  4137.     border-bottom: 2px solid gray;
  4138.     font-weight: bold;
  4139.     text-align: center;
  4140. }
  4141. .calendar div.grid + div.grid {
  4142.     border-left: 1px dashed gray;
  4143. }
  4144. .calendar .blob {
  4145.     cursor: pointer;
  4146.     float: left;
  4147.     margin: 0;
  4148.     padding: 0;
  4149.     z-index: 10;
  4150. }
  4151. .calendar .blob.link:hover {
  4152.     border: 1px solid red;
  4153.     box-shadow: 2px 2px 2px #000000;
  4154.     z-index: 100;
  4155. }
  4156. .calendar .blob .bid {
  4157.     font-weight: bold;
  4158.     padding: 5px 5px 0;
  4159.     text-align: right;
  4160. }
  4161. .calendar .blob.link {
  4162.     border: 1px solid black;
  4163.     margin: -1px -2px 0;
  4164. }
  4165. .calendar .blob.link .title {
  4166.     display: block;
  4167.     font-size: small;
  4168.     padding: 0 5px 5px;
  4169. }
  4170. .borderless td {
  4171.     border: medium none;
  4172. }
  4173. .titlebox {
  4174.     font-size: larger;
  4175. }
  4176. .titlebox h1 {
  4177.     font-family: arial,verdana,helvetica,sans-serif;
  4178.     font-size: 19px;
  4179.     font-weight: bold;
  4180.     margin: 0 0 5px;
  4181. }
  4182. .titlebox h1 a {
  4183.     color: black;
  4184. }
  4185. .titlebox .karma {
  4186.     font-size: 18px;
  4187.     font-weight: bold;
  4188. }
  4189. .titlebox .fancy-toggle-button {
  4190.     display: inline-block;
  4191.     margin-right: 5px;
  4192. }
  4193. .titlebox .bottom {
  4194.     border-top: 1px solid gray;
  4195.     color: gray;
  4196.     font-size: 80%;
  4197.     padding-top: 2px;
  4198. }
  4199. .titlebox .age {
  4200.     float: right;
  4201. }
  4202. .titlebox .md {
  4203.     font-size: 90%;
  4204. }
  4205. .titlebox .account-notes {
  4206.     font-size: small;
  4207.     font-weight: normal;
  4208.     margin-left: 5px;
  4209. }
  4210. .titlebox .account-notes .unusual {
  4211.     background-color: #FFDDDD;
  4212.     border: 1px solid red;
  4213.     margin-left: 5px;
  4214.     padding: 1px 2px 2px;
  4215. }
  4216. .sidecontentbox {
  4217. }
  4218. .sidecontentbox .content {
  4219.     font-size: larger;
  4220.     list-style: none outside none;
  4221.     margin: 0;
  4222.     padding: 5px;
  4223. }
  4224. .sidecontentbox .more {
  4225.     font-size: smaller;
  4226.     margin-top: 5px;
  4227.     text-align: right;
  4228. }
  4229. .sidecontentbox .more a {
  4230.     color: gray;
  4231. }
  4232. .sidecontentbox h1 {
  4233.     font-size: 130%;
  4234.     margin: 0;
  4235.     text-transform: uppercase;
  4236. }
  4237. .titlebox form.toggle {
  4238.     background: none no-repeat scroll left center white;
  4239.     color: gray;
  4240.     font-size: smaller;
  4241.     margin: 0;
  4242.     padding: 5px 0 5px 20px;
  4243. }
  4244. .titlebox form.leavemoderator-button {
  4245.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  4246.     background-position: -4px -600px;
  4247. }
  4248. .titlebox form.leavecontributor-button {
  4249.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  4250.     background-position: -4px -624px;
  4251. }
  4252. .titlebox form.flairtoggle {
  4253.     padding: 0;
  4254. }
  4255. .titlebox .tagline {
  4256.     margin: 5px 0 5px 20px;
  4257. }
  4258. .icon-menu a {
  4259.     background: none no-repeat scroll left center white;
  4260.     padding-left: 20px;
  4261. }
  4262. .icon-menu li {
  4263.     margin: 5px 0;
  4264. }
  4265. .icon-menu .reddit-edit {
  4266.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  4267.     background-position: -4px -648px;
  4268. }
  4269. .icon-menu .reddit-traffic {
  4270.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  4271.     background-position: -4px -672px;
  4272. }
  4273. .icon-menu .reddit-reported {
  4274.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  4275.     background-position: -4px -696px;
  4276. }
  4277. .icon-menu .reddit-spam {
  4278.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  4279.     background-position: -4px -720px;
  4280. }
  4281. .icon-menu .reddit-ban {
  4282.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  4283.     background-position: -4px -744px;
  4284. }
  4285. .icon-menu .reddit-flair {
  4286.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  4287.     background-position: -4px -768px;
  4288.     margin-left: 1px;
  4289.     padding-left: 19px;
  4290. }
  4291. .icon-menu .reddit-moderators {
  4292.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  4293.     background-position: -4px -600px;
  4294. }
  4295. .icon-menu .moderator-mail {
  4296.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  4297.     background-position: -4px -792px;
  4298. }
  4299. .icon-menu .reddit-contributors {
  4300.     background-image: url("/static/sprite-main.png?v=6959e2af668c5d59983412481eb79160");
  4301.     background-position: -4px -624px;
  4302. }
  4303. .linkinfo {
  4304.     border-radius: 3px 3px 3px 3px;
  4305.     font-family: arial,helvetica,sans-serif;
  4306.     font-size: larger;
  4307.     padding: 5px;
  4308. }
  4309. .linkinfo .score .number {
  4310.     font-size: 22px;
  4311.     font-weight: bold;
  4312. }
  4313. .linkinfo .score .word {
  4314.     font-size: 15px;
  4315.     font-weight: bold;
  4316. }
  4317. .linkinfo .upvotes {
  4318.     color: orangered;
  4319.     font-size: 80%;
  4320. }
  4321. .linkinfo .downvotes {
  4322.     color: #5F99CF;
  4323.     font-size: 80%;
  4324. }
  4325. .linkinfo .shortlink {
  4326.     font-size: 80%;
  4327.     margin-top: 3px;
  4328. }
  4329. .linkinfo .shortlink input {
  4330.     font-family: monospace;
  4331.     font-size: 140%;
  4332.     padding: 3px 2px;
  4333.     width: 175px;
  4334. }
  4335. .linkinfo .shortlink input:hover {
  4336.     cursor: text;
  4337. }
  4338. .linkinfo table {
  4339.     margin-top: 5px;
  4340. }
  4341. .linkinfo td, .linkinfo th {
  4342.     border: 1px solid gray;
  4343.     font-size: smaller;
  4344.     padding: 2px;
  4345. }
  4346. a.adminbox {
  4347.     border: 1px solid #EEEEEE;
  4348.     color: #CDCDCD;
  4349.     font-family: monospace;
  4350.     padding-right: 1px;
  4351.     text-align: center;
  4352. }
  4353. a.adminbox:hover {
  4354.     border: 1px solid orangered;
  4355.     color: orangered;
  4356.     text-decoration: none;
  4357. }
  4358. .email {
  4359.     font-family: monospace;
  4360.     font-size: larger;
  4361. }
  4362. .lined-table, .lined-table th, .lined-table td {
  4363.     border: 1px solid #CDCDCD;
  4364.     border-collapse: collapse;
  4365.     margin-bottom: 10px;
  4366.     padding: 2px;
  4367. }
  4368. .lined-table th {
  4369.     font-weight: bold;
  4370. }
  4371. .wide {
  4372.     width: 100%;
  4373. }
  4374. .centered {
  4375.     text-align: center;
  4376.     vertical-align: middle;
  4377. }
  4378. .sr-ad-table .inherited {
  4379.     background-color: #DDEEFF;
  4380. }
  4381. .sr-ad-table .overridden {
  4382.     background-color: #FFEEDD;
  4383. }
  4384. .sr-ad-table .unused {
  4385.     background-color: #EEEEEE;
  4386. }
  4387. .sr-ad-table .inherited .whence {
  4388.     font-style: italic;
  4389. }
  4390. .sr-ad-table .overridden .whence {
  4391.     font-weight: bold;
  4392. }
  4393. .sr-ad-table .details {
  4394.     font-size: 150%;
  4395.     padding: 10px;
  4396.     vertical-align: top;
  4397. }
  4398. .sr-ad-table .details div {
  4399. }
  4400. .sr-ad-table .details .codename {
  4401.     font-size: 150%;
  4402.     margin-bottom: 20px;
  4403. }
  4404. .sr-ad-table .weight {
  4405.     width: 4em;
  4406. }
  4407. .ad-assign-table .warning {
  4408.     color: red;
  4409.     font-weight: bold;
  4410. }
  4411. .usage-table .intersection {
  4412.     border-left: medium none;
  4413.     border-right: medium none;
  4414.     color: #888888;
  4415.     font-family: monospace;
  4416.     text-align: right;
  4417. }
  4418. .usage-table .intersection span {
  4419.     padding: 1px 3px 0 2px;
  4420. }
  4421. .usage-table .empty.intersection {
  4422.     color: #CCCCCC;
  4423.     text-align: center;
  4424. }
  4425. .usage-table .elapsed.intersection {
  4426.     color: black;
  4427. }
  4428. .usage-table .count.intersection {
  4429.     color: black;
  4430. }
  4431. .usage-table .average.intersection {
  4432.     border-right: 1px solid #CDCDCD;
  4433.     color: black;
  4434. }
  4435. .usage-table .empty.intersection, .usage-table .average.intersection {
  4436.     border-right: 1px solid #CDCDCD;
  4437.     margin-left: 0;
  4438.     padding-left: 0;
  4439.     padding-right: 5px;
  4440. }
  4441. a.pretty-button:hover {
  4442.     text-decoration: none !important;
  4443. }
  4444. .pretty-button {
  4445.     background: none repeat-x scroll left center white;
  4446.     border: 1px solid #666666;
  4447.     border-radius: 3px 3px 3px 3px;
  4448.     color: #111111;
  4449.     font-size: 10px;
  4450.     font-weight: normal;
  4451.     line-height: 20px;
  4452.     margin-bottom: 5px;
  4453.     margin-left: 5px;
  4454.     outline-style: none;
  4455.     padding: 1px 6px;
  4456. }
  4457. a.pretty-button.negative {
  4458.     background-image: url("/static/bg-button-negative-unpressed.png");
  4459.     color: black;
  4460. }
  4461. a.pretty-button.negative.pressed {
  4462.     background-image: url("/static/bg-button-negative-pressed.png");
  4463.     color: white;
  4464. }
  4465. a.pretty-button.positive {
  4466.     background-image: url("/static/bg-button-positive-unpressed.png");
  4467.     color: black;
  4468. }
  4469. a.pretty-button.positive.pressed {
  4470.     background-image: url("/static/bg-button-positive-pressed.png");
  4471.     color: white;
  4472. }
  4473. .organic-listing .ontrial, .help-cover.juryduty {
  4474.     background-color: #FFECF8;
  4475. }
  4476. .organic-listing .ontrial a.title {
  4477.     color: #555555;
  4478. }
  4479. .organic-listing .ontrial .midcol {
  4480.     margin-top: 20px;
  4481. }
  4482. .we-need-help {
  4483.     font-size: larger;
  4484.     font-weight: bold;
  4485.     line-height: 18px;
  4486. }
  4487. .organic-listing .how-to-classify {
  4488.     font-weight: bold;
  4489. }
  4490. .jury-box .arrow-msg {
  4491.     color: red;
  4492.     display: none;
  4493.     margin-top: 5px;
  4494. }
  4495. .jury-box .thanks-for-voting {
  4496.     color: red;
  4497.     display: none;
  4498.     margin-left: 1em;
  4499. }
  4500. .jury-box .thanks-for-voting a {
  4501.     margin-left: 1em;
  4502. }
  4503. .sitetable .linkontrial {
  4504.     padding-top: 5px;
  4505. }
  4506. .sitetable .we-need-help {
  4507.     display: none;
  4508. }
  4509. .oatmeal img {
  4510.     display: block;
  4511.     margin: 5px auto;
  4512. }
  4513. .lounge {
  4514.     display: none;
  4515. }
  4516. .lounge p {
  4517.     margin-top: 5px;
  4518. }
  4519. .gold-accent {
  4520.     background-color: #FFFDCC;
  4521.     border: 1px solid #E1B000;
  4522.     color: #9A7D2E;
  4523.     display: inline-block;
  4524.     margin-top: 10px;
  4525.     padding: 0 10px 5px;
  4526. }
  4527. tr.gold-accent {
  4528.     border-radius: 3px 3px 3px 3px;
  4529.     display: table-row;
  4530. }
  4531. tr.gold-accent + tr > td {
  4532.     padding-top: 10px;
  4533. }
  4534. .friend-note button[type="submit"] {
  4535.     display: none;
  4536.     font-size: x-small;
  4537.     margin: 0 0 0 5px;
  4538.     padding-bottom: 1px;
  4539.     padding-top: 1px;
  4540.     width: 45px;
  4541. }
  4542. .friend-note.edited button[type="submit"] {
  4543.     display: inline-block;
  4544. }
  4545. .friend-note.edited input[type="text"] {
  4546.     margin-right: 0;
  4547.     width: 250px;
  4548. }
  4549. .gold-accent h1, .gold-accent th {
  4550.     color: #6A4D00;
  4551.     font-family: "Hoefler Text","Palatino Linotype","Book Antiqua",Palatino,georgia,garamond,FreeSerif,serif;
  4552.     font-variant: small-caps;
  4553. }
  4554. .gold-accent .pretty-form input[type="text"] {
  4555.     margin-bottom: 2px;
  4556.     margin-left: 0;
  4557.     margin-top: 1px;
  4558. }
  4559. .gold-accent .pretty-form input#name[type="text"] {
  4560.     border-radius: 3px 3px 3px 3px;
  4561. }
  4562. .gold-accent .pretty-form button {
  4563.     background-color: #FFF088;
  4564.     border: 1px solid #9A7D2E;
  4565.     border-radius: 3px 3px 3px 3px;
  4566.     color: #6A4D00;
  4567. }
  4568. .gold-expiration-info {
  4569.     margin: 3px 0 5px;
  4570. }
  4571. .gold-expiration-info .karma {
  4572.     color: #583800;
  4573. }
  4574. .giftgold {
  4575.     margin-bottom: 5px;
  4576. }
  4577. .giftgold a {
  4578.     background-image: url("/static/giftgold.png");
  4579.     background-repeat: no-repeat;
  4580.     color: #9A7D2E;
  4581.     font-weight: bold;
  4582.     padding-left: 20px;
  4583. }
  4584. .tiny {
  4585.     font-size: xx-small;
  4586. }
  4587. .gold-accent.comment-visits-box {
  4588.     color: #583800;
  4589.     margin: 0 5px 15px;
  4590.     max-width: 550px;
  4591.     padding: 7px 10px 7px 7px;
  4592. }
  4593. .gold-form {
  4594.     font-family: "Hoefler Text","Palatino Linotype","Book Antiqua",Palatino,georgia,garamond,FreeSerif,serif;
  4595.     line-height: 22px;
  4596.     min-height: 600px;
  4597. }
  4598. .gold-form .roundfield {
  4599.     background-color: #FFFDCC;
  4600.     border: 1px solid #E1B000;
  4601.     color: #6A4D00;
  4602. }
  4603. .gold-form .roundfield-content .gray a {
  4604.     font-size: small;
  4605.     margin-left: 0.8em;
  4606. }
  4607. .gold-form .note {
  4608.     color: #222222;
  4609.     font-size: 11px;
  4610.     font-style: italic;
  4611.     margin-top: 7px;
  4612. }
  4613. .gold-form .spacer {
  4614.     margin-top: 20px !important;
  4615. }
  4616. .gold-subsection {
  4617.     display: none;
  4618.     position: absolute;
  4619. }
  4620. .gold-form textarea, .gold-form input[type="text"] {
  4621.     margin-top: 3px;
  4622. }
  4623. .gold-logo {
  4624.     float: left;
  4625.     margin-right: 15px;
  4626. }
  4627. .giftmessage {
  4628.     background-color: white;
  4629.     border: 1px solid #888888;
  4630.     border-radius: 3px 3px 3px 3px;
  4631.     color: black;
  4632.     display: inline-block;
  4633.     margin-bottom: 15px;
  4634.     padding: 0 10px;
  4635. }
  4636. .gold-button {
  4637.     background-color: #EFCC4C;
  4638.     border-color: #FFF088 #FFF088 #6A3D00 #6A3D00;
  4639.     color: #482800;
  4640.     font-family: Palatino,georgia,garamond,FreeSerif,serif;
  4641.     font-size: 16px;
  4642.     margin-right: 8px;
  4643.     margin-top: 8px;
  4644.     padding-top: 2px;
  4645.     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  4646. }
  4647. .gold-dropdown {
  4648.     background-color: #FFF088;
  4649.     color: #482800;
  4650.     font-family: "Hoefler Text","Palatino Linotype","Book Antiqua",Palatino,georgia,garamond,FreeSerif,serif;
  4651.     font-size: 16px;
  4652. }
  4653. .comment-visits-box .title {
  4654.     font-weight: bold;
  4655. }
  4656. .comment-visits-box label {
  4657.     margin-left: 5px;
  4658. }
  4659. .new-comment .usertext-body {
  4660.     background-color: #E5EFFF;
  4661.     border: 1px solid #CDDAF3;
  4662.     margin: -1px 0;
  4663. }
  4664. .role {
  4665.     width: 800px;
  4666. }
  4667. .styled-input {
  4668.     border: 1px solid gray;
  4669.     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.6);
  4670.     padding: 2px;
  4671. }
  4672. .user a, #remember-me a {
  4673.     text-decoration: underline;
  4674. }
  4675. .nextprev a {
  4676.     font-size: large;
  4677. }
Add Comment
Please, Sign In to add comment