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 .clear {
 640   float: right;
 641   margin-right: 4px;
 642   color: #000000;
 643 }
 644 .resources .categories ul {
 645   zoom: 1;
 646 }
 647 .resources .categories ul:before, .resources .categories ul:after {
 648   display: table;
 649   content: "";
 650   zoom: 1;
 651 }
 652 .resources .categories ul:after {
 653   clear: both;
 654 }
 655 .resources .categories ul li {
 656   float: left;
 657 }
 658 .resources .categories .title {
 659   margin-bottom: 7.333333333333333px;
 660 }
 661 .resources .categories ul li a {
 662   text-decoration: none;
 663   color: #000;
 664   margin-right: 22px;
 665 }
 666 .resources .categories ul li a:hover, .resources .categories ul li a.selected {
 667   color: #000 !important;
 668 }
 669 .resources .categories ul li.inactive {
 670   opacity: 0.3;
 671 }
 672 .resources .categories ul li.active {
 673   opacity: 1;
 674   font-weight: bold;
 675 }
 676 .resources .list {
 677   font-size: 0.9em;
 678   line-height: 1em;
 679   margin-top: 58.666666666666664px;
 680   position: relative;
 681 }
 682 .resources .list .resource-wrapper.first .resource {
 683   margin-left: 0;
 684 }
 685 .resources .list .resource-wrapper {
 686   position: relative;
 687   width: 200px;
 688   margin-left: 22px;
 689   margin-bottom: 22px;
 690   width: 251px;
 691   float: left;
 692   overflow: hidden;
 693   height: 249.33333333333331px;
 694 }
 695 .resources .list .resource-wrapper.first {
 696   margin-left: 0;
 697 }
 698 .resources .list .resource-wrapper.hidden {
 699   display: none;
 700 }
 701 .resources .list .resource {
 702   border: 1px solid #000;
 703   -moz-box-sizing: border-box;
 704   -webkit-box-sizing: border-box;
 705   box-sizing: border-box;
 706   *behavior: url(boxsizing.htc);
 707   padding: 29.333333333333332px;
 708   height: 249.33333333333331px;
 709   overflow: hidden;
 710 }
 711 .resources .list .resource .date {
 712   color: #808080;
 713   margin-bottom: 3px;
 714 }
 715 .resources .list .resource .description {
 716   font-size: 1.1em;
 717   position: absolute;
 718   height: 210px;
 719   -webkit-transition: top 0.35s ease-in-out;
 720   -moz-transition: top 0.35s ease-in-out;
 721   transition: top 0.35s ease-in-out;
 722   -webkit-transition: top 0.35s ease-in-out;
 723   -moz-transition: top 0.35s ease-in-out;
 724   transition: top 0.35s ease-in-out;
 725   top: -210px;
 726   width: 100%;
 727   margin-left: -29.333333333333332px;
 728   padding: 29.333333333333332px;
 729   -moz-box-sizing: border-box;
 730   -webkit-box-sizing: border-box;
 731   box-sizing: border-box;
 732   *behavior: url(boxsizing.htc);
 733   color: #fff;
 734 }
 735 .resources .list .resource .title {
 736   line-height: 1.4em;
 737 }
 738 .resources .list .resource .category {
 739   margin-top: 29.333333333333332px;
 740   color: #808080;
 741 }
 742 .resources .list .resource .category a {
 743   color: #808080;
 744 }
 745 .resources .list .resource .download {
 746   margin-left: -10px;
 747   margin-bottom: 3px;
 748   bottom: 0;
 749   position: absolute;
 750   font-size: 1.1em;
 751   width: 100%;
 752   text-align: middle;
 753   -moz-box-sizing: border-box;
 754   -webkit-box-sizing: border-box;
 755   box-sizing: border-box;
 756   *behavior: url(boxsizing.htc);
 757   cursor: pointer;
 758 }
 759 .resources .list .resource .download a {
 760   display: block;
 761   color: #000000;
 762   text-decoration: none;
 763   padding: 5px;
 764   padding-left: 14.666666666666666px;
 765 }
 766 .resources .list .resource .download a:hover, .resources .list .resource .download a .hovered {
 767   color: #ff5d00;
 768 }
 769 .resources .list .resource .download a:hover .download-image, .resources .list .resource .download a .hovered .download-image {
 770   background-image: url("../images/resource_down_arrow-active.png");
 771 }
 772 .resources .list .resource .download a .download-image {
 773   display: block;
 774   width: 30px;
 775   height: 30px;
 776   float: left;
 777   margin-top: -7px;
 778   margin-right: 10px;
 779   background-image: url("../images/resource_down_arrow.png");
 780   background-position: 50% 50%;
 781   background-repeat: no-repeat;
 782 }
 783 .resources .list .resource .download img {
 784   margin-right: 10px;
 785   vertical-align: middle;
 786 }
 787 .resources .list .resource:hover .description, .resources .list .resource .hover .description {
 788   top: 0;
 789   display: block;
 790 }
 791 .border-box {
 792   -moz-box-sizing: border-box;
 793   -webkit-box-sizing: border-box;
 794   box-sizing: border-box;
 795   *behavior: url(boxsizing.htc);
 796 }
 797 .clearme {
 798   zoom: 1;
 799 }
 800 .clearme:before, .clearme:after {
 801   display: table;
 802   content: "";
 803   zoom: 1;
 804 }
 805 .clearme:after {
 806   clear: both;
 807 }
 808 body {
 809   font-family: 'Antic', sans-serif;
 810   font-size: 14px;
 811   font-weight: normal;
 812   line-height: 22px;
 813   letter-spacing: 1px;
 814   font-family: 'Antic', sans-serif;
 815   font-size: 14px;
 816   font-weight: normal;
 817   line-height: 22px;
 818   letter-spacing: 1px;
 819   font-size: 12px;
 820 }
 821 .topbar {
 822   background-color: #cfcdc7;
 823 }
 824 .topbar .head {
 825   float: left;
 826   padding: 2.333333333333333px;
 827 }
 828 .topbar .links {
 829   zoom: 1;
 830   float: right;
 831 }
 832 .topbar .links:before, .topbar .links:after {
 833   display: table;
 834   content: "";
 835   zoom: 1;
 836 }
 837 .topbar .links:after {
 838   clear: both;
 839 }
 840 .topbar .links a {
 841   color: #000000;
 842   text-decoration: none;
 843   display: block;
 844   float: left;
 845   margin-left: 10px;
 846   padding: 8.333333333333332px;
 847 }
 848 .topbar .links a:hover {
 849   background-color: #1a1a1a;
 850   color: #ffffff;
 851 }
 852 section a,
 853 p a,
 854 form a,
 855 .section a,
 856 .styledlinks a,
 857 a.styled {
 858   color: #000000;
 859   text-decoration: none;
 860   border-bottom: 1px solid #f89a1c;
 861 }
 862 section a:hover,
 863 p a:hover,
 864 form a:hover,
 865 .section a:hover,
 866 .styledlinks a:hover,
 867 a.styled:hover {
 868   color: #f89a1c;
 869 }
 870 section a.noborder,
 871 p a.noborder,
 872 form a.noborder,
 873 .section a.noborder,
 874 .styledlinks a.noborder,
 875 a.styled.noborder {
 876   border: none;
 877 }
 878 section a em,
 879 p a em,
 880 form a em,
 881 .section a em,
 882 .styledlinks a em,
 883 a.styled em {
 884   color: #3582ac;
 885 }
 886 a.simple {
 887   border: none;
 888 }
 889 a.action {
 890   color: #f89a1c;
 891   border-bottom: none;
 892 }
 893 a img {
 894   border-bottom: none;
 895 }
 896 .content-border {
 897   border-right: 1px solid #808080;
 898   border-left: 1px solid #808080;
 899 }
 900 .hidden {
 901   display: none !important;
 902 }
 903 .container, .topbar, .footer {
 904   width: 796px;
 905   margin-left: auto;
 906   margin-right: auto;
 907   zoom: 1;
 908   border-right: 1px solid #808080;
 909   border-left: 1px solid #808080;
 910   padding: 0 82px;
 911 }
 912 .container:before,
 913 .topbar:before,
 914 .footer:before,
 915 .container:after,
 916 .topbar:after,
 917 .footer:after {
 918   display: table;
 919   content: "";
 920   zoom: 1;
 921 }
 922 .container:after, .topbar:after, .footer:after {
 923   clear: both;
 924 }
 925 .container {
 926   padding-bottom: 82px;
 927   background-color: #ffffff;
 928 }
 929 div.header {
 930   position: relative;
 931   margin-top: 36.666666666666664px;
 932   margin-bottom: 14.666666666666666px;
 933 }
 934 div.header h1 {
 935   color: #cfcdc7;
 936   display: inline;
 937   font-size: 2.3em;
 938   border-bottom: 1px solid #cfcdc7;
 939   padding-bottom: 3px;
 940 }
 941 .mainlogo {
 942   height: 36px;
 943 }
 944 .mainlogo h1 {
 945   height: 36px;
 946 }
 947 .mainlogo img {
 948   margin-left: -10px;
 949 }
 950 .footer {
 951   border-bottom: 1px solid #808080;
 952   border-top: 1px solid #a6a6a6;
 953   padding-top: 14.666666666666666px;
 954   padding-bottom: 14.666666666666666px;
 955 }
 956 ul.inline {
 957   zoom: 1;
 958 }
 959 ul.inline:before, ul.inline:after {
 960   display: table;
 961   content: "";
 962   zoom: 1;
 963 }
 964 ul.inline:after {
 965   clear: both;
 966 }
 967 ul.inline li {
 968   display: block;
 969   float: left;
 970   margin-right: 1em;
 971 }
 972 .mainnav.quicknav {
 973   position: absolute;
 974   right: 0;
 975   top: -38.13333333333333px;
 976   margin: 0;
 977 }
 978 .mainnav.quicknav li {
 979   margin-right: 0;
 980   margin-left: 1em;
 981 }
 982 .navigation {
 983   height: 83px;
 984   position: absolute;
 985   right: -15px;
 986   top: -23px;
 987 }
 988 .mainnav {
 989   font-size: 1.3em;
 990 }
 991 .mainnav.subnav {
 992   margin-bottom: -14.666666666666666px;
 993 }
 994 .mainnav.subnav li {
 995   margin-top: 5.866666666666667px;
 996   float: right;
 997 }
 998 .mainnav li {
 999   margin-top: 29.333333333333332px;
1000 }
1001 .mainnav li.active a {
1002   /*border-bottom: 1px solid @linkColor;*/
1003
1004   border-bottom: none;
1005   color: #f89a1c;
1006 }
1007 .mainnav a {
1008   color: #000000;
1009   text-decoration: none;
1010 }
1011 .mainnav a:hover {
1012   border-bottom: 1px solid #f89a1c;
1013 }
1014 .mainnav a.active, .mainnav a:active {
1015   border-bottom: 1px solid #f89a1c;
1016   color: #f89a1c;
1017 }
1018 .bottom-section {
1019   zoom: 1;
1020 }
1021 .bottom-section:before, .bottom-section:after {
1022   display: table;
1023   content: "";
1024   zoom: 1;
1025 }
1026 .bottom-section:after {
1027   clear: both;
1028 }
1029 .bottom-section .section img {
1030   width: 200px;
1031 }
1032 .top-section {
1033   zoom: 1;
1034 }
1035 .top-section:before, .top-section:after {
1036   display: table;
1037   content: "";
1038   zoom: 1;
1039 }
1040 .top-section:after {
1041   clear: both;
1042 }
1043 div.page {
1044   zoom: 1;
1045   margin-left: -22px;
1046   zoom: 1;
1047   margin-left: -22px;
1048   margin-top: 73.33333333333333px;
1049   font-size: 1.1em;
1050 }
1051 div.page:before, div.page:after {
1052   display: table;
1053   content: "";
1054   zoom: 1;
1055 }
1056 div.page:after {
1057   clear: both;
1058 }
1059 div.page:before, div.page:after {
1060   display: table;
1061   content: "";
1062   zoom: 1;
1063 }
1064 div.page:after {
1065   clear: both;
1066 }
1067 div.page .page-inner {
1068   position: relative;
1069 }
1070 .maincol {
1071   position: relative;
1072   display: inline;
1073   float: left;
1074   margin-left: 22px;
1075   width: 388px;
1076 }
1077 .maincol.wide {
1078   display: inline;
1079   float: left;
1080   margin-left: 22px;
1081   width: 470px;
1082 }
1083 .maincol.full {
1084   zoom: 1;
1085   margin-left: -22px;
1086   zoom: 1;
1087   margin-left: -22px;
1088   margin-left: 0;
1089   display: inline;
1090   float: left;
1091   margin-left: 22px;
1092   width: 798px;
1093 }
1094 .maincol.full:before, .maincol.full:after {
1095   display: table;
1096   content: "";
1097   zoom: 1;
1098 }
1099 .maincol.full:after {
1100   clear: both;
1101 }
1102 .maincol.full:before, .maincol.full:after {
1103   display: table;
1104   content: "";
1105   zoom: 1;
1106 }
1107 .maincol.full:after {
1108   clear: both;
1109 }
1110 .maincol .nextlink {
1111   margin-top: 60px;
1112   text-align: right;
1113   float: right;
1114   margin-right: 50px;
1115   font-size: 1.1em;
1116 }
1117 .maincol .content-bottom {
1118   position: relative;
1119   zoom: 1;
1120 }
1121 .maincol .content-bottom:before, .maincol .content-bottom:after {
1122   display: table;
1123   content: "";
1124   zoom: 1;
1125 }
1126 .maincol .content-bottom:after {
1127   clear: both;
1128 }
1129 .backlink {
1130   margin: 30px 0;
1131 }
1132 .appbar {
1133   height: 30px;
1134   background-color: #3582ac;
1135 }
1136 .rightcol {
1137   margin-left: 511px;
1138   width: 306px;
1139 }
1140 .rightcol.narrow {
1141   margin-left: 593px;
1142   width: 224px;
1143 }
1144 .rightcol input[type=text], .rightcol input[type=password] {
1145   width: 273px;
1146 }
1147 /* generic form styles */
1148 input, textarea, .form-widget {
1149   background-color: #ffffff;
1150   color: #808080;
1151   border-color: #000000;
1152 }
1153 #forms .input, #forms input {
1154   font-family: 'Antic', sans-serif;
1155   font-size: 14px;
1156   font-weight: normal;
1157   line-height: 22px;
1158   letter-spacing: 1px;
1159   font-family: 'Antic', sans-serif;
1160   font-size: 14px;
1161   font-weight: normal;
1162   line-height: 22px;
1163   letter-spacing: 1px;
1164   border: 1px solid #808080;
1165   height: 21px;
1166   display: inline-block;
1167   margin-bottom: -1px;
1168   padding: 0.8em;
1169   padding-left: 1.5em;
1170   z-index: 2;
1171 }
1172 #forms .input:focus, #forms input:focus {
1173   position: relative;
1174   border: 1px solid #000;
1175   z-index: 100;
1176 }
1177 #forms .input:focus label, #forms input:focus label {
1178   z-index: 300;
1179 }
1180 .altcol {
1181   background-color: #c3c3b9 !important;
1182 }
1183 .altcol:hover {
1184   background-color: #f89a1c !important;
1185 }
1186 .section {
1187   margin-bottom: 44px;
1188 }
1189 .section em {
1190   color: #3582ac;
1191 }
1192 .section.positioned {
1193   margin-bottom: 0;
1194 }
1195 .section.positioned .content {
1196   display: inline;
1197   float: left;
1198   margin-left: 22px;
1199   width: 306px;
1200 }
1201 .section.positioned.withimg .img {
1202   display: inline;
1203   float: left;
1204   margin-left: 22px;
1205   width: 306px;
1206 }
1207 .section.positioned.withimg img {
1208   float: left;
1209 }
1210 .section.positioned h3 {
1211   font-size: 1.2em;
1212   margin-bottom: 14.666666666666666px;
1213 }
1214 .section.positioned .text {
1215   color: #000000;
1216 }
1217 .section .left, .section .right {
1218   width: 50%;
1219   float: left;
1220 }
1221 .section.imagelist {
1222   margin-top: 2em;
1223   zoom: 1;
1224 }
1225 .section.imagelist:before, .section.imagelist:after {
1226   display: table;
1227   content: "";
1228   zoom: 1;
1229 }
1230 .section.imagelist:after {
1231   clear: both;
1232 }
1233 .section.imagelist img {
1234   float: left;
1235   margin-right: 4em;
1236   vertical-align: middle;
1237 }
1238 input[readonly=true] {
1239   background-color: #ddd;
1240   color: #5e5e5e;
1241 }
1242 form.withlabels label {
1243   width: 224px;
1244   display: block;
1245   float: left;
1246   padding-top: 1em;
1247 }
1248 form.withlabels input[type=text], form.withlabels input[type=password], form.withlabels textarea {
1249   width: 224px;
1250 }
1251 form.withlabels input[type=text].long, form.withlabels input[type=password].long, form.withlabels textarea.long {
1252   width: 224px;
1253 }
1254 .login-section a.button {
1255   margin-bottom: 12px;
1256 }
1257 .login-section a.button:last-child {
1258   margin-bottom: none;
1259 }
1260 .login-section a.button.withicon {
1261   background-repeat: no-repeat;
1262   background-position: 15px 50%;
1263   padding-left: 40px;
1264 }
1265 .login-section.loggedin {
1266   padding-bottom: 0 !important;
1267   background-image: none !important;
1268 }
1269 form.login {
1270   margin-bottom: 22px;
1271 }
1272 form h2 {
1273   color: #000000;
1274   margin-bottom: 14.666666666666666px;
1275   font-size: 1.1em;
1276 }
1277 form h2 span {
1278   padding-bottom: 3px;
1279 }
1280 form .form-row {
1281   min-height: 29.333333333333332px;
1282   position: relative;
1283 }
1284 form .form-row.submit {
1285   margin-top: 22px;
1286 }
1287 form .form-row .extra-link {
1288   color: #808080;
1289   text-decoration: none;
1290   border: none;
1291   font-size: 0.8em;
1292   margin-top: 1.3em;
1293   float: right;
1294 }
1295 form .form-row label {
1296   font-size: 1.1em;
1297 }
1298 form.innerlabels label {
1299   position: absolute;
1300   top: 1.1em;
1301   left: 1.5em;
1302   color: #aaa;
1303 }
1304 form.innerlabels p {
1305   position: relative;
1306 }
1307 form textarea,
1308 form input.text,
1309 form input[type="text"],
1310 form input[type="password"] {
1311   font-family: 'Antic', sans-serif;
1312   font-size: 14px;
1313   font-weight: normal;
1314   line-height: 22px;
1315   letter-spacing: 1px;
1316   font-family: 'Antic', sans-serif;
1317   font-size: 14px;
1318   font-weight: normal;
1319   line-height: 22px;
1320   letter-spacing: 1px;
1321   border: 1px solid #808080;
1322   height: 21px;
1323   display: inline-block;
1324   margin-bottom: -1px;
1325   padding: 0.8em;
1326   padding-left: 1.5em;
1327   z-index: 2;
1328 }
1329 form textarea:focus,
1330 form input.text:focus,
1331 form input[type="text"]:focus,
1332 form input[type="password"]:focus {
1333   position: relative;
1334   border: 1px solid #000;
1335   z-index: 100;
1336 }
1337 form textarea:focus label,
1338 form input.text:focus label,
1339 form input[type="text"]:focus label,
1340 form input[type="password"]:focus label {
1341   z-index: 300;
1342 }
1343 form input.submit, form input[type="submit"] {
1344   font-family: 'Antic', sans-serif;
1345   font-size: 14px;
1346   font-weight: normal;
1347   line-height: 22px;
1348   letter-spacing: 1px;
1349   font-family: 'Antic', sans-serif;
1350   font-size: 14px;
1351   font-weight: normal;
1352   line-height: 22px;
1353   letter-spacing: 1px;
1354   background-color: #3582ac;
1355   color: #ffffff;
1356   border: none;
1357   padding: 0.8em 22px;
1358   font-size: 1em;
1359   font-family: 'Antic', sans-serif;
1360   font-size: 14px;
1361   font-weight: normal;
1362   line-height: 22px;
1363   letter-spacing: 1px;
1364   font-family: 'Antic', sans-serif;
1365   font-size: 14px;
1366   font-weight: normal;
1367   line-height: 22px;
1368   letter-spacing: 1px;
1369   background-color: #3582ac;
1370   color: #ffffff;
1371   border: none;
1372   padding: 0.8em 22px;
1373   font-size: 1em;
1374 }
1375 form input.submit:hover, form input[type="submit"]:hover {
1376   background-color: #f89a1c;
1377 }
1378 form input.submit.back, form input[type="submit"].back {
1379   text-decoration: none;
1380   bottom: 0;
1381   float: right;
1382   z-index: 500;
1383 }
1384 form input.submit.back.right, form input[type="submit"].back.right {
1385   right: 0;
1386 }
1387 form input.submit:hover, form input[type="submit"]:hover {
1388   background-color: #f89a1c;
1389 }
1390 form input.submit.back, form input[type="submit"].back {
1391   text-decoration: none;
1392   bottom: 0;
1393   float: right;
1394   z-index: 500;
1395 }
1396 form input.submit.back.right, form input[type="submit"].back.right {
1397   right: 0;
1398 }
1399 form textarea {
1400   height: 200px;
1401   width: 350px !important;
1402 }
1403 form .with-errors input, form .with-errors textarea, form .with-errors select {
1404   color: #9d261d;
1405 }
1406 form .with-errors label {
1407   color: #e4776f;
1408 }
1409 .form-error {
1410   background-color: #9d261d;
1411   color: #fff;
1412   font-size: 0.8em;
1413   padding: 5px 5px;
1414 }
1415 .form-errors.all .form-error {
1416   position: relative;
1417   border-radius: 0;
1418   margin-bottom: 1.3em;
1419   padding: 0.5em;
1420 }
1421 div.form-stacked {
1422   margin-bottom: 4em;
1423 }
1424 .rightcol .section {
1425   background-image: url("../images/dashed_border.png");
1426   background-repeat: repeat-x;
1427   background-position: left bottom;
1428   padding-bottom: 29.333333333333332px;
1429   margin-bottom: 29.333333333333332px;
1430 }
1431 .section h2 {
1432   font-size: 1.1em;
1433   line-height: 1.3em;
1434   margin-bottom: 22px;
1435 }
1436 .section h2 a {
1437   color: #4085A6;
1438   border: none;
1439   line-height: 1.3em;
1440 }
1441 .section h3 {
1442   font-size: 1.1em;
1443   line-height: 1.3em;
1444   margin-bottom: 22px;
1445 }
1446 .section p {
1447   line-height: 1.7em;
1448 }
1449 .section .section-img {
1450   margin-bottom: 14.666666666666666px;
1451 }
1452 .messages {
1453   display: inline;
1454   float: left;
1455   margin-left: 22px;
1456   width: 798px;
1457   margin: 2em 0;
1458   background-color: #ddd;
1459   margin-left: 0;
1460   font-size: 1.1em;
1461 }
1462 .messages li {
1463   padding: 1em;
1464 }
1465 .messages li.success {
1466   background-color: #46a546;
1467   color: #ffffff;
1468 }
1469 .messages li.error {
1470   background-color: #9d261d;
1471   color: #ffffff;
1472 }
1473 .messages li.warning {
1474   background-color: #AF6906;
1475   color: #000000;
1476 }
1477 .messages .warning {
1478   color: #ffffff !important;
1479 }
1480 .messages .warning a {
1481   color: inherit;
1482   font-weight: bold;
1483 }
1484 .service-desc {
1485   margin-top: 4em;
1486 }
1487 table td.consumed {
1488   color: #9d261d;
1489 }
1490 table tr.consumed td.consumed {
1491   color: #46a546;
1492 }
1493 .row {
1494   zoom: 1;
1495   margin-left: -22px;
1496   zoom: 1;
1497   margin-left: -22px;
1498 }
1499 .row:before, .row:after {
1500   display: table;
1501   content: "";
1502   zoom: 1;
1503 }
1504 .row:after {
1505   clear: both;
1506 }
1507 .row:before, .row:after {
1508   display: table;
1509   content: "";
1510   zoom: 1;
1511 }
1512 .row:after {
1513   clear: both;
1514 }
1515 .footer {
1516   zoom: 1;
1517   color: #b3b3b3;
1518   -webkit-transition: color 0.15s ease-in-out;
1519   -moz-transition: color 0.15s ease-in-out;
1520   transition: color 0.15s ease-in-out;
1521   -webkit-transition: color 0.15s ease-in-out;
1522   -moz-transition: color 0.15s ease-in-out;
1523   transition: color 0.15s ease-in-out;
1524 }
1525 .footer:before, .footer:after {
1526   display: table;
1527   content: "";
1528   zoom: 1;
1529 }
1530 .footer:after {
1531   clear: both;
1532 }
1533 .footer a {
1534   -webkit-transition: color 0.15s ease-in-out;
1535   -moz-transition: color 0.15s ease-in-out;
1536   transition: color 0.15s ease-in-out;
1537   -webkit-transition: color 0.15s ease-in-out;
1538   -moz-transition: color 0.15s ease-in-out;
1539   transition: color 0.15s ease-in-out;
1540 }
1541 .footer:hover {
1542   color: #808080 !important;
1543 }
1544 .footer:hover a {
1545   color: #808080 !important;
1546 }
1547 .footer a {
1548   color: #b3b3b3;
1549   text-decoration: none;
1550 }
1551 .footer a:hover {
1552   color: #000 !important;
1553 }
1554 .footer li {
1555   margin-bottom: 7.333333333333333px;
1556 }
1557 .footer li.header {
1558   margin-bottom: 14.666666666666666px;
1559 }
1560 .footer .col {
1561   display: inline;
1562   float: left;
1563   margin-left: 22px;
1564   width: 306px;
1565 }
1566 .footer .col:last-child, .footer .col.last {
1567   width: 140px;
1568   margin-right: 0;
1569 }
1570 .footer .top.row, .footer .last.row {
1571   zoom: 1;
1572   margin-left: -22px;
1573   zoom: 1;
1574   margin-left: -22px;
1575   margin: 20px 0;
1576 }
1577 .footer .top.row:before,
1578 .footer .last.row:before,
1579 .footer .top.row:after,
1580 .footer .last.row:after {
1581   display: table;
1582   content: "";
1583   zoom: 1;
1584 }
1585 .footer .top.row:after, .footer .last.row:after {
1586   clear: both;
1587 }
1588 .footer .top.row:before,
1589 .footer .last.row:before,
1590 .footer .top.row:after,
1591 .footer .last.row:after {
1592   display: table;
1593   content: "";
1594   zoom: 1;
1595 }
1596 .footer .top.row:after, .footer .last.row:after {
1597   clear: both;
1598 }
1599 .footer .top.row .col, .footer .last.row .col {
1600   display: inline;
1601   float: left;
1602   margin-left: 22px;
1603   width: 306px;
1604 }
1605 .footer .top.row .col.first, .footer .last.row .col.first {
1606   margin-left: 0 !important;
1607 }
1608 .footer .top.row .col.last, .footer .last.row .col.last {
1609   display: inline;
1610   float: left;
1611   margin-left: 22px;
1612   width: 142px;
1613 }
1614 .footer .top.row {
1615   margin-top: 0;
1616 }
1617 .footer .last.row {
1618   text-align: left;
1619   font-size: 0.8em;
1620   margin-bottom: 0;
1621 }
1622 .footer .bottom.row .col {
1623   display: inline;
1624   float: left;
1625   margin-left: 22px;
1626   width: 142px;
1627 }
1628 .footer .bottom.row .col:last-child, .footer .bottom.row .col.last {
1629   width: 140px;
1630   margin-right: 0;
1631 }
1632 /*pagination*/
1633 .pagination a.page {
1634   display: inline !important;
1635 }
1636 /*blog styles*/
1637 .blog-entry {
1638   margin-bottom: 44px;
1639   zoom: 1;
1640   margin-bottom: 29.333333333333332px;
1641 }
1642 .blog-entry em {
1643   color: #3582ac;
1644 }
1645 .blog-entry.positioned {
1646   margin-bottom: 0;
1647 }
1648 .blog-entry.positioned .content {
1649   display: inline;
1650   float: left;
1651   margin-left: 22px;
1652   width: 306px;
1653 }
1654 .blog-entry.positioned.withimg .img {
1655   display: inline;
1656   float: left;
1657   margin-left: 22px;
1658   width: 306px;
1659 }
1660 .blog-entry.positioned.withimg img {
1661   float: left;
1662 }
1663 .blog-entry.positioned h3 {
1664   font-size: 1.2em;
1665   margin-bottom: 14.666666666666666px;
1666 }
1667 .blog-entry.positioned .text {
1668   color: #000000;
1669 }
1670 .blog-entry .left, .blog-entry .right {
1671   width: 50%;
1672   float: left;
1673 }
1674 .blog-entry.imagelist {
1675   margin-top: 2em;
1676   zoom: 1;
1677 }
1678 .blog-entry.imagelist:before, .blog-entry.imagelist:after {
1679   display: table;
1680   content: "";
1681   zoom: 1;
1682 }
1683 .blog-entry.imagelist:after {
1684   clear: both;
1685 }
1686 .blog-entry.imagelist img {
1687   float: left;
1688   margin-right: 4em;
1689   vertical-align: middle;
1690 }
1691 .blog-entry h2 {
1692   font-size: 1.1em;
1693   line-height: 1.3em;
1694   margin-bottom: 22px;
1695 }
1696 .blog-entry h2 a {
1697   color: #4085A6;
1698   border: none;
1699   line-height: 1.3em;
1700 }
1701 .blog-entry h3 {
1702   font-size: 1.1em;
1703   line-height: 1.3em;
1704   margin-bottom: 22px;
1705 }
1706 .blog-entry p {
1707   line-height: 1.7em;
1708 }
1709 .blog-entry .section-img {
1710   margin-bottom: 14.666666666666666px;
1711 }
1712 .blog-entry:before, .blog-entry:after {
1713   display: table;
1714   content: "";
1715   zoom: 1;
1716 }
1717 .blog-entry:after {
1718   clear: both;
1719 }
1720 .blog-entry .title {
1721   margin-bottom: 1em;
1722   font-size: 1.1em;
1723   line-height: 1.4em;
1724 }
1725 .blog-entry .media img {
1726   border: 1px solid #808080;
1727 }
1728 .blog-entry .intro-content, .blog-entry .content {
1729   margin-top: 14.666666666666666px;
1730 }
1731 .blog-entry .intro-content object, .blog-entry .content object {
1732   margin: 14.666666666666666px 0;
1733 }
1734 .blog-entry .entry-info {
1735   font-size: 0.7em;
1736   margin-top: 14.666666666666666px;
1737 }
1738 .blog-entry.single .entry-info {
1739   margin-top: 0;
1740   margin-bottom: 14.666666666666666px;
1741 }
1742 .section.twitter-feed {
1743   font-size: 1.1em;
1744 }
1745 .section.twitter-feed .tweet {
1746   line-height: 1.3em;
1747   font-size: 0.9em;
1748   margin-bottom: 14.666666666666666px;
1749   color: #808080;
1750 }
1751 .section.twitter-feed .tweet:last-child {
1752   margin-bottom: 0;
1753   padding-bottom: 0;
1754   border-bottom: none;
1755 }
1756 .section.twitter-feed .tweet .date {
1757   display: block;
1758   font-size: 0.7em;
1759 }
1760 .section.twitter-feed .tweet .date a {
1761   text-decoration: none !important;
1762   border: none;
1763 }
1764 .pagination .page {
1765   margin-left: 0;
1766 }
1767 .entry-list .since {
1768   font-size: 0.8em;
1769 }
1770 .entry-list .title {
1771   margin-bottom: 1em;
1772 }
1773 .entry-list .content, .entry-list .text {
1774   margin-bottom: 2em;
1775   font-size: 0.8em;
1776 }
1777 .initial_hidden {
1778   display: none;
1779 }
1780 /* recaptcha */
1781 #recaptcha_widget_div {
1782   margin-top: 10px;
1783   margin-left: -4px;
1784 }
1785 #recaptcha_widget_div #recaptcha_instructions_image {
1786   font-size: 0.8em;
1787   margin-bottom: 10px;
1788   display: block !important;
1789 }
1790 #recaptcha_widget_div th, #recaptcha_widget_div td {
1791   line-height: 1;
1792 }
1793 .checkbox-widget.checked {
1794   background-color: #f00;
1795   background-image: url("../images/checkbox.png");
1796   background-position: 50% 50%;
1797 }
1798 .checkbox-widget {
1799   border: 1px solid #808080;
1800   width: 25px;
1801   height: 25px;
1802   display: block;
1803   float: left;
1804   cursor: pointer;
1805   margin-top: 5.333333333333333px;
1806 }