Advertisement
Guest User

Untitled

a guest
Aug 19th, 2017
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 34.12 KB | None | 0 0
  1. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  2.     background: none repeat scroll 0 0 transparent;
  3.     border: 0 none;
  4.     font-size: 100%;
  5.     margin: 0;
  6.     outline: 0 none;
  7.     padding: 0;
  8.     vertical-align: baseline;
  9. }
  10. body {
  11.     line-height: 1;
  12.     margin: 0;
  13. }
  14. ol, ul {
  15.     list-style: none outside none;
  16. }
  17. blockquote, q {
  18.     quotes: none;
  19. }
  20. blockquote:before, blockquote:after, q:before, q:after {
  21.     content: none;
  22. }
  23. :focus {
  24.     outline: 0 none;
  25. }
  26. ins {
  27.     text-decoration: none;
  28. }
  29. del {
  30.     text-decoration: line-through;
  31. }
  32. table {
  33.     border-collapse: collapse;
  34.     border-spacing: 0;
  35. }
  36. html, body {
  37.     height: 100%;
  38. }
  39. body {
  40.     background: none repeat scroll 0 0 #FFFFFF;
  41.     color: #777777;
  42.     font-family: Arial,Helvetica,sans-serif;
  43.     font-size: 62.5%;
  44.     margin: 0 auto;
  45.     text-align: left;
  46. }
  47. p {
  48.     font-size: 1.2em;
  49.     line-height: 18px;
  50. }
  51. a {
  52.     color: #55AE31;
  53.     text-decoration: none;
  54. }
  55. a:hover {
  56.     color: #111111;
  57. }
  58. a:focus {
  59.     outline: medium none;
  60. }
  61. h1 {
  62.     border-bottom: 1px solid #E0E0E0;
  63.     color: #000000;
  64.     font-size: 22px;
  65.     margin-bottom: 16px;
  66.     padding-bottom: 8px;
  67. }
  68. h2 {
  69.     color: #454545;
  70.     font: bold 28px Arial,Helvetica,Geneva,sans-serif;
  71.     margin-bottom: 16px;
  72. }
  73. h3 {
  74.     color: #000000;
  75.     font-size: 18px;
  76.     font-weight: normal;
  77.     margin-bottom: 20px;
  78. }
  79. .clear {
  80.     clear: both;
  81. }
  82. .inner {
  83.     margin: 0 auto;
  84.     width: 960px;
  85. }
  86. .col {
  87.     float: left;
  88. }
  89. .col.middle {
  90.     margin-bottom: 50px;
  91.     margin-left: 30px;
  92.     margin-right: 30px;
  93. }
  94. .w300 {
  95.     float: left;
  96.     padding-bottom: 15px;
  97.     width: 300px;
  98. }
  99. .alignleft {
  100.     float: left;
  101. }
  102. .alignright {
  103.     float: right;
  104. }
  105. .center {
  106.     text-align: center;
  107. }
  108. .nindent {
  109.     display: block;
  110.     overflow: hidden;
  111.     text-indent: -2000px;
  112. }
  113. .m0 {
  114.     margin: 0 !important;
  115. }
  116. .mt30 {
  117.     margin-top: 30px;
  118. }
  119. .bn {
  120.     border: medium none !important;
  121. }
  122. ul.secondarylist {
  123.     margin-left: 20px;
  124. }
  125. .rounded-3 {
  126.     border-radius: 3px 3px 3px 3px;
  127. }
  128. .rounded-5 {
  129.     border-radius: 5px 5px 5px 5px;
  130. }
  131. .rounded-10 {
  132.     border-radius: 10px 10px 10px 10px;
  133. }
  134. #stamp {
  135.     background: url("/images/ideascale/Black-seal.png") no-repeat scroll 0 0 transparent;
  136.     height: 149px;
  137.     left: -10px;
  138.     overflow: hidden;
  139.     position: absolute;
  140.     text-indent: -9999px;
  141.     top: 10px;
  142.     width: 263px;
  143. }
  144. .breadcrumb {
  145.     background: none repeat scroll 0 0 #DDDDDD;
  146.     border-radius: 0.7em 0.7em 0.7em 0.7em;
  147.     font-size: 14px;
  148.     font-weight: bold;
  149.     line-height: 2em;
  150.     padding: 0 14px;
  151.     text-shadow: 0 1px 0 #FFFFFF;
  152.     width: 873px;
  153. }
  154. .breadcrumb a {
  155.     color: #666666;
  156.     margin: 0;
  157. }
  158. .breadcrumb a:hover {
  159.     color: #A4D345;
  160. }
  161. .breadcrumb .sep {
  162.     margin: 0 0.3em;
  163. }
  164. #chat-with-us img {
  165.     position: fixed;
  166.     right: 0;
  167.     top: 300px;
  168. }
  169. .highlight1 {
  170.     background: -moz-linear-gradient(center top , #F7F6F6 0%, #DEDDDC 100%) repeat scroll 0 0 transparent;
  171.     border-bottom: 1px solid #CBCBCB;
  172.     border-top: 1px solid #CBCBCB;
  173.     margin-bottom: 30px;
  174.     padding: 15px 20px;
  175. }
  176. .ie7 .highlight1 {
  177. }
  178. .highlight1 a {
  179.     font-weight: bold;
  180. }
  181. .highlight1 h4 {
  182.     color: black;
  183.     float: left;
  184.     font: bold 15px arial;
  185.     margin-left: 10px;
  186.     margin-right: 10px;
  187. }
  188. .highlight1 p {
  189.     color: #666666;
  190.     font: 15px arial;
  191.     text-align: center;
  192. }
  193. .highlight1.v2 h4, .highlight1.v2 p {
  194.     font-size: 18px;
  195. }
  196. .quote .line {
  197.     background: url("/images/common.png?v=1.0") no-repeat scroll 0 -210px transparent;
  198.     display: block;
  199.     height: 2px;
  200.     left: 0;
  201.     position: absolute;
  202.     width: 100%;
  203. }
  204. .quote.small {
  205.     position: relative;
  206.     width: 608px;
  207. }
  208. .quote.small .line {
  209.     background: url("/images/sprites/case-study.png") no-repeat scroll 0 -95px transparent;
  210.     display: block;
  211.     height: 2px;
  212.     left: 0;
  213.     position: absolute;
  214.     width: 100%;
  215. }
  216. .quote.small p {
  217.     background: none repeat scroll 0 0 transparent;
  218.     border-right: 1px solid #C4C4C4;
  219.     float: left;
  220.     font-size: 14px;
  221.     margin-right: 167px;
  222.     padding-right: 20px;
  223.     position: relative;
  224.     text-align: left;
  225.     width: auto;
  226. }
  227. .quote.no-cite p {
  228.     border-right: medium none;
  229.     margin-right: 20px;
  230. }
  231. .quote.small p span {
  232.     background: url("/images/quote-left.png") no-repeat scroll 0 0 transparent;
  233.     height: 40px;
  234.     left: 0;
  235.     position: absolute;
  236.     top: -7px;
  237.     width: 40px;
  238. }
  239. .quote.small cite {
  240.     bottom: 20px;
  241.     right: 25px;
  242. }
  243. .quote .line.top {
  244.     top: 0;
  245. }
  246. .quote .line.bottom {
  247.     bottom: 0;
  248. }
  249. .quote {
  250.     background: -moz-linear-gradient(left center , #FFFFFF 0%, #F9F9F9 25%, #F9F9F9 75%, #FFFFFF 98%) repeat scroll 0 0 transparent;
  251.     margin-bottom: 20px;
  252.     padding: 20px;
  253.     position: relative;
  254. }
  255. .quote1 {
  256.     background: -moz-linear-gradient(center top , #FFFFFF 10%, #EEEEEE 100%) repeat scroll 0 0 transparent;
  257.     border: 1px solid #A8A8A8;
  258.     border-radius: 2px 2px 2px 2px;
  259.     margin-bottom: 20px;
  260.     padding: 10px;
  261.     position: relative;
  262. }
  263. .quote1 p {
  264.     font-size: 24px;
  265.     line-height: 1.2em;
  266.     text-align: center;
  267. }
  268. .quote p {
  269.     background: url("/images/quote-left.png") no-repeat scroll left top transparent;
  270.     color: #555555;
  271.     float: left;
  272.     font-family: georgia,serif;
  273.     font-size: 23px;
  274.     font-style: italic;
  275.     font-weight: normal;
  276.     line-height: 26px;
  277.     margin: 0;
  278.     padding-left: 30px;
  279.     text-align: center;
  280.     width: 745px;
  281. }
  282. .quote img {
  283.     border-left: 1px solid #5D5D5D;
  284.     margin-left: 20px;
  285.     padding-left: 30px;
  286.     vertical-align: middle;
  287. }
  288. .quote cite {
  289.     bottom: 20px;
  290.     clear: both;
  291.     color: #6D6D6D;
  292.     display: block;
  293.     font-size: 13px;
  294.     font-style: normal;
  295.     font-weight: normal;
  296.     line-height: 1.2em;
  297.     position: absolute;
  298.     right: 50px;
  299.     width: 143px;
  300. }
  301. .quote2 {
  302.     background: none repeat scroll 0 0 #ECF7DD;
  303.     border-bottom: 1px solid #B5D08C;
  304.     border-top: 1px solid #B5D08C;
  305.     height: 40px;
  306.     margin-bottom: 40px;
  307.     margin-top: 18px;
  308.     padding-top: 22px;
  309.     text-align: center;
  310. }
  311. .quote2 p a {
  312.     border: medium none;
  313.     color: #777777;
  314.     font-size: 24px;
  315.     text-decoration: none;
  316. }
  317. .quote2 p a:hover {
  318.     color: #000000;
  319. }
  320. .quote4 {
  321.     background: none repeat scroll 0 0 #ECF7DD;
  322.     border-bottom: 1px solid #B5D08C;
  323.     border-top: 1px solid #B5D08C;
  324.     margin-bottom: 50px;
  325.     margin-top: 50px;
  326.     padding: 16px 0;
  327.     position: relative;
  328. }
  329. .quote4 p {
  330.     color: #000000;
  331.     font-size: 23px;
  332.     line-height: 26px;
  333.     margin: 0 130px 0 40px;
  334.     min-height: 54px;
  335. }
  336. .quote4 img {
  337.     border: 2px solid #FFFFFF;
  338.     height: 50px;
  339.     overflow: hidden;
  340.     position: absolute;
  341.     right: 46px;
  342.     top: 16px;
  343.     width: 50px;
  344. }
  345. .img-box {
  346.     background-color: white;
  347.     border: 1px solid #E5E5E5;
  348.     float: left;
  349.     margin-bottom: 17px;
  350.     padding: 5px;
  351.     position: relative;
  352. }
  353. .img-box img {
  354.     border: 1px solid #E5E5E5;
  355. }
  356. .img-box .line {
  357.     background: url("../../public/images/common.png?v=1.0") no-repeat scroll -707px 0 transparent;
  358.     bottom: -13px;
  359.     height: 13px;
  360.     left: 0;
  361.     position: absolute;
  362.     width: 248px;
  363. }
  364. .sprite-common {
  365.     background: url("../../public/images/common.png?v=1.0") no-repeat scroll 0 0 transparent;
  366. }
  367. .sprite-home {
  368.     background: url("../../public/images/home.png") no-repeat scroll 0 0 transparent;
  369. }
  370. .sprite-pricing {
  371.     background: url("/images/sprites/pricing.png") no-repeat scroll 0 0 transparent;
  372. }
  373. .sprite-get-started {
  374.     background: url("/images/sprites/btn-get-started.png") no-repeat scroll 0 0 transparent;
  375.     display: block;
  376.     height: 102px;
  377.     width: 332px;
  378. }
  379. .sprite-case-study {
  380.     background: url("/images/sprites/case-study.png") no-repeat scroll 0 0 transparent;
  381.     display: block;
  382.     height: 102px;
  383.     width: 332px;
  384. }
  385. a.sprite-get-started.btn1 {
  386.     background-position: 0 0;
  387.     margin-left: -24px;
  388. }
  389. a.sprite-get-started.btn1:hover {
  390.     background-position: 0 -102px;
  391. }
  392. .sprite-get-started.btn2 {
  393.     background-position: 0 -210px;
  394. }
  395. .sprite-get-started.btn2:hover {
  396.     background-position: 0 -300px;
  397. }
  398. .field {
  399.     margin-left: 20px;
  400.     margin-top: 16px;
  401.     position: relative;
  402. }
  403. .field-label {
  404.     color: #535353;
  405.     display: block;
  406.     font-size: 14px;
  407.     font-weight: bold;
  408.     line-height: 1.2em;
  409.     margin-bottom: 5px;
  410.     position: relative;
  411. }
  412. .option-label {
  413.     color: #434343;
  414.     font-size: 12px;
  415. }
  416. .asterisk {
  417.     color: #BA0000;
  418.     position: absolute;
  419. }
  420. .longtextbox, .textbox {
  421.     -moz-border-bottom-colors: none;
  422.     -moz-border-image: none;
  423.     -moz-border-left-colors: none;
  424.     -moz-border-right-colors: none;
  425.     -moz-border-top-colors: none;
  426.     background-color: #F8F8F8;
  427.     border-color: #C9C6C6 #D3CFCF #D3CFCF;
  428.     border-right: 1px solid #D3CFCF;
  429.     border-style: solid;
  430.     border-width: 2px 1px 1px;
  431.     font-size: 14px;
  432.     padding: 9px 10px 8px;
  433. }
  434. .textbox {
  435.     height: 16px;
  436.     width: 350px;
  437. }
  438. .longtextbox {
  439.     height: 115px;
  440.     width: 510px;
  441. }
  442. .field label.error {
  443.     bottom: -12px;
  444.     color: #BA0000;
  445.     font-size: 11px;
  446.     position: absolute;
  447.     right: 22px;
  448. }
  449. .field input.error {
  450.     border-color: #BA0000;
  451. }
  452. .text-field .field-label {
  453. }
  454. .group-field li {
  455.     line-height: 1.7em;
  456. }
  457. .group-field .textbox {
  458.     padding: 2px;
  459.     width: 150px;
  460. }
  461. button.form-submit {
  462.     background: -moz-linear-gradient(center top , #44484C 0%, #0D0D0D 100%) repeat scroll 0 0 transparent;
  463.     border: medium none;
  464.     color: #D9D9D9;
  465.     cursor: pointer;
  466.     font-size: 17px;
  467.     font-weight: bold;
  468.     height: 30px;
  469.     text-align: center;
  470.     text-shadow: 1px 1px 0 #000000;
  471.     width: 110px;
  472. }
  473. body {
  474.     font-family: Arial,Helvetica,Geneva,sans-serif;
  475. }
  476. h1.logo {
  477.     background: url("../../public/images/common.png?v=1.0") no-repeat scroll 0 0 transparent;
  478.     border: 0 none;
  479.     display: block;
  480.     float: left;
  481.     height: 78px;
  482.     margin: 43px 0 20px;
  483.     overflow: hidden;
  484.     padding: 0;
  485.     text-indent: -9999px;
  486.     width: 328px;
  487. }
  488. h1.logo a {
  489.     display: block;
  490.     height: 100%;
  491.     width: 100%;
  492. }
  493. #top {
  494.     border-top: 5px solid #E2E2E2;
  495.     position: absolute;
  496.     width: 100%;
  497.     z-index: 1;
  498. }
  499. #top .inner, #header .inner {
  500.     position: relative;
  501. }
  502. #mini-nav {
  503.     background-position: -200px -83px;
  504.     display: block;
  505.     height: 24px;
  506.     padding-top: 8px;
  507.     position: absolute;
  508.     right: 14px;
  509.     top: 0;
  510.     width: auto;
  511. }
  512. #mini-nav li {
  513.     color: #6F6F6F;
  514.     float: left;
  515.     font-size: 14px;
  516. }
  517. #mini-nav li a {
  518.     color: #6F6F6F;
  519.     display: block;
  520.     font-size: 14px;
  521.     line-height: 1.2em;
  522.     padding: 0 12px;
  523.     text-decoration: none;
  524. }
  525. #mini-nav li.login a {
  526.     color: #7EA727;
  527. }
  528. #mini-nav li a:hover {
  529.     text-decoration: underline;
  530. }
  531. #header {
  532.     background: none repeat scroll 0 0 #B4D347;
  533.     border-bottom: 1px solid #BEFD04;
  534.     margin-bottom: 30px;
  535.     position: relative;
  536. }
  537. #header .inner {
  538.     position: relative;
  539. }
  540. #header .inner.header {
  541. }
  542. #header-nav {
  543.     background: url("../../public/images/common.png?v=1.0") no-repeat scroll 0 -152px transparent;
  544.     font-size: 15px;
  545.     height: 41px;
  546.     left: 363px;
  547.     position: absolute;
  548.     top: 70px;
  549.     width: 581px;
  550. }
  551. #header-nav li {
  552.     float: left;
  553. }
  554. #header-nav li a {
  555.     border-bottom: medium none;
  556.     color: white;
  557.     display: block;
  558.     padding: 12px 24px;
  559.     text-align: center;
  560.     text-decoration: none;
  561.     text-shadow: 0 1px 0 #606D31;
  562. }
  563. #header-nav li.navhome a {
  564.     width: 46px;
  565. }
  566. #header-nav li a:hover, #header-nav li.active a {
  567.     color: #EDFEA4;
  568. }
  569. #billboard-innerwrap {
  570.     margin-bottom: 50px;
  571. }
  572. #billboard-innerwrap h2 {
  573.     color: #7EA626;
  574.     font-size: 40px;
  575.     font-weight: bold;
  576.     margin-bottom: 5px;
  577.     margin-top: 20px;
  578. }
  579. #billboard-innerwrap p {
  580.     color: #666666;
  581.     font-size: 28px;
  582.     line-height: 1.2em;
  583. }
  584. #content {
  585.     margin-top: 20px;
  586. }
  587. .inner-page .col img {
  588.     margin-bottom: 25px;
  589. }
  590. #footer {
  591.     margin-top: 60px;
  592. }
  593. #footer-navigation {
  594.     background: -moz-linear-gradient(center top , #CDCDCD 0%, #DEDEDE 50%, #CDCDCD 98%) repeat scroll 0 0 transparent;
  595.     padding-top: 10px;
  596. }
  597. #footer-navigation .inner {
  598.     padding-bottom: 20px;
  599.     padding-top: 20px;
  600. }
  601. #footer-navigation .col {
  602.     margin-left: 41px;
  603.     width: 110px;
  604. }
  605. #footer-navigation .col ul li {
  606.     margin-bottom: 3px;
  607. }
  608. #footer-navigation .col ul li a {
  609.     color: #7F7F7F;
  610.     font-size: 13px;
  611.     text-decoration: none;
  612. }
  613. .fb_edge_widget_with_comment {
  614.     right: -60px;
  615.     top: -17px;
  616. }
  617. #footer-navigation h3 {
  618.     color: #7F7F7F;
  619.     font-size: 16px;
  620.     font-weight: bold;
  621.     margin-bottom: 5px;
  622. }
  623. #footer-navigation .col.one {
  624.     border-right: 1px solid #B0B4B0;
  625.     margin: 0 !important;
  626.     padding-right: 20px;
  627.     width: 312px;
  628. }
  629. #footer-navigation h3.line {
  630.     border-top: 1px solid #ADB1AD;
  631.     margin-top: 5px;
  632.     text-align: center;
  633. }
  634. #footer-navigation h3.line a span {
  635.     color: #575757;
  636. }
  637. #footer-navigation h3.line a {
  638.     border-top: 1px solid #F5F5F5;
  639.     color: #3E663E;
  640.     display: block;
  641.     font-size: 20px;
  642.     font-weight: bold;
  643.     padding-bottom: 5px;
  644.     padding-top: 10px;
  645.     text-decoration: none;
  646.     text-shadow: 0 2px 1px #F5F5F5;
  647.     width: 100%;
  648. }
  649. #footer-navigation .questions a {
  650.     font-size: 24px;
  651. }
  652. .footer.directory {
  653.     background: -moz-linear-gradient(center top , #C3C3C3 0%, #7E7D7D 99%) repeat scroll 0 0 transparent;
  654.     border-bottom: 1px solid #ADADAD;
  655.     border-top: 1px solid #ADADAD;
  656.     clear: both;
  657.     height: 28px;
  658.     padding-top: 18px;
  659. }
  660. .footer.directory h3 {
  661.     color: #3F3F3F;
  662.     font-size: 14px;
  663.     font-weight: bold;
  664.     text-shadow: 0 1px 1px #E4E4E4;
  665. }
  666. .footer.directory h3, .footer.directory ol {
  667.     display: inline;
  668. }
  669. .footer.directory li {
  670.     display: inline;
  671.     margin: 0 7px;
  672. }
  673. .footer.directory li a {
  674.     border: medium none;
  675.     color: #D0D8DB;
  676.     font-size: 14px;
  677.     text-decoration: none;
  678.     text-shadow: 0 2px 1px #797878;
  679.     text-transform: uppercase;
  680. }
  681. .footer.directory li a:hover {
  682.     color: #9FDA07;
  683. }
  684. #other-tools {
  685.     background-color: #2F2F2F;
  686. }
  687. #other-tools .inner {
  688.     padding-bottom: 20px;
  689.     padding-top: 20px;
  690. }
  691. #other-tools h3 {
  692.     color: #4D4D4D;
  693.     font-size: 18px;
  694.     font-weight: bold;
  695.     margin-bottom: 10px;
  696.     margin-left: 0;
  697.     margin-right: 0;
  698. }
  699. #other-tools .network {
  700.     background: none repeat scroll 0 0 #353535;
  701.     height: 37px;
  702.     margin-bottom: 20px;
  703.     margin-top: 20px;
  704.     padding: 20px;
  705.     width: 906px;
  706. }
  707. #other-tools .network ul {
  708.     background-position: 0 -230px;
  709.     float: left;
  710. }
  711. #other-tools .network ul li {
  712.     float: left;
  713. }
  714. #other-tools .network ul li a {
  715.     background: url("/images/sprites/common.png?v=1.0") repeat scroll 0 -230px transparent;
  716.     display: block;
  717.     height: 40px;
  718.     margin-bottom: 0;
  719.     margin-left: 18px;
  720.     margin-top: 0;
  721.     overflow: hidden;
  722.     text-align: center;
  723.     text-indent: -1000px;
  724.     width: 158px;
  725. }
  726. #other-tools ul li.b1 a {
  727.     background-position: 0 -230px;
  728.     margin-left: 0;
  729.     width: 188px;
  730. }
  731. #other-tools ul li.b2 a {
  732.     background-position: -212px -230px;
  733.     width: 154px;
  734. }
  735. #other-tools ul li.b3 a {
  736.     background-position: -394px -230px;
  737.     width: 151px;
  738. }
  739. #other-tools ul li.b4 a {
  740.     background-position: -564px -230px;
  741.     width: 168px;
  742. }
  743. #other-tools ul li.b5 a {
  744.     background-position: -744px -230px;
  745.     width: 172px;
  746. }
  747. #other-tools ul li.b1 a:hover {
  748.     background-position: 0 -269px;
  749.     margin-left: 0;
  750.     width: 188px;
  751. }
  752. #other-tools ul li.b2 a:hover {
  753.     background-position: -212px -269px;
  754. }
  755. #other-tools ul li.b3 a:hover {
  756.     background-position: -394px -269px;
  757. }
  758. #other-tools ul li.b4 a:hover {
  759.     background-position: -564px -269px;
  760. }
  761. #other-tools ul li.b5 a:hover {
  762.     background-position: -744px -269px;
  763. }
  764. #footer .logo {
  765.     background-position: 0 -86px;
  766.     float: left;
  767.     height: 59px;
  768.     width: 178px;
  769. }
  770. #footer .logo a {
  771.     display: block;
  772.     height: 100%;
  773.     width: 100%;
  774. }
  775. #other-tools .SEO_pages {
  776.     float: left;
  777.     margin-left: 60px;
  778.     width: 700px;
  779. }
  780. #other-tools .SEO_pages ul {
  781.     margin-top: 5px;
  782.     overflow: hidden;
  783. }
  784. #other-tools .SEO_pages ul li {
  785.     float: left;
  786.     margin-bottom: 2px;
  787.     padding-right: 4px;
  788. }
  789. #other-tools .SEO_pages ul li h3 {
  790.     color: #666565;
  791.     font-size: 10px;
  792.     font-weight: bold;
  793.     margin: 0;
  794. }
  795. #other-tools .SEO_pages ul li a {
  796.     color: #666565;
  797.     font-size: 10px;
  798.     padding-right: 6px;
  799.     text-decoration: none;
  800. }
  801. #other-tools .SEO_pages ul li a:hover {
  802.     color: #DDDDDD;
  803. }
  804. #guide-shelf {
  805.     background: url("/images/ideascale/resources/shelf-bg.gif") repeat-y scroll 50% 0 transparent;
  806.     overflow: hidden;
  807.     padding-left: 75px;
  808.     width: 803px;
  809. }
  810. #guide-shelf li {
  811.     float: left;
  812.     height: 230px;
  813.     margin: 0 20px 30px;
  814.     width: 140px;
  815. }
  816. #guide-shelf div {
  817.     background: url("/images/ideascale/resources/guide-bg.png") no-repeat scroll 2px -3px transparent;
  818.     height: 160px;
  819.     margin: 0 auto;
  820.     padding: 3px 7px 7px;
  821.     width: 123px;
  822. }
  823. #guide-shelf h3 {
  824.     font-size: 12px;
  825.     font-weight: bold;
  826.     height: 30px;
  827.     line-height: 120%;
  828.     margin: 30px 0 0;
  829.     text-align: center;
  830. }
  831. #guide-shelf a {
  832.     border: medium none;
  833.     color: #3252B2;
  834. }
  835. #guide-shelf > li:hover > h3 > a, #guide-shelf a:hover {
  836.     color: #FF6C17;
  837. }
  838. #book-display {
  839.     float: right;
  840.     margin-right: 20px;
  841.     padding-bottom: 20px;
  842.     width: 230px;
  843. }
  844. #book-content {
  845.     float: left;
  846.     padding-bottom: 20px;
  847.     width: 560px;
  848. }
  849. #book-content p {
  850.     font-size: 14px;
  851.     line-height: 1.3em;
  852. }
  853. #book-content ul {
  854.     margin-top: 20px;
  855. }
  856. #book-content li {
  857.     font-size: 14px;
  858.     line-height: 1.3em;
  859.     list-style-position: inside;
  860.     list-style-type: disc;
  861. }
  862. #book-content h3 {
  863.     color: #464646;
  864.     font-size: 20px;
  865.     font-weight: bold;
  866.     margin-bottom: 10px;
  867. }
  868. #share-book-twitter img {
  869.     vertical-align: middle;
  870. }
  871. #share-book-twitter a {
  872.     color: #00658F;
  873.     font-size: 13px;
  874. }
  875. #book-cover {
  876.     margin-bottom: 20px;
  877.     position: relative;
  878. }
  879. #book-cover img {
  880.     border: 1px solid #CCCCCC;
  881.     position: relative;
  882.     z-index: 1;
  883. }
  884. .book-shadow {
  885.     background-position: 0 0;
  886.     bottom: -48px;
  887.     height: 94px;
  888.     left: -116px;
  889.     position: absolute;
  890.     width: 472px;
  891.     z-index: 0;
  892. }
  893. #book-download {
  894.     background: url("../images/ideascale/resources/download-pdf.png") no-repeat scroll 0 0 transparent;
  895.     display: block;
  896.     height: 60px;
  897.     margin-bottom: 20px;
  898.     width: 231px;
  899. }
  900. #book-download:hover {
  901.     background-position: 0 -60px;
  902. }
  903. #quote-case-study {
  904.     margin-bottom: 30px;
  905.     margin-left: -20px;
  906.     margin-top: 30px;
  907. }
  908. #header-home-wrapper #header, #header-home-wrapper {
  909.     height: 520px !important;
  910. }
  911. #billboard {
  912.     height: 306px;
  913.     margin-bottom: 68px;
  914. }
  915. #billboard .video {
  916.     margin-right: 40px;
  917.     margin-top: -20px;
  918.     position: relative;
  919. }
  920. #billboard .video a:hover .play-btn {
  921.     background-position: -111px 0;
  922. }
  923. .play-btn {
  924.     background: url("/images/sprites/play.png") no-repeat scroll 0 0 transparent;
  925.     height: 110px;
  926.     left: 180px;
  927.     position: absolute;
  928.     top: 150px;
  929.     width: 111px;
  930. }
  931. .billboard-txt {
  932.     margin-top: 20px;
  933.     width: 470px;
  934. }
  935. #billboard p {
  936.     color: #2C3B2C;
  937.     font: 19px Helvetica;
  938.     text-shadow: 0 2px 0 #D5E9A4;
  939. }
  940. .empower {
  941.     color: white;
  942.     font-size: 85px;
  943.     font-weight: bold;
  944.     height: 140px;
  945.     line-height: 73px;
  946.     margin: 0 0 20px;
  947.     text-shadow: 0 2px 0 #6F6F6F;
  948.     width: 430px;
  949. }
  950. h2.homecopy {
  951.     color: white;
  952.     font-size: 56px;
  953.     font-weight: bold;
  954.     letter-spacing: -2px;
  955.     line-height: 58px;
  956.     margin-top: 40px;
  957.     text-shadow: 0 2px 0 #6F6F6F;
  958. }
  959. p.homecopy_secondary {
  960.     color: #2C3B2C;
  961.     font-size: 24px;
  962.     font-weight: bold;
  963. }
  964. #billboard.alt p.homecopy_secondary {
  965.     color: #2C3B2C;
  966.     font-size: 20px;
  967.     font-weight: bold;
  968.     margin-top: 60px;
  969. }
  970. #billboard.alt h2.homecopy {
  971.     color: white;
  972.     font-size: 44px;
  973.     font-weight: bold;
  974.     letter-spacing: -2px;
  975.     line-height: 1.2em;
  976.     margin: 0;
  977.     text-shadow: 0 2px 0 #6F6F6F;
  978. }
  979. #billboard.alt p {
  980.     color: #2C3B2C;
  981.     font: 19px Helvetica;
  982.     text-shadow: 0 2px 0 #D5E9A4;
  983. }
  984. #homepage_content {
  985.     width: 520px;
  986. }
  987. .video1 {
  988.     margin-top: -10px;
  989.     width: 440px;
  990. }
  991. .client_logo {
  992.     background-position: 0 0;
  993.     height: 75px;
  994.     margin-bottom: 40px;
  995.     margin-top: 30px;
  996.     width: 940px;
  997. }
  998. #how-it-works .col {
  999.     margin-left: 27px;
  1000.     margin-right: 27px;
  1001.     width: 252px;
  1002. }
  1003. .hiw-box {
  1004.     margin-bottom: 50px;
  1005.     padding: 20px;
  1006.     position: relative;
  1007. }
  1008. .hiw-box .top, .hiw-box .bottom {
  1009.     background-image: url("/images/hiw-box.png");
  1010.     height: 51%;
  1011.     position: absolute;
  1012.     width: 100%;
  1013.     z-index: -1;
  1014. }
  1015. .hiw-box .top {
  1016.     left: 0;
  1017.     top: 0;
  1018. }
  1019. .hiw-box .bottom {
  1020.     background-position: left bottom;
  1021.     bottom: 0;
  1022.     left: 0;
  1023. }
  1024. #how-it-works h3 {
  1025.     clear: both;
  1026.     color: #7EA627;
  1027.     font-size: 18px;
  1028.     font-weight: bold;
  1029.     margin-bottom: 5px;
  1030.     margin-top: 0;
  1031. }
  1032. #how-it-works a:hover .mask {
  1033.     display: none;
  1034. }
  1035. #how-it-works .mask {
  1036.     background: url("/images/sprites/common.png?v=1.0") repeat scroll -720px -23px transparent;
  1037.     display: block;
  1038.     height: 160px;
  1039.     left: 5px;
  1040.     position: absolute;
  1041.     top: 5px;
  1042.     width: 236px;
  1043. }
  1044. #how-it-works .icon {
  1045.     background-image: url("/images/sprites/home.png");
  1046.     position: absolute;
  1047. }
  1048. #hiw1 .icon {
  1049.     background-position: 0 -463px;
  1050.     bottom: -16px;
  1051.     height: 83px;
  1052.     right: -1px;
  1053.     width: 50px;
  1054. }
  1055. #hiw2 .icon {
  1056.     background-position: -90px -463px;
  1057.     bottom: -14px;
  1058.     height: 85px;
  1059.     right: -19px;
  1060.     width: 80px;
  1061. }
  1062. #hiw3 .icon {
  1063.     background-position: -180px -460px;
  1064.     bottom: -19px;
  1065.     height: 96px;
  1066.     right: -10px;
  1067.     width: 79px;
  1068. }
  1069. #featured_communities {
  1070.     overflow: hidden;
  1071. }
  1072. #featured_communities div.col {
  1073.     float: left;
  1074.     margin-right: 50px;
  1075.     width: 280px;
  1076. }
  1077. #featured_communities div.col.middle {
  1078.     margin-left: 0;
  1079. }
  1080. #featured_communities h3 {
  1081.     clear: both;
  1082.     color: #7EA627;
  1083.     font: bold 20px Arial;
  1084.     margin-bottom: 10px;
  1085.     margin-top: 0;
  1086. }
  1087. #featured_communities ul {
  1088.     font-size: 12px;
  1089.     list-style: none outside none;
  1090. }
  1091. #featured_communities ul li {
  1092.     list-style-position: inside;
  1093.     list-style-type: disc;
  1094.     margin-bottom: 7px;
  1095.     margin-top: 3px;
  1096.     width: 130px;
  1097. }
  1098. #featured_communities ul li a {
  1099.     border: medium none;
  1100.     color: #666666;
  1101.     font-size: 12px;
  1102. }
  1103. #featured_communities ul li a:hover {
  1104.     color: #000000;
  1105. }
  1106. #featured_communities img {
  1107.     border: 1px solid #E5E5E5;
  1108. }
  1109. #plans {
  1110.     height: 460px;
  1111. }
  1112. a.learn-more {
  1113.     display: block;
  1114.     margin-left: 74px;
  1115.     text-align: left;
  1116.     text-decoration: underline;
  1117.     width: auto;
  1118. }
  1119. #plans ul {
  1120.     margin-bottom: 10px;
  1121.     margin-left: 64px;
  1122. }
  1123. #plans li {
  1124.     clear: both;
  1125.     display: block;
  1126.     list-style-image: none;
  1127.     margin-bottom: 5px;
  1128.     text-align: left;
  1129. }
  1130. #plans li span {
  1131.     float: left;
  1132.     font-size: 30px;
  1133.     margin-top: -9px;
  1134. }
  1135. #plans .free li span {
  1136.     color: #726E6E;
  1137. }
  1138. #plans .lite li span {
  1139.     color: #285A0A;
  1140. }
  1141. #plans .monthly li span {
  1142.     color: #32780F;
  1143. }
  1144. #plans .annual li span {
  1145.     color: #669600;
  1146. }
  1147. #plans .col {
  1148.     background-color: #F1F1F1;
  1149.     color: #000000;
  1150.     font-size: 12px;
  1151.     margin-right: 1px;
  1152.     padding-bottom: 10px;
  1153.     padding-top: 10px;
  1154.     text-align: center;
  1155.     width: 230px;
  1156. }
  1157. #plans .col.monthly {
  1158.     background-color: white;
  1159.     box-shadow: 0 0 20px #707070;
  1160.     margin-top: -17px;
  1161.     padding-bottom: 0;
  1162.     padding-top: 0;
  1163.     position: relative;
  1164.     width: 265px;
  1165.     z-index: 10;
  1166. }
  1167. #plans .col.monthly h3 {
  1168.     height: 40px;
  1169.     line-height: 44px;
  1170.     margin-top: -4px;
  1171. }
  1172. #plans .col.monthly .border-ie {
  1173.     border: 1px solid #D0D0D0;
  1174.     padding-bottom: 25px;
  1175.     padding-top: 0;
  1176. }
  1177. #plans .col h3 {
  1178.     color: white;
  1179.     font: bold 26px arial;
  1180.     margin: 10px 0;
  1181.     padding: 5px 3px;
  1182.     text-align: center;
  1183. }
  1184. #plans .col img {
  1185. }
  1186. .free h3 {
  1187.     background: -moz-linear-gradient(center top , #AFAFAF 0%, #6C6868 100%) repeat scroll 0 0 transparent;
  1188.     color: white;
  1189.     display: block;
  1190. }
  1191. #plans .getstarted {
  1192.     display: block;
  1193.     height: 49px;
  1194.     margin: 10px auto;
  1195.     text-decoration: none;
  1196.     width: 203px;
  1197. }
  1198. .free .getstarted {
  1199.     background-position: -419px -200px;
  1200. }
  1201. .lite .getstarted {
  1202.     background-position: -419px -80px;
  1203. }
  1204. .monthly .getstarted {
  1205.     background-position: -629px -80px;
  1206. }
  1207. .annual .getstarted {
  1208.     background-position: -836px -80px;
  1209. }
  1210. .free .getstarted:hover {
  1211.     background-position: -419px -265px;
  1212. }
  1213. .lite .getstarted:hover {
  1214.     background-position: -419px -144px;
  1215. }
  1216. .monthly .getstarted:hover {
  1217.     background-position: -629px -144px;
  1218. }
  1219. .annual .getstarted:hover {
  1220.     background-position: -836px -144px;
  1221. }
  1222. .lite h3 {
  1223.     background-color: #285A0A;
  1224. }
  1225. .monthly h3 {
  1226.     background-color: #32780F;
  1227. }
  1228. .annual h3 {
  1229.     background-color: #669600;
  1230. }
  1231. #features {
  1232. }
  1233. #features .box {
  1234.     -moz-border-bottom-colors: none;
  1235.     -moz-border-image: none;
  1236.     -moz-border-left-colors: none;
  1237.     -moz-border-right-colors: none;
  1238.     -moz-border-top-colors: none;
  1239.     border-color: #CBCBCB;
  1240.     border-style: none none solid solid;
  1241.     border-width: 1px;
  1242.     float: left;
  1243.     margin-bottom: 30px;
  1244. }
  1245. #features h3 {
  1246.     color: white;
  1247.     font-size: 14px;
  1248.     font-weight: bold;
  1249.     margin: 0;
  1250.     padding: 4px 4px 4px 10px;
  1251. }
  1252. #features .free h3 {
  1253.     background: -moz-linear-gradient(center top , #AFAFAF 0%, #6C6868 100%) repeat scroll 0 0 transparent;
  1254. }
  1255. #features .col {
  1256.     border-right: 1px solid #CBCBCB;
  1257.     height: 450px;
  1258.     width: 238px;
  1259. }
  1260. #features .col.monthly {
  1261.     width: 241px;
  1262. }
  1263. #features p {
  1264.     background-color: #F1F1F1;
  1265.     color: #4C4C4C;
  1266.     font-size: 14px;
  1267.     padding: 10px;
  1268. }
  1269. #features p strong {
  1270.     color: #337810;
  1271. }
  1272. #features ul {
  1273.     float: left;
  1274.     margin: 0;
  1275. }
  1276. #features ul.free {
  1277.     background-position: 28px 30px;
  1278. }
  1279. #features ul li {
  1280.     float: left;
  1281.     height: 64px;
  1282.     margin: 30px 17px 20px;
  1283.     text-align: center;
  1284.     width: 84px;
  1285. }
  1286. #features ul li a {
  1287.     color: black;
  1288.     display: block;
  1289.     font-size: 12px;
  1290.     padding-top: 69px;
  1291.     position: relative;
  1292.     text-align: center;
  1293.     text-decoration: underline;
  1294.     width: 84px;
  1295. }
  1296. #features ul .bg {
  1297.     background-image: url("/images/sprites/pricing.png");
  1298.     height: 64px;
  1299.     left: 10px;
  1300.     position: absolute;
  1301.     top: 0;
  1302.     width: 64px;
  1303. }
  1304. #features ul.free .bg {
  1305.     background: -moz-linear-gradient(center top , #AFAFAF 0%, #6C6868 100%) repeat scroll 0 0 transparent;
  1306. }
  1307. #features ul.lite .bg {
  1308.     background: none repeat scroll 0 0 #285A0A;
  1309. }
  1310. #features ul.monthly .bg {
  1311.     background: none repeat scroll 0 0 #32780F;
  1312. }
  1313. #features ul.annual .bg {
  1314.     background: none repeat scroll 0 0 #669600;
  1315. }
  1316. #features .icon {
  1317.     background: url("/images/sprites/pricing.png") no-repeat scroll 0 0 transparent;
  1318.     height: 64px;
  1319.     left: 10px;
  1320.     position: absolute;
  1321.     top: 0;
  1322.     width: 64px;
  1323.     z-index: 2;
  1324. }
  1325. #features .moderator .icon {
  1326.     background-position: -369px 0;
  1327. }
  1328. #features .categories .icon {
  1329.     background-position: -228px 0;
  1330. }
  1331. #features .logo-upload .icon {
  1332.     background-position: -432px 0;
  1333. }
  1334. #features .profanity .icon {
  1335.     background-position: -502px 0;
  1336. }
  1337. #features .ssl .icon {
  1338.     background-position: -558px 0;
  1339. }
  1340. #features .file-attachments .icon {
  1341.     background-position: -690px 0;
  1342. }
  1343. #features .support .icon {
  1344.     background-position: 10px 0;
  1345. }
  1346. #features .email .icon {
  1347.     background-position: -621px 0;
  1348. }
  1349. #features .google-analytics .icon {
  1350.     background-position: -751px 0;
  1351. }
  1352. #features .widgets .icon {
  1353.     background-position: -883px 0;
  1354. }
  1355. #features .communities .icon {
  1356.     background-position: -941px 0;
  1357. }
  1358. #features .custom-url .icon {
  1359.     background-position: -1013px 3px;
  1360. }
  1361. #features .css .icon {
  1362.     background-position: -1081px 0;
  1363. }
  1364. #features .sign-on .icon {
  1365.     background-position: -1135px 0;
  1366. }
  1367. #features .custom-fields .icon {
  1368.     background-position: -820px 0;
  1369. }
  1370. #features .facebook .icon {
  1371.     background-position: -54px 0;
  1372. }
  1373. #features .mobile .icon {
  1374.     background-position: -120px 0;
  1375. }
  1376. #features .badges .icon {
  1377.     background-position: -174px 0;
  1378. }
  1379. #features .tags .icon {
  1380.     background-position: -293px 0;
  1381. }
  1382. #special-plans {
  1383.     height: 340px;
  1384. }
  1385. #special-plans dl {
  1386.     float: left;
  1387.     overflow: hidden;
  1388.     width: 960px;
  1389. }
  1390. #special-plans dt {
  1391.     float: left;
  1392.     margin-left: 15px;
  1393.     position: relative;
  1394.     z-index: 2;
  1395. }
  1396. #special-plans dd {
  1397.     background-color: #F1F1F1;
  1398.     color: #A4D345;
  1399.     float: left;
  1400.     font-size: 12px;
  1401.     height: 94px;
  1402.     margin: 10px 15px 35px -40px;
  1403.     padding-left: 50px;
  1404.     position: relative;
  1405.     width: 330px;
  1406.     z-index: 1;
  1407. }
  1408. #special-plans dd span {
  1409.     background-color: #989898;
  1410.     border-radius: 0 5px 0 0;
  1411.     height: 5px;
  1412.     left: 20px;
  1413.     position: absolute;
  1414.     top: 0;
  1415.     width: 360px;
  1416. }
  1417. #special-plans dd p {
  1418.     color: black;
  1419.     font-size: 12px;
  1420.     margin-left: -30px;
  1421.     padding-left: 30px;
  1422.     padding-right: 30px;
  1423.     padding-top: 15px;
  1424. }
  1425. #special-plans dd a {
  1426.     font-size: 12px;
  1427. }
  1428. #special-plans dd div {
  1429.     bottom: 5px;
  1430.     left: 50px;
  1431.     position: absolute;
  1432.     z-index: 5;
  1433. }
  1434. #special-plans dt {
  1435.     height: 117px;
  1436.     margin: 0;
  1437.     width: 103px;
  1438. }
  1439. .enterprice-icon {
  1440.     background-position: 0 -75px;
  1441. }
  1442. .university-icon {
  1443.     background-position: -101px -75px;
  1444. }
  1445. .goverment-icon {
  1446.     background-position: -202px -75px;
  1447. }
  1448. .civic-icon {
  1449.     background-position: -307px -75px;
  1450. }
  1451. #faq {
  1452.     margin-bottom: 30px;
  1453.     margin-top: 30px;
  1454. }
  1455. #faq dl {
  1456.     float: left;
  1457.     width: 480px;
  1458. }
  1459. #faq dt, #faq dd {
  1460.     width: 400px;
  1461. }
  1462. #faq dt {
  1463.     background: url("/images/bullet-2.png") no-repeat scroll 0 6px transparent;
  1464.     color: #4C4C4C;
  1465.     font-size: 20px;
  1466.     font-weight: bold;
  1467.     margin-bottom: 5px;
  1468.     padding-left: 15px;
  1469. }
  1470. #faq dd {
  1471.     color: #666666;
  1472.     font-size: 13px;
  1473.     margin-bottom: 14px;
  1474. }
  1475. #contact-form .col.first {
  1476.     border-right: 1px solid #C9C9C9;
  1477.     margin-right: 40px;
  1478.     padding-right: 40px;
  1479. }
  1480. div.contact-guy p {
  1481.     font-size: 14px;
  1482.     line-height: 1.2em;
  1483.     margin-bottom: 10px;
  1484. }
  1485. div.contact-guy img {
  1486.     margin-left: -10px;
  1487. }
  1488. div.contact-guy address {
  1489.     font-size: 14px;
  1490.     font-style: normal;
  1491.     font-weight: bold;
  1492. }
  1493. div.contact-guy address a {
  1494. }
  1495. #feature-groups {
  1496.     font-size: 14px;
  1497. }
  1498. #feature-groups li {
  1499.     border-left: 1px solid #FFFFFF;
  1500.     border-right: 1px solid #999999;
  1501.     float: left;
  1502. }
  1503. #feature-groups li:first-child {
  1504.     border-left: medium none;
  1505. }
  1506. #feature-groups li:first-child a {
  1507.     border-radius: 0.8em 0 0 0.8em;
  1508. }
  1509. #feature-groups li:last-child {
  1510.     border-right: medium none;
  1511. }
  1512. #feature-groups li:last-child a {
  1513.     border-radius: 0 0.8em 0.8em 0;
  1514. }
  1515. #feature-groups a {
  1516.     background: none repeat scroll 0 0 #CCCCCC;
  1517.     border: medium none;
  1518.     color: #666666;
  1519.     display: block;
  1520.     line-height: 2.6em;
  1521.     padding: 0 2em;
  1522.     text-shadow: 0 1px 0 white;
  1523. }
  1524. #feature-groups a:hover, #feature-groups a.current {
  1525.     background-image: -moz-linear-gradient(center top , #DDDDDD, #888888);
  1526. }
  1527. .ie7 #feature-groups a:hover, .ie7 #feature-groups a.current {
  1528. }
  1529. .feature-showcase {
  1530.     clear: both;
  1531.     padding-top: 30px;
  1532. }
  1533. .feature-showcase h3 {
  1534.     color: #4D4D4D;
  1535.     font-size: 32px;
  1536.     font-weight: bold;
  1537.     margin: 0 0 16px;
  1538. }
  1539. .feature-showcase ul {
  1540.     margin-left: -47px;
  1541. }
  1542. .ie7 .feature-showcase ul {
  1543. }
  1544. .feature-showcase li {
  1545.     background: url("/images/ideascale/features/feature-shadow.png") no-repeat scroll 50% 200px transparent;
  1546.     float: left;
  1547.     height: 430px;
  1548.     margin-left: 48px;
  1549.     width: 270px;
  1550. }
  1551. .feature-showcase a {
  1552.     border: medium none;
  1553. }
  1554. .feature-showcase a:hover img {
  1555.     box-shadow: 0 0 14px 5px #2870D5;
  1556. }
  1557. .feature-showcase h4 {
  1558.     font-size: 24px;
  1559.     font-weight: bold;
  1560.     line-height: 1.2em;
  1561.     margin: 0.5em 0 0.8em;
  1562. }
  1563. .feature-showcase h4 a {
  1564.     color: #333333;
  1565. }
  1566. .feature-showcase p {
  1567.     color: #666666;
  1568.     font-size: 12px;
  1569. }
  1570. #feature-details {
  1571.     margin-bottom: 30px;
  1572. }
  1573. #feature-details a {
  1574.     border: medium none;
  1575. }
  1576. #feature-details-content {
  1577.     margin-top: 1em;
  1578.     position: relative;
  1579. }
  1580. #feature-details-text {
  1581.     color: #FFFFFF;
  1582.     left: 60px;
  1583.     position: absolute;
  1584.     top: 90px;
  1585.     width: 430px;
  1586. }
  1587. #feature-details-text h1 {
  1588.     border: medium none;
  1589.     color: #FFFFFF;
  1590.     font-size: 46px;
  1591.     font-weight: bold;
  1592.     line-height: 1.2em;
  1593.     text-shadow: 2px 0 3px #000000;
  1594. }
  1595. #feature-details-text p {
  1596.     font-size: 12px;
  1597.     line-height: 1.6em;
  1598.     text-shadow: 2px 0 3px #000000;
  1599.     width: 350px;
  1600. }
  1601. #search-term-content {
  1602.     margin-bottom: 50px;
  1603. }
  1604. #oops {
  1605.     padding: 10px 0;
  1606. }
  1607. #oops h1 {
  1608.     border: medium none;
  1609.     color: #333333;
  1610. }
  1611. #error-report-form {
  1612.     margin-top: 20px;
  1613. }
  1614. #error-report-form label {
  1615.     color: #334F10;
  1616.     font-size: 1.5em;
  1617. }
  1618. #error-report-form textarea {
  1619.     display: block;
  1620.     height: 170px;
  1621.     margin: 1em 0;
  1622.     width: 624px;
  1623. }
  1624. #system-maintenance-notes {
  1625.     padding-top: 16px;
  1626. }
  1627. #system-maintenance-notes img {
  1628.     float: left;
  1629.     margin-right: 2em;
  1630. }
  1631. #system-maintenance-notes a {
  1632.     border: medium none;
  1633.     color: #334F10;
  1634.     font-style: italic;
  1635. }
  1636. .inner.directory {
  1637.     font-size: 1.5em;
  1638.     left: -8px;
  1639.     overflow: hidden;
  1640.     padding-bottom: 40px;
  1641.     position: relative;
  1642.     width: 945px;
  1643. }
  1644. .inner.directory h2 {
  1645.     color: #000000;
  1646.     font: 30px Helvetica,Arial,sans-serif bold;
  1647.     margin-top: 15px;
  1648. }
  1649. .inner.directory h3 {
  1650.     border-bottom: 2px solid #CCCCCC;
  1651.     color: #666666;
  1652.     font: bold 40px/1em Helvetica,Arial,sans-serif;
  1653.     margin-top: 30px;
  1654.     text-transform: uppercase;
  1655. }
  1656. .inner.directory li a {
  1657.     border: medium none;
  1658.     font: 1em Helvetica,Arial,sans-serif;
  1659.     text-decoration: none;
  1660. }
  1661. .inner.directory li a:hover {
  1662.     color: #777777;
  1663. }
  1664. .inner.directory .alphabetical {
  1665.     background: none repeat scroll 0 0 #E6E6E6;
  1666.     border-radius: 6px 6px 6px 6px;
  1667.     display: block;
  1668.     margin: 0 auto 35px;
  1669.     padding: 7px 5px 4px;
  1670. }
  1671. .inner.directory .alphabetical li {
  1672.     color: #B3B3B3;
  1673.     display: inline-block;
  1674.     font-family: Helvetica,Arial,sans-serif;
  1675.     font-size: 20px;
  1676.     font-weight: bold;
  1677.     margin: 0 0.43em;
  1678.     text-transform: uppercase;
  1679.     vertical-align: middle;
  1680. }
  1681. .ie7 .inner.directory .alphabetical li {
  1682.     display: inline;
  1683. }
  1684. .inner.directory .alphabetical li a {
  1685.     border: medium none;
  1686.     color: #88AF1C;
  1687.     text-decoration: none;
  1688. }
  1689. .inner.directory .alphabetical li a:hover {
  1690.     color: #777777;
  1691. }
  1692. .inner.directory .alphabetical li a.current {
  1693.     color: #000000;
  1694. }
  1695. .inner.directory .comunities {
  1696.     margin-bottom: 25px;
  1697. }
  1698. .inner.directory .comunities li {
  1699.     float: left;
  1700.     margin-bottom: 12px;
  1701.     overflow: hidden;
  1702.     padding-right: 3%;
  1703.     white-space: nowrap;
  1704.     width: 30%;
  1705. }
  1706. .home #top, .home #mini-nav, #header-home-wrapper #header, #header-home-wrapper #header-nav {
  1707.     display: none;
  1708. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement