code.grnet.gr Git - snf-cloudcms/blob - cloudcms/static/cloudcms/css/styles.css

   1 /*!
   2  * Bootstrap @VERSION
   3  *
   4  * Copyright 2011 Twitter, Inc
   5  * Licensed under the Apache License v2.0
   6  * http://www.apache.org/licenses/LICENSE-2.0
   7  *
   8  * Designed and built with all the love in the world @twitter by @mdo and @fat.
   9  * Date: @DATE
  10  */
  11 /* Reset.less
  12  * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here       that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
  13  * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
  14 html, body {
  15   margin: 0;
  16   padding: 0;
  17 }
  18 h1,
  19 h2,
  20 h3,
  21 h4,
  22 h5,
  23 h6,
  24 p,
  25 blockquote,
  26 pre,
  27 a,
  28 abbr,
  29 acronym,
  30 address,
  31 cite,
  32 code,
  33 del,
  34 dfn,
  35 em,
  36 img,
  37 q,
  38 s,
  39 samp,
  40 small,
  41 strike,
  42 strong,
  43 sub,
  44 sup,
  45 tt,
  46 var,
  47 dd,
  48 dl,
  49 dt,
  50 li,
  51 ol,
  52 ul,
  53 fieldset,
  54 form,
  55 label,
  56 legend,
  57 button,
  58 table,
  59 caption,
  60 tbody,
  61 tfoot,
  62 thead,
  63 tr,
  64 th,
  65 td {
  66   margin: 0;
  67   padding: 0;
  68   border: 0;
  69   font-weight: normal;
  70   font-style: normal;
  71   font-size: 100%;
  72   line-height: 1;
  73   font-family: inherit;
  74 }
  75 table {
  76   border-collapse: collapse;
  77   border-spacing: 0;
  78 }
  79 ol, ul {
  80   list-style: none;
  81 }
  82 q:before,
  83 q:after,
  84 blockquote:before,
  85 blockquote:after {
  86   content: "";
  87 }
  88 html {
  89   overflow-y: scroll;
  90   font-size: 100%;
  91   -webkit-text-size-adjust: 100%;
  92   -ms-text-size-adjust: 100%;
  93 }
  94 a:focus {
  95   outline: thin dotted;
  96 }
  97 a:hover, a:active {
  98   outline: 0;
  99 }
 100 article,
 101 aside,
 102 details,
 103 figcaption,
 104 figure,
 105 footer,
 106 header,
 107 hgroup,
 108 nav,
 109 section {
 110   display: block;
 111 }
 112 audio, canvas, video {
 113   display: inline-block;
 114   *display: inline;
 115   *zoom: 1;
 116 }
 117 audio:not([controls]) {
 118   display: none;
 119 }
 120 sub, sup {
 121   font-size: 75%;
 122   line-height: 0;
 123   position: relative;
 124   vertical-align: baseline;
 125 }
 126 sup {
 127   top: -0.5em;
 128 }
 129 sub {
 130   bottom: -0.25em;
 131 }
 132 img {
 133   border: 0;
 134   -ms-interpolation-mode: bicubic;
 135 }
 136 button,
 137 input,
 138 select,
 139 textarea {
 140   font-size: 100%;
 141   margin: 0;
 142   vertical-align: baseline;
 143   *vertical-align: middle;
 144 }
 145 button, input {
 146   line-height: normal;
 147   *overflow: visible;
 148 }
 149 button::-moz-focus-inner, input::-moz-focus-inner {
 150   border: 0;
 151   padding: 0;
 152 }
 153 button,
 154 input[type="button"],
 155 input[type="reset"],
 156 input[type="submit"] {
 157   cursor: pointer;
 158   -webkit-appearance: button;
 159 }
 160 input[type="search"] {
 161   -webkit-appearance: textfield;
 162   -webkit-box-sizing: content-box;
 163   -moz-box-sizing: content-box;
 164   box-sizing: content-box;
 165 }
 166 input[type="search"]::-webkit-search-decoration {
 167   -webkit-appearance: none;
 168 }
 169 textarea {
 170   overflow: auto;
 171   vertical-align: top;
 172 }
 173 /* Variables.less
 174  * Variables to customize the look and feel of Bootstrap
 175  * ----------------------------------------------------- */
 176 /* Mixins.less
 177  * Snippets of reusable CSS to develop faster and keep code readable
 178  * ----------------------------------------------------------------- */
 179 .makeRow {
 180   zoom: 1;
 181   margin-left: -22px;
 182 }
 183 .makeRow:before, .makeRow:after {
 184   display: table;
 185   content: "";
 186   zoom: 1;
 187 }
 188 .makeRow:after {
 189   clear: both;
 190 }
 191 .button {
 192   font-family: 'Antic', sans-serif;
 193   font-size: 14px;
 194   font-weight: normal;
 195   line-height: 22px;
 196   letter-spacing: 1px;
 197   font-family: 'Antic', sans-serif;
 198   font-size: 14px;
 199   font-weight: normal;
 200   line-height: 22px;
 201   letter-spacing: 1px;
 202   background-color: #3582ac;
 203   color: #ffffff;
 204   border: none;
 205   padding: 0.8em 22px;
 206   font-size: 1em;
 207 }
 208 .button:hover {
 209   background-color: #f89a1c;
 210 }
 211 .button.back {
 212   text-decoration: none;
 213   bottom: 0;
 214   float: right;
 215   z-index: 500;
 216 }
 217 .button.back.right {
 218   right: 0;
 219 }
 220 .buttons-list {
 221   z-index: 300;
 222   position: relative;
 223 }
 224 .buttons-list .button {
 225   margin-left: 10px;
 226 }
 227 .buttons-list.fixpos {
 228   margin-top: -42px;
 229 }
 230 a.button {
 231   text-align: center !important;
 232   color: #fff !important;
 233   border: none !important;
 234   display: block !important;
 235 }
 236 a.button:hover {
 237   color: #fff !important;
 238 }
 239 /*addon to style django forms rendered with as_p filter*/
 240 /*
 241  * Tables.less
 242  * Tables for, you guessed it, tabular data
 243  * ---------------------------------------- */
 244 table {
 245   width: 100%;
 246   margin-bottom: 22px;
 247   padding: 0;
 248   font-size: 14px;
 249   border-collapse: collapse;
 250 }
 251 table th, table td {
 252   padding: 10px 10px 9px;
 253   line-height: 22px;
 254   text-align: left;
 255 }
 256 table th {
 257   padding-top: 9px;
 258   font-weight: bold;
 259   vertical-align: middle;
 260 }
 261 table td {
 262   vertical-align: top;
 263   border-top: 1px solid #ddd;
 264 }
 265 table tbody th {
 266   border-top: 1px solid #ddd;
 267   vertical-align: top;
 268 }
 269 .condensed-table th, .condensed-table td {
 270   padding: 5px 5px 4px;
 271 }
 272 .bordered-table {
 273   border: 1px solid #ddd;
 274   border-collapse: separate;
 275   *border-collapse: collapse;
 276   /* IE7, collapse table to remove spacing */
 277
 278   -webkit-border-radius: 4px;
 279   -moz-border-radius: 4px;
 280   border-radius: 4px;
 281 }
 282 .bordered-table th + th, .bordered-table td + td, .bordered-table th + td {
 283   border-left: 1px solid #ddd;
 284 }
 285 .bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child {
 286   -webkit-border-radius: 4px 0 0 0;
 287   -moz-border-radius: 4px 0 0 0;
 288   border-radius: 4px 0 0 0;
 289 }
 290 .bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child {
 291   -webkit-border-radius: 0 4px 0 0;
 292   -moz-border-radius: 0 4px 0 0;
 293   border-radius: 0 4px 0 0;
 294 }
 295 .bordered-table tbody tr:last-child td:first-child {
 296   -webkit-border-radius: 0 0 0 4px;
 297   -moz-border-radius: 0 0 0 4px;
 298   border-radius: 0 0 0 4px;
 299 }
 300 .bordered-table tbody tr:last-child td:last-child {
 301   -webkit-border-radius: 0 0 4px 0;
 302   -moz-border-radius: 0 0 4px 0;
 303   border-radius: 0 0 4px 0;
 304 }
 305 table .span1 {
 306   width: 40px;
 307 }
 308 table .span2 {
 309   width: 120px;
 310 }
 311 table .span3 {
 312   width: 200px;
 313 }
 314 table .span4 {
 315   width: 280px;
 316 }
 317 table .span5 {
 318   width: 360px;
 319 }
 320 table .span6 {
 321   width: 440px;
 322 }
 323 table .span7 {
 324   width: 520px;
 325 }
 326 table .span8 {
 327   width: 600px;
 328 }
 329 table .span9 {
 330   width: 680px;
 331 }
 332 table .span10 {
 333   width: 760px;
 334 }
 335 table .span11 {
 336   width: 840px;
 337 }
 338 table .span12 {
 339   width: 920px;
 340 }
 341 table .span13 {
 342   width: 1000px;
 343 }
 344 table .span14 {
 345   width: 1080px;
 346 }
 347 table .span15 {
 348   width: 1160px;
 349 }
 350 table .span16 {
 351   width: 1240px;
 352 }
 353 .zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {
 354   background-color: #f9f9f9;
 355 }
 356 .zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {
 357   background-color: #f5f5f5;
 358 }
 359 table .header {
 360   cursor: pointer;
 361 }
 362 table .header:after {
 363   content: "";
 364   float: right;
 365   margin-top: 7px;
 366   border-width: 0 4px 4px;
 367   border-style: solid;
 368   border-color: #000 transparent;
 369   visibility: hidden;
 370 }
 371 table .headerSortUp, table .headerSortDown {
 372   background-color: rgba(141, 192, 219, 0.25);
 373   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 374 }
 375 table .header:hover:after {
 376   visibility: visible;
 377 }
 378 table .headerSortDown:after, table .headerSortDown:hover:after {
 379   visibility: visible;
 380   filter: alpha(opacity=60);
 381   -khtml-opacity: 0.6;
 382   -moz-opacity: 0.6;
 383   opacity: 0.6;
 384 }
 385 table .headerSortUp:after {
 386   border-bottom: none;
 387   border-left: 4px solid transparent;
 388   border-right: 4px solid transparent;
 389   border-top: 4px solid #000;
 390   visibility: visible;
 391   -webkit-box-shadow: none;
 392   -moz-box-shadow: none;
 393   box-shadow: none;
 394   filter: alpha(opacity=60);
 395   -khtml-opacity: 0.6;
 396   -moz-opacity: 0.6;
 397   opacity: 0.6;
 398 }
 399 table .blue {
 400   color: #3582ac;
 401   border-bottom-color: #3582ac;
 402 }
 403 table .headerSortUp.blue, table .headerSortDown.blue {
 404   background-color: #c1ddec;
 405 }
 406 table .green {
 407   color: #46a546;
 408   border-bottom-color: #46a546;
 409 }
 410 table .headerSortUp.green, table .headerSortDown.green {
 411   background-color: #cdeacd;
 412 }
 413 table .red {
 414   color: #9d261d;
 415   border-bottom-color: #9d261d;
 416 }
 417 table .headerSortUp.red, table .headerSortDown.red {
 418   background-color: #f4c8c5;
 419 }
 420 table .yellow {
 421   color: #ffc40d;
 422   border-bottom-color: #ffc40d;
 423 }
 424 table .headerSortUp.yellow, table .headerSortDown.yellow {
 425   background-color: #fff6d9;
 426 }
 427 table .orange {
 428   color: #f89406;
 429   border-bottom-color: #f89406;
 430 }
 431 table .headerSortUp.orange, table .headerSortDown.orange {
 432   background-color: #fee9cc;
 433 }
 434 table .purple {
 435   color: #7a43b6;
 436   border-bottom-color: #7a43b6;
 437 }
 438 table .headerSortUp.purple, table .headerSortDown.purple {
 439   background-color: #e2d5f0;
 440 }
 441 .makeRow {
 442   zoom: 1;
 443   margin-left: -22px;
 444 }
 445 .makeRow:before, .makeRow:after {
 446   display: table;
 447   content: "";
 448   zoom: 1;
 449 }
 450 .makeRow:after {
 451   clear: both;
 452 }
 453 .button {
 454   font-family: 'Antic', sans-serif;
 455   font-size: 14px;
 456   font-weight: normal;
 457   line-height: 22px;
 458   letter-spacing: 1px;
 459   font-family: 'Antic', sans-serif;
 460   font-size: 14px;
 461   font-weight: normal;
 462   line-height: 22px;
 463   letter-spacing: 1px;
 464   background-color: #3582ac;
 465   color: #ffffff;
 466   border: none;
 467   padding: 0.8em 22px;
 468   font-size: 1em;
 469 }
 470 .button:hover {
 471   background-color: #f89a1c;
 472 }
 473 .button.back {
 474   text-decoration: none;
 475   bottom: 0;
 476   float: right;
 477   z-index: 500;
 478 }
 479 .button.back.right {
 480   right: 0;
 481 }
 482 .buttons-list {
 483   z-index: 300;
 484   position: relative;
 485 }
 486 .buttons-list .button {
 487   margin-left: 10px;
 488 }
 489 .buttons-list.fixpos {
 490   margin-top: -42px;
 491 }
 492 a.button {
 493   text-align: center !important;
 494   color: #fff !important;
 495   border: none !important;
 496   display: block !important;
 497 }
 498 a.button:hover {
 499   color: #fff !important;
 500 }
 501 /*
 502     ColorBox Core Style:
 503     The following CSS is consistent between example themes and should not be altered.
 504 */
 505 #colorbox, #cboxOverlay, #cboxWrapper {
 506   position: absolute;
 507   top: 0;
 508   left: 0;
 509   z-index: 9999;
 510   overflow: hidden;
 511 }
 512 #cboxOverlay {
 513   position: fixed;
 514   width: 100%;
 515   height: 100%;
 516 }
 517 #cboxMiddleLeft, #cboxBottomLeft {
 518   clear: left;
 519 }
 520 #cboxContent {
 521   position: relative;
 522 }
 523 #cboxLoadedContent {
 524   overflow: auto;
 525 }
 526 #cboxTitle {
 527   margin: 0;
 528 }
 529 #cboxLoadingOverlay, #cboxLoadingGraphic {
 530   position: absolute;
 531   top: 0;
 532   left: 0;
 533   width: 100%;
 534   height: 100%;
 535 }
 536 #cboxPrevious,
 537 #cboxNext,
 538 #cboxClose,
 539 #cboxSlideshow {
 540   cursor: pointer;
 541 }
 542 .cboxPhoto {
 543   float: left;
 544   margin: auto;
 545   border: 0;
 546   display: block;
 547 }
 548 .cboxIframe {
 549   width: 100%;
 550   height: 100%;
 551   display: block;
 552   border: 0;
 553 }
 554 /*
 555     User Style:
 556     Change the following styles to modify the appearance of ColorBox.  They are
 557     ordered & tabbed in a way that represents the nesting of the generated HTML.
 558 */
 559 #cboxOverlay {
 560   background: #000;
 561 }
 562 #cboxContent {
 563   margin-top: 20px;
 564 }
 565 .cboxIframe {
 566   background: #fff;
 567 }
 568 #cboxError {
 569   padding: 50px;
 570   border: 1px solid #ccc;
 571 }
 572 #cboxLoadedContent {
 573   border: 5px solid #000;
 574   background: #fff;
 575 }
 576 #cboxTitle {
 577   position: absolute;
 578   top: -20px;
 579   left: 0;
 580   color: #ccc;
 581 }
 582 #cboxCurrent {
 583   position: absolute;
 584   top: -20px;
 585   right: 0px;
 586   color: #ccc;
 587 }
 588 #cboxSlideshow {
 589   position: absolute;
 590   top: -20px;
 591   right: 90px;
 592   color: #fff;
 593 }
 594 #cboxPrevious {
 595   position: absolute;
 596   top: 50%;
 597   left: 5px;
 598   margin-top: -32px;
 599   background: url(../images/colorbox/controls.png) no-repeat top left;
 600   width: 28px;
 601   height: 65px;
 602   text-indent: -9999px;
 603 }
 604 #cboxPrevious:hover {
 605   background-position: bottom left;
 606 }
 607 #cboxNext {
 608   position: absolute;
 609   top: 50%;
 610   right: 5px;
 611   margin-top: -32px;
 612   background: url(../images/colorbox/controls.png) no-repeat top right;
 613   width: 28px;
 614   height: 65px;
 615   text-indent: -9999px;
 616 }
 617 #cboxNext:hover {
 618   background-position: bottom right;
 619 }
 620 #cboxLoadingOverlay {
 621   background: #000;
 622 }
 623 #cboxLoadingGraphic {
 624   background: url(../images/colorbox/loading.gif) no-repeat center center;
 625 }
 626 #cboxClose {
 627   position: absolute;
 628   top: 5px;
 629   right: 5px;
 630   display: block;
 631   background: url(../images/colorbox/controls.png) no-repeat top center;
 632   width: 38px;
 633   height: 19px;
 634   text-indent: -9999px;
 635 }
 636 #cboxClose:hover {
 637   background-position: bottom center;
 638 }
 639 .resources .categories ul {
 640   zoom: 1;
 641 }
 642 .resources .categories ul:before, .resources .categories ul:after {
 643   display: table;
 644   content: "";
 645   zoom: 1;
 646 }
 647 .resources .categories ul:after {
 648   clear: both;
 649 }
 650 .resources .categories ul li {
 651   float: left;
 652 }
 653 .resources .categories .title {
 654   margin-bottom: 7.333333333333333px;
 655 }
 656 .resources .categories ul li a {
 657   text-decoration: none;
 658   color: #000;
 659   margin-right: 22px;
 660 }
 661 .resources .categories ul li a:hover, .resources .categories ul li a.selected {
 662   color: #000 !important;
 663 }
 664 .resources .categories ul li.inactive {
 665   opacity: 0.3;
 666 }
 667 .resources .categories ul li.active {
 668   opacity: 1;
 669   font-weight: bold;
 670 }
 671 .resources .list {
 672   font-size: 0.9em;
 673   line-height: 1em;
 674   margin-top: 58.666666666666664px;
 675   position: relative;
 676 }
 677 .resources .list .resource-wrapper.first .resource {
 678   margin-left: 0;
 679 }
 680 .resources .list .resource-wrapper {
 681   position: relative;
 682   width: 200px;
 683   margin-left: 22px;
 684   margin-bottom: 22px;
 685   width: 251px;
 686   float: left;
 687   overflow: hidden;
 688   height: 249.33333333333331px;
 689 }
 690 .resources .list .resource-wrapper.first {
 691   margin-left: 0;
 692 }
 693 .resources .list .resource-wrapper.hidden {
 694   display: none;
 695 }
 696 .resources .list .resource {
 697   border: 1px solid #000;
 698   -moz-box-sizing: border-box;
 699   -webkit-box-sizing: border-box;
 700   box-sizing: border-box;
 701   *behavior: url(boxsizing.htc);
 702   padding: 29.333333333333332px;
 703   height: 249.33333333333331px;
 704   overflow: hidden;
 705 }
 706 .resources .list .resource .date {
 707   color: #808080;
 708   margin-bottom: 3px;
 709 }
 710 .resources .list .resource .description {
 711   font-size: 1.1em;
 712   position: absolute;
 713   height: 210px;
 714   -webkit-transition: top 0.35s ease-in-out;
 715   -moz-transition: top 0.35s ease-in-out;
 716   transition: top 0.35s ease-in-out;
 717   -webkit-transition: top 0.35s ease-in-out;
 718   -moz-transition: top 0.35s ease-in-out;
 719   transition: top 0.35s ease-in-out;
 720   top: -210px;
 721   width: 100%;
 722   margin-left: -29.333333333333332px;
 723   padding: 29.333333333333332px;
 724   -moz-box-sizing: border-box;
 725   -webkit-box-sizing: border-box;
 726   box-sizing: border-box;
 727   *behavior: url(boxsizing.htc);
 728   color: #fff;
 729 }
 730 .resources .list .resource .title {
 731   line-height: 1.4em;
 732 }
 733 .resources .list .resource .category {
 734   margin-top: 29.333333333333332px;
 735   color: #808080;
 736 }
 737 .resources .list .resource .category a {
 738   color: #808080;
 739 }
 740 .resources .list .resource .download {
 741   margin-left: -10px;
 742   margin-bottom: 3px;
 743   bottom: 0;
 744   position: absolute;
 745   font-size: 1.1em;
 746   width: 100%;
 747   text-align: middle;
 748   -moz-box-sizing: border-box;
 749   -webkit-box-sizing: border-box;
 750   box-sizing: border-box;
 751   *behavior: url(boxsizing.htc);
 752   cursor: pointer;
 753 }
 754 .resources .list .resource .download a {
 755   display: block;
 756   color: #000000;
 757   text-decoration: none;
 758   padding: 5px;
 759   padding-left: 14.666666666666666px;
 760 }
 761 .resources .list .resource .download a:hover, .resources .list .resource .download a .hovered {
 762   color: #ff5d00;
 763 }
 764 .resources .list .resource .download a:hover .download-image, .resources .list .resource .download a .hovered .download-image {
 765   background-image: url("../images/resource_down_arrow-active.png");
 766 }
 767 .resources .list .resource .download a .download-image {
 768   display: block;
 769   width: 30px;
 770   height: 30px;
 771   float: left;
 772   margin-top: -7px;
 773   margin-right: 10px;
 774   background-image: url("../images/resource_down_arrow.png");
 775   background-position: 50% 50%;
 776   background-repeat: no-repeat;
 777 }
 778 .resources .list .resource .download img {
 779   margin-right: 10px;
 780   vertical-align: middle;
 781 }
 782 .resources .list .resource:hover .description, .resources .list .resource .hover .description {
 783   top: 0;
 784   display: block;
 785 }
 786 .border-box {
 787   -moz-box-sizing: border-box;
 788   -webkit-box-sizing: border-box;
 789   box-sizing: border-box;
 790   *behavior: url(boxsizing.htc);
 791 }
 792 .clearme {
 793   zoom: 1;
 794 }
 795 .clearme:before, .clearme:after {
 796   display: table;
 797   content: "";
 798   zoom: 1;
 799 }
 800 .clearme:after {
 801   clear: both;
 802 }
 803 body {
 804   font-family: 'Antic', sans-serif;
 805   font-size: 14px;
 806   font-weight: normal;
 807   line-height: 22px;
 808   letter-spacing: 1px;
 809   font-family: 'Antic', sans-serif;
 810   font-size: 14px;
 811   font-weight: normal;
 812   line-height: 22px;
 813   letter-spacing: 1px;
 814   font-size: 12px;
 815 }
 816 .topbar {
 817   background-color: #cfcdc7;
 818 }
 819 .topbar .head {
 820   float: left;
 821   padding: 2.333333333333333px;
 822 }
 823 .topbar .links {
 824   zoom: 1;
 825   float: right;
 826 }
 827 .topbar .links:before, .topbar .links:after {
 828   display: table;
 829   content: "";
 830   zoom: 1;
 831 }
 832 .topbar .links:after {
 833   clear: both;
 834 }
 835 .topbar .links a {
 836   color: #000000;
 837   text-decoration: none;
 838   display: block;
 839   float: left;
 840   margin-left: 10px;
 841   padding: 8.333333333333332px;
 842 }
 843 .topbar .links a:hover {
 844   background-color: #1a1a1a;
 845   color: #ffffff;
 846 }
 847 section a,
 848 p a,
 849 form a,
 850 .section a,
 851 .styledlinks a,
 852 a.styled {
 853   color: #000000;
 854   text-decoration: none;
 855   border-bottom: 1px solid #f89a1c;
 856 }
 857 section a:hover,
 858 p a:hover,
 859 form a:hover,
 860 .section a:hover,
 861 .styledlinks a:hover,
 862 a.styled:hover {
 863   color: #f89a1c;
 864 }
 865 section a.noborder,
 866 p a.noborder,
 867 form a.noborder,
 868 .section a.noborder,
 869 .styledlinks a.noborder,
 870 a.styled.noborder {
 871   border: none;
 872 }
 873 section a em,
 874 p a em,
 875 form a em,
 876 .section a em,
 877 .styledlinks a em,
 878 a.styled em {
 879   color: #3582ac;
 880 }
 881 a.simple {
 882   border: none;
 883 }
 884 a.action {
 885   color: #f89a1c;
 886   border-bottom: none;
 887 }
 888 a img {
 889   border-bottom: none;
 890 }
 891 .content-border {
 892   border-right: 1px solid #808080;
 893   border-left: 1px solid #808080;
 894 }
 895 .hidden {
 896   display: none !important;
 897 }
 898 .container, .topbar, .footer {
 899   width: 796px;
 900   margin-left: auto;
 901   margin-right: auto;
 902   zoom: 1;
 903   border-right: 1px solid #808080;
 904   border-left: 1px solid #808080;
 905   padding: 0 82px;
 906 }
 907 .container:before,
 908 .topbar:before,
 909 .footer:before,
 910 .container:after,
 911 .topbar:after,
 912 .footer:after {
 913   display: table;
 914   content: "";
 915   zoom: 1;
 916 }
 917 .container:after, .topbar:after, .footer:after {
 918   clear: both;
 919 }
 920 .container {
 921   padding-bottom: 82px;
 922   background-color: #ffffff;
 923 }
 924 div.header {
 925   position: relative;
 926   margin-top: 36.666666666666664px;
 927   margin-bottom: 14.666666666666666px;
 928 }
 929 div.header h1 {
 930   color: #cfcdc7;
 931   display: inline;
 932   font-size: 2.3em;
 933   border-bottom: 1px solid #cfcdc7;
 934   padding-bottom: 3px;
 935 }
 936 .mainlogo {
 937   height: 36px;
 938 }
 939 .mainlogo h1 {
 940   height: 36px;
 941 }
 942 .mainlogo img {
 943   margin-left: -10px;
 944 }
 945 .footer {
 946   border-bottom: 1px solid #808080;
 947   border-top: 1px solid #a6a6a6;
 948   padding-top: 14.666666666666666px;
 949   padding-bottom: 14.666666666666666px;
 950 }
 951 ul.inline {
 952   zoom: 1;
 953 }
 954 ul.inline:before, ul.inline:after {
 955   display: table;
 956   content: "";
 957   zoom: 1;
 958 }
 959 ul.inline:after {
 960   clear: both;
 961 }
 962 ul.inline li {
 963   display: block;
 964   float: left;
 965   margin-right: 1em;
 966 }
 967 .mainnav.quicknav {
 968   position: absolute;
 969   right: 0;
 970   top: -38.13333333333333px;
 971   margin: 0;
 972 }
 973 .mainnav.quicknav li {
 974   margin-right: 0;
 975   margin-left: 1em;
 976 }
 977 .navigation {
 978   height: 83px;
 979   position: absolute;
 980   right: -15px;
 981   top: -23px;
 982 }
 983 .mainnav {
 984   font-size: 1.3em;
 985 }
 986 .mainnav.subnav {
 987   margin-bottom: -14.666666666666666px;
 988 }
 989 .mainnav.subnav li {
 990   margin-top: 5.866666666666667px;
 991   float: right;
 992 }
 993 .mainnav li {
 994   margin-top: 29.333333333333332px;
 995 }
 996 .mainnav li.active a {
 997   /*border-bottom: 1px solid @linkColor;*/
 998
 999   border-bottom: none;
1000   color: #f89a1c;
1001 }
1002 .mainnav a {
1003   color: #000000;
1004   text-decoration: none;
1005 }
1006 .mainnav a:hover {
1007   border-bottom: 1px solid #f89a1c;
1008 }
1009 .mainnav a.active, .mainnav a:active {
1010   border-bottom: 1px solid #f89a1c;
1011   color: #f89a1c;
1012 }
1013 .bottom-section {
1014   zoom: 1;
1015 }
1016 .bottom-section:before, .bottom-section:after {
1017   display: table;
1018   content: "";
1019   zoom: 1;
1020 }
1021 .bottom-section:after {
1022   clear: both;
1023 }
1024 .bottom-section .section img {
1025   width: 200px;
1026 }
1027 .top-section {
1028   zoom: 1;
1029 }
1030 .top-section:before, .top-section:after {
1031   display: table;
1032   content: "";
1033   zoom: 1;
1034 }
1035 .top-section:after {
1036   clear: both;
1037 }
1038 div.page {
1039   zoom: 1;
1040   margin-left: -22px;
1041   zoom: 1;
1042   margin-left: -22px;
1043   margin-top: 73.33333333333333px;
1044   font-size: 1.1em;
1045 }
1046 div.page:before, div.page:after {
1047   display: table;
1048   content: "";
1049   zoom: 1;
1050 }
1051 div.page:after {
1052   clear: both;
1053 }
1054 div.page:before, div.page:after {
1055   display: table;
1056   content: "";
1057   zoom: 1;
1058 }
1059 div.page:after {
1060   clear: both;
1061 }
1062 div.page .page-inner {
1063   position: relative;
1064 }
1065 .maincol {
1066   position: relative;
1067   display: inline;
1068   float: left;
1069   margin-left: 22px;
1070   width: 388px;
1071 }
1072 .maincol.wide {
1073   display: inline;
1074   float: left;
1075   margin-left: 22px;
1076   width: 470px;
1077 }
1078 .maincol.full {
1079   zoom: 1;
1080   margin-left: -22px;
1081   zoom: 1;
1082   margin-left: -22px;
1083   margin-left: 0;
1084   display: inline;
1085   float: left;
1086   margin-left: 22px;
1087   width: 798px;
1088 }
1089 .maincol.full:before, .maincol.full:after {
1090   display: table;
1091   content: "";
1092   zoom: 1;
1093 }
1094 .maincol.full:after {
1095   clear: both;
1096 }
1097 .maincol.full:before, .maincol.full:after {
1098   display: table;
1099   content: "";
1100   zoom: 1;
1101 }
1102 .maincol.full:after {
1103   clear: both;
1104 }
1105 .maincol .nextlink {
1106   margin-top: 60px;
1107   text-align: right;
1108   float: right;
1109   margin-right: 50px;
1110   font-size: 1.1em;
1111 }
1112 .maincol .content-bottom {
1113   position: relative;
1114   zoom: 1;
1115 }
1116 .maincol .content-bottom:before, .maincol .content-bottom:after {
1117   display: table;
1118   content: "";
1119   zoom: 1;
1120 }
1121 .maincol .content-bottom:after {
1122   clear: both;
1123 }
1124 .backlink {
1125   margin: 30px 0;
1126 }
1127 .appbar {
1128   height: 30px;
1129   background-color: #3582ac;
1130 }
1131 .rightcol {
1132   margin-left: 511px;
1133   width: 306px;
1134 }
1135 .rightcol.narrow {
1136   margin-left: 593px;
1137   width: 224px;
1138 }
1139 .rightcol input[type=text], .rightcol input[type=password] {
1140   width: 273px;
1141 }
1142 /* generic form styles */
1143 input, textarea, .form-widget {
1144   background-color: #ffffff;
1145   color: #808080;
1146   border-color: #000000;
1147 }
1148 #forms .input, #forms input {
1149   font-family: 'Antic', sans-serif;
1150   font-size: 14px;
1151   font-weight: normal;
1152   line-height: 22px;
1153   letter-spacing: 1px;
1154   font-family: 'Antic', sans-serif;
1155   font-size: 14px;
1156   font-weight: normal;
1157   line-height: 22px;
1158   letter-spacing: 1px;
1159   border: 1px solid #808080;
1160   height: 21px;
1161   display: inline-block;
1162   margin-bottom: -1px;
1163   padding: 0.8em;
1164   padding-left: 1.5em;
1165   z-index: 2;
1166 }
1167 #forms .input:focus, #forms input:focus {
1168   position: relative;
1169   border: 1px solid #000;
1170   z-index: 100;
1171 }
1172 #forms .input:focus label, #forms input:focus label {
1173   z-index: 300;
1174 }
1175 .altcol {
1176   background-color: #c3c3b9 !important;
1177 }
1178 .altcol:hover {
1179   background-color: #f89a1c !important;
1180 }
1181 .section {
1182   margin-bottom: 44px;
1183 }
1184 .section em {
1185   color: #3582ac;
1186 }
1187 .section.positioned {
1188   margin-bottom: 0;
1189 }
1190 .section.positioned .content {
1191   display: inline;
1192   float: left;
1193   margin-left: 22px;
1194   width: 306px;
1195 }
1196 .section.positioned.withimg .img {
1197   display: inline;
1198   float: left;
1199   margin-left: 22px;
1200   width: 306px;
1201 }
1202 .section.positioned.withimg img {
1203   float: left;
1204 }
1205 .section.positioned h3 {
1206   font-size: 1.2em;
1207   margin-bottom: 14.666666666666666px;
1208 }
1209 .section.positioned .text {
1210   color: #000000;
1211 }
1212 .section .left, .section .right {
1213   width: 50%;
1214   float: left;
1215 }
1216 .section.imagelist {
1217   margin-top: 2em;
1218   zoom: 1;
1219 }
1220 .section.imagelist:before, .section.imagelist:after {
1221   display: table;
1222   content: "";
1223   zoom: 1;
1224 }
1225 .section.imagelist:after {
1226   clear: both;
1227 }
1228 .section.imagelist img {
1229   float: left;
1230   margin-right: 4em;
1231   vertical-align: middle;
1232 }
1233 input[readonly=true] {
1234   background-color: #ddd;
1235   color: #5e5e5e;
1236 }
1237 form.withlabels label {
1238   width: 224px;
1239   display: block;
1240   float: left;
1241   padding-top: 1em;
1242 }
1243 form.withlabels input[type=text], form.withlabels input[type=password], form.withlabels textarea {
1244   width: 224px;
1245 }
1246 form.withlabels input[type=text].long, form.withlabels input[type=password].long, form.withlabels textarea.long {
1247   width: 224px;
1248 }
1249 .login-section a.button {
1250   margin-bottom: 12px;
1251 }
1252 .login-section a.button:last-child {
1253   margin-bottom: none;
1254 }
1255 .login-section a.button.withicon {
1256   background-repeat: no-repeat;
1257   background-position: 15px 50%;
1258   padding-left: 40px;
1259 }
1260 .login-section.loggedin {
1261   padding-bottom: 0 !important;
1262   background-image: none !important;
1263 }
1264 form.login {
1265   margin-bottom: 22px;
1266 }
1267 form h2 {
1268   color: #000000;
1269   margin-bottom: 14.666666666666666px;
1270   font-size: 1.1em;
1271 }
1272 form h2 span {
1273   padding-bottom: 3px;
1274 }
1275 form .form-row {
1276   min-height: 29.333333333333332px;
1277   position: relative;
1278 }
1279 form .form-row.submit {
1280   margin-top: 22px;
1281 }
1282 form .form-row .extra-link {
1283   color: #808080;
1284   text-decoration: none;
1285   border: none;
1286   font-size: 0.8em;
1287   margin-top: 1.3em;
1288   float: right;
1289 }
1290 form .form-row label {
1291   font-size: 1.1em;
1292 }
1293 form.innerlabels label {
1294   position: absolute;
1295   top: 1.1em;
1296   left: 1.5em;
1297   color: #aaa;
1298 }
1299 form.innerlabels p {
1300   position: relative;
1301 }
1302 form textarea,
1303 form input.text,
1304 form input[type="text"],
1305 form input[type="password"] {
1306   font-family: 'Antic', sans-serif;
1307   font-size: 14px;
1308   font-weight: normal;
1309   line-height: 22px;
1310   letter-spacing: 1px;
1311   font-family: 'Antic', sans-serif;
1312   font-size: 14px;
1313   font-weight: normal;
1314   line-height: 22px;
1315   letter-spacing: 1px;
1316   border: 1px solid #808080;
1317   height: 21px;
1318   display: inline-block;
1319   margin-bottom: -1px;
1320   padding: 0.8em;
1321   padding-left: 1.5em;
1322   z-index: 2;
1323 }
1324 form textarea:focus,
1325 form input.text:focus,
1326 form input[type="text"]:focus,
1327 form input[type="password"]:focus {
1328   position: relative;
1329   border: 1px solid #000;
1330   z-index: 100;
1331 }
1332 form textarea:focus label,
1333 form input.text:focus label,
1334 form input[type="text"]:focus label,
1335 form input[type="password"]:focus label {
1336   z-index: 300;
1337 }
1338 form input.submit, form input[type="submit"] {
1339   font-family: 'Antic', sans-serif;
1340   font-size: 14px;
1341   font-weight: normal;
1342   line-height: 22px;
1343   letter-spacing: 1px;
1344   font-family: 'Antic', sans-serif;
1345   font-size: 14px;
1346   font-weight: normal;
1347   line-height: 22px;
1348   letter-spacing: 1px;
1349   background-color: #3582ac;
1350   color: #ffffff;
1351   border: none;
1352   padding: 0.8em 22px;
1353   font-size: 1em;
1354   font-family: 'Antic', sans-serif;
1355   font-size: 14px;
1356   font-weight: normal;
1357   line-height: 22px;
1358   letter-spacing: 1px;
1359   font-family: 'Antic', sans-serif;
1360   font-size: 14px;
1361   font-weight: normal;
1362   line-height: 22px;
1363   letter-spacing: 1px;
1364   background-color: #3582ac;
1365   color: #ffffff;
1366   border: none;
1367   padding: 0.8em 22px;
1368   font-size: 1em;
1369 }
1370 form input.submit:hover, form input[type="submit"]:hover {
1371   background-color: #f89a1c;
1372 }
1373 form input.submit.back, form input[type="submit"].back {
1374   text-decoration: none;
1375   bottom: 0;
1376   float: right;
1377   z-index: 500;
1378 }
1379 form input.submit.back.right, form input[type="submit"].back.right {
1380   right: 0;
1381 }
1382 form input.submit:hover, form input[type="submit"]:hover {
1383   background-color: #f89a1c;
1384 }
1385 form input.submit.back, form input[type="submit"].back {
1386   text-decoration: none;
1387   bottom: 0;
1388   float: right;
1389   z-index: 500;
1390 }
1391 form input.submit.back.right, form input[type="submit"].back.right {
1392   right: 0;
1393 }
1394 form textarea {
1395   height: 200px;
1396   width: 350px !important;
1397 }
1398 form .with-errors input, form .with-errors textarea, form .with-errors select {
1399   color: #9d261d;
1400 }
1401 form .with-errors label {
1402   color: #e4776f;
1403 }
1404 .form-error {
1405   background-color: #9d261d;
1406   color: #fff;
1407   font-size: 0.8em;
1408   padding: 5px 5px;
1409 }
1410 .form-errors.all .form-error {
1411   position: relative;
1412   border-radius: 0;
1413   margin-bottom: 1.3em;
1414   padding: 0.5em;
1415 }
1416 div.form-stacked {
1417   margin-bottom: 4em;
1418 }
1419 .rightcol .section {
1420   background-image: url("../images/dashed_border.png");
1421   background-repeat: repeat-x;
1422   background-position: left bottom;
1423   padding-bottom: 29.333333333333332px;
1424   margin-bottom: 29.333333333333332px;
1425 }
1426 .section h2 {
1427   font-size: 1.1em;
1428   line-height: 1.3em;
1429   margin-bottom: 22px;
1430 }
1431 .section h2 a {
1432   color: #4085A6;
1433   border: none;
1434   line-height: 1.3em;
1435 }
1436 .section h3 {
1437   font-size: 1.1em;
1438   line-height: 1.3em;
1439   margin-bottom: 22px;
1440 }
1441 .section p {
1442   line-height: 1.7em;
1443 }
1444 .section .section-img {
1445   margin-bottom: 14.666666666666666px;
1446 }
1447 .messages {
1448   display: inline;
1449   float: left;
1450   margin-left: 22px;
1451   width: 798px;
1452   margin: 2em 0;
1453   background-color: #ddd;
1454   margin-left: 0;
1455   font-size: 1.1em;
1456 }
1457 .messages li {
1458   padding: 1em;
1459 }
1460 .messages li.success {
1461   background-color: #46a546;
1462   color: #ffffff;
1463 }
1464 .messages li.error {
1465   background-color: #9d261d;
1466   color: #ffffff;
1467 }
1468 .messages li.warning {
1469   background-color: #AF6906;
1470   color: #000000;
1471 }
1472 .messages .warning {
1473   color: #ffffff !important;
1474 }
1475 .messages .warning a {
1476   color: inherit;
1477   font-weight: bold;
1478 }
1479 .service-desc {
1480   margin-top: 4em;
1481 }
1482 table td.consumed {
1483   color: #9d261d;
1484 }
1485 table tr.consumed td.consumed {
1486   color: #46a546;
1487 }
1488 .row {
1489   zoom: 1;
1490   margin-left: -22px;
1491   zoom: 1;
1492   margin-left: -22px;
1493 }
1494 .row:before, .row:after {
1495   display: table;
1496   content: "";
1497   zoom: 1;
1498 }
1499 .row:after {
1500   clear: both;
1501 }
1502 .row:before, .row:after {
1503   display: table;
1504   content: "";
1505   zoom: 1;
1506 }
1507 .row:after {
1508   clear: both;
1509 }
1510 .footer {
1511   zoom: 1;
1512   color: #b3b3b3;
1513   -webkit-transition: color 0.15s ease-in-out;
1514   -moz-transition: color 0.15s ease-in-out;
1515   transition: color 0.15s ease-in-out;
1516   -webkit-transition: color 0.15s ease-in-out;
1517   -moz-transition: color 0.15s ease-in-out;
1518   transition: color 0.15s ease-in-out;
1519 }
1520 .footer:before, .footer:after {
1521   display: table;
1522   content: "";
1523   zoom: 1;
1524 }
1525 .footer:after {
1526   clear: both;
1527 }
1528 .footer a {
1529   -webkit-transition: color 0.15s ease-in-out;
1530   -moz-transition: color 0.15s ease-in-out;
1531   transition: color 0.15s ease-in-out;
1532   -webkit-transition: color 0.15s ease-in-out;
1533   -moz-transition: color 0.15s ease-in-out;
1534   transition: color 0.15s ease-in-out;
1535 }
1536 .footer:hover {
1537   color: #808080 !important;
1538 }
1539 .footer:hover a {
1540   color: #808080 !important;
1541 }
1542 .footer a {
1543   color: #b3b3b3;
1544   text-decoration: none;
1545 }
1546 .footer a:hover {
1547   color: #000 !important;
1548 }
1549 .footer li {
1550   margin-bottom: 7.333333333333333px;
1551 }
1552 .footer li.header {
1553   margin-bottom: 14.666666666666666px;
1554 }
1555 .footer .col {
1556   display: inline;
1557   float: left;
1558   margin-left: 22px;
1559   width: 306px;
1560 }
1561 .footer .col:last-child, .footer .col.last {
1562   width: 140px;
1563   margin-right: 0;
1564 }
1565 .footer .top.row, .footer .last.row {
1566   zoom: 1;
1567   margin-left: -22px;
1568   zoom: 1;
1569   margin-left: -22px;
1570   margin: 20px 0;
1571 }
1572 .footer .top.row:before,
1573 .footer .last.row:before,
1574 .footer .top.row:after,
1575 .footer .last.row:after {
1576   display: table;
1577   content: "";
1578   zoom: 1;
1579 }
1580 .footer .top.row:after, .footer .last.row:after {
1581   clear: both;
1582 }
1583 .footer .top.row:before,
1584 .footer .last.row:before,
1585 .footer .top.row:after,
1586 .footer .last.row:after {
1587   display: table;
1588   content: "";
1589   zoom: 1;
1590 }
1591 .footer .top.row:after, .footer .last.row:after {
1592   clear: both;
1593 }
1594 .footer .top.row .col, .footer .last.row .col {
1595   display: inline;
1596   float: left;
1597   margin-left: 22px;
1598   width: 306px;
1599 }
1600 .footer .top.row .col.first, .footer .last.row .col.first {
1601   margin-left: 0 !important;
1602 }
1603 .footer .top.row .col.last, .footer .last.row .col.last {
1604   display: inline;
1605   float: left;
1606   margin-left: 22px;
1607   width: 142px;
1608 }
1609 .footer .top.row {
1610   margin-top: 0;
1611 }
1612 .footer .last.row {
1613   text-align: left;
1614   font-size: 0.8em;
1615   margin-bottom: 0;
1616 }
1617 .footer .bottom.row .col {
1618   display: inline;
1619   float: left;
1620   margin-left: 22px;
1621   width: 142px;
1622 }
1623 .footer .bottom.row .col:last-child, .footer .bottom.row .col.last {
1624   width: 140px;
1625   margin-right: 0;
1626 }
1627 /*pagination*/
1628 .pagination a.page {
1629   display: inline !important;
1630 }
1631 /*blog styles*/
1632 .blog-entry {
1633   margin-bottom: 44px;
1634   zoom: 1;
1635   margin-bottom: 29.333333333333332px;
1636 }
1637 .blog-entry em {
1638   color: #3582ac;
1639 }
1640 .blog-entry.positioned {
1641   margin-bottom: 0;
1642 }
1643 .blog-entry.positioned .content {
1644   display: inline;
1645   float: left;
1646   margin-left: 22px;
1647   width: 306px;
1648 }
1649 .blog-entry.positioned.withimg .img {
1650   display: inline;
1651   float: left;
1652   margin-left: 22px;
1653   width: 306px;
1654 }
1655 .blog-entry.positioned.withimg img {
1656   float: left;
1657 }
1658 .blog-entry.positioned h3 {
1659   font-size: 1.2em;
1660   margin-bottom: 14.666666666666666px;
1661 }
1662 .blog-entry.positioned .text {
1663   color: #000000;
1664 }
1665 .blog-entry .left, .blog-entry .right {
1666   width: 50%;
1667   float: left;
1668 }
1669 .blog-entry.imagelist {
1670   margin-top: 2em;
1671   zoom: 1;
1672 }
1673 .blog-entry.imagelist:before, .blog-entry.imagelist:after {
1674   display: table;
1675   content: "";
1676   zoom: 1;
1677 }
1678 .blog-entry.imagelist:after {
1679   clear: both;
1680 }
1681 .blog-entry.imagelist img {
1682   float: left;
1683   margin-right: 4em;
1684   vertical-align: middle;
1685 }
1686 .blog-entry h2 {
1687   font-size: 1.1em;
1688   line-height: 1.3em;
1689   margin-bottom: 22px;
1690 }
1691 .blog-entry h2 a {
1692   color: #4085A6;
1693   border: none;
1694   line-height: 1.3em;
1695 }
1696 .blog-entry h3 {
1697   font-size: 1.1em;
1698   line-height: 1.3em;
1699   margin-bottom: 22px;
1700 }
1701 .blog-entry p {
1702   line-height: 1.7em;
1703 }
1704 .blog-entry .section-img {
1705   margin-bottom: 14.666666666666666px;
1706 }
1707 .blog-entry:before, .blog-entry:after {
1708   display: table;
1709   content: "";
1710   zoom: 1;
1711 }
1712 .blog-entry:after {
1713   clear: both;
1714 }
1715 .blog-entry .title {
1716   margin-bottom: 1em;
1717   font-size: 1.1em;
1718   line-height: 1.4em;
1719 }
1720 .blog-entry .media img {
1721   border: 1px solid #808080;
1722 }
1723 .blog-entry .intro-content, .blog-entry .content {
1724   margin-top: 14.666666666666666px;
1725 }
1726 .blog-entry .intro-content object, .blog-entry .content object {
1727   margin: 14.666666666666666px 0;
1728 }
1729 .blog-entry .entry-info {
1730   font-size: 0.7em;
1731   margin-top: 14.666666666666666px;
1732 }
1733 .blog-entry.single .entry-info {
1734   margin-top: 0;
1735   margin-bottom: 14.666666666666666px;
1736 }
1737 .section.twitter-feed {
1738   font-size: 1.1em;
1739 }
1740 .section.twitter-feed .tweet {
1741   line-height: 1.3em;
1742   font-size: 0.9em;
1743   margin-bottom: 14.666666666666666px;
1744   color: #808080;
1745 }
1746 .section.twitter-feed .tweet:last-child {
1747   margin-bottom: 0;
1748   padding-bottom: 0;
1749   border-bottom: none;
1750 }
1751 .section.twitter-feed .tweet .date {
1752   display: block;
1753   font-size: 0.7em;
1754 }
1755 .section.twitter-feed .tweet .date a {
1756   text-decoration: none !important;
1757   border: none;
1758 }
1759 .pagination .page {
1760   margin-left: 0;
1761 }
1762 .entry-list .since {
1763   font-size: 0.8em;
1764 }
1765 .entry-list .title {
1766   margin-bottom: 1em;
1767 }
1768 .entry-list .content, .entry-list .text {
1769   margin-bottom: 2em;
1770   font-size: 0.8em;
1771 }
1772 .initial_hidden {
1773   display: none;
1774 }
1775 /* recaptcha */
1776 #recaptcha_widget_div {
1777   margin-top: 10px;
1778   margin-left: -4px;
1779 }
1780 #recaptcha_widget_div #recaptcha_instructions_image {
1781   font-size: 0.8em;
1782   margin-bottom: 10px;
1783   display: block !important;
1784 }
1785 #recaptcha_widget_div th, #recaptcha_widget_div td {
1786   line-height: 1;
1787 }
1788 .checkbox-widget.checked {
1789   background-color: #f00;
1790   background-image: url("../images/checkbox.png");
1791   background-position: 50% 50%;
1792 }
1793 .checkbox-widget {
1794   border: 1px solid #808080;
1795   width: 25px;
1796   height: 25px;
1797   display: block;
1798   float: left;
1799   cursor: pointer;
1800   margin-top: 5.333333333333333px;
1801 }