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 a.button {
 212   text-align: center !important;
 213   color: #fff !important;
 214   border: none !important;
 215   display: block !important;
 216 }
 217 a.button:hover {
 218   color: #fff !important;
 219 }
 220 /*addon to style django forms rendered with as_p filter*/
 221 /*
 222  * Tables.less
 223  * Tables for, you guessed it, tabular data
 224  * ---------------------------------------- */
 225 table {
 226   width: 100%;
 227   margin-bottom: 22px;
 228   padding: 0;
 229   font-size: 14px;
 230   border-collapse: collapse;
 231 }
 232 table th, table td {
 233   padding: 10px 10px 9px;
 234   line-height: 22px;
 235   text-align: left;
 236 }
 237 table th {
 238   padding-top: 9px;
 239   font-weight: bold;
 240   vertical-align: middle;
 241 }
 242 table td {
 243   vertical-align: top;
 244   border-top: 1px solid #ddd;
 245 }
 246 table tbody th {
 247   border-top: 1px solid #ddd;
 248   vertical-align: top;
 249 }
 250 .condensed-table th, .condensed-table td {
 251   padding: 5px 5px 4px;
 252 }
 253 .bordered-table {
 254   border: 1px solid #ddd;
 255   border-collapse: separate;
 256   *border-collapse: collapse;
 257   /* IE7, collapse table to remove spacing */
 258
 259   -webkit-border-radius: 4px;
 260   -moz-border-radius: 4px;
 261   border-radius: 4px;
 262 }
 263 .bordered-table th + th, .bordered-table td + td, .bordered-table th + td {
 264   border-left: 1px solid #ddd;
 265 }
 266 .bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child {
 267   -webkit-border-radius: 4px 0 0 0;
 268   -moz-border-radius: 4px 0 0 0;
 269   border-radius: 4px 0 0 0;
 270 }
 271 .bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child {
 272   -webkit-border-radius: 0 4px 0 0;
 273   -moz-border-radius: 0 4px 0 0;
 274   border-radius: 0 4px 0 0;
 275 }
 276 .bordered-table tbody tr:last-child td:first-child {
 277   -webkit-border-radius: 0 0 0 4px;
 278   -moz-border-radius: 0 0 0 4px;
 279   border-radius: 0 0 0 4px;
 280 }
 281 .bordered-table tbody tr:last-child td:last-child {
 282   -webkit-border-radius: 0 0 4px 0;
 283   -moz-border-radius: 0 0 4px 0;
 284   border-radius: 0 0 4px 0;
 285 }
 286 table .span1 {
 287   width: 40px;
 288 }
 289 table .span2 {
 290   width: 120px;
 291 }
 292 table .span3 {
 293   width: 200px;
 294 }
 295 table .span4 {
 296   width: 280px;
 297 }
 298 table .span5 {
 299   width: 360px;
 300 }
 301 table .span6 {
 302   width: 440px;
 303 }
 304 table .span7 {
 305   width: 520px;
 306 }
 307 table .span8 {
 308   width: 600px;
 309 }
 310 table .span9 {
 311   width: 680px;
 312 }
 313 table .span10 {
 314   width: 760px;
 315 }
 316 table .span11 {
 317   width: 840px;
 318 }
 319 table .span12 {
 320   width: 920px;
 321 }
 322 table .span13 {
 323   width: 1000px;
 324 }
 325 table .span14 {
 326   width: 1080px;
 327 }
 328 table .span15 {
 329   width: 1160px;
 330 }
 331 table .span16 {
 332   width: 1240px;
 333 }
 334 .zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {
 335   background-color: #f9f9f9;
 336 }
 337 .zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {
 338   background-color: #f5f5f5;
 339 }
 340 table .header {
 341   cursor: pointer;
 342 }
 343 table .header:after {
 344   content: "";
 345   float: right;
 346   margin-top: 7px;
 347   border-width: 0 4px 4px;
 348   border-style: solid;
 349   border-color: #000 transparent;
 350   visibility: hidden;
 351 }
 352 table .headerSortUp, table .headerSortDown {
 353   background-color: rgba(141, 192, 219, 0.25);
 354   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 355 }
 356 table .header:hover:after {
 357   visibility: visible;
 358 }
 359 table .headerSortDown:after, table .headerSortDown:hover:after {
 360   visibility: visible;
 361   filter: alpha(opacity=60);
 362   -khtml-opacity: 0.6;
 363   -moz-opacity: 0.6;
 364   opacity: 0.6;
 365 }
 366 table .headerSortUp:after {
 367   border-bottom: none;
 368   border-left: 4px solid transparent;
 369   border-right: 4px solid transparent;
 370   border-top: 4px solid #000;
 371   visibility: visible;
 372   -webkit-box-shadow: none;
 373   -moz-box-shadow: none;
 374   box-shadow: none;
 375   filter: alpha(opacity=60);
 376   -khtml-opacity: 0.6;
 377   -moz-opacity: 0.6;
 378   opacity: 0.6;
 379 }
 380 table .blue {
 381   color: #3582ac;
 382   border-bottom-color: #3582ac;
 383 }
 384 table .headerSortUp.blue, table .headerSortDown.blue {
 385   background-color: #c1ddec;
 386 }
 387 table .green {
 388   color: #46a546;
 389   border-bottom-color: #46a546;
 390 }
 391 table .headerSortUp.green, table .headerSortDown.green {
 392   background-color: #cdeacd;
 393 }
 394 table .red {
 395   color: #9d261d;
 396   border-bottom-color: #9d261d;
 397 }
 398 table .headerSortUp.red, table .headerSortDown.red {
 399   background-color: #f4c8c5;
 400 }
 401 table .yellow {
 402   color: #ffc40d;
 403   border-bottom-color: #ffc40d;
 404 }
 405 table .headerSortUp.yellow, table .headerSortDown.yellow {
 406   background-color: #fff6d9;
 407 }
 408 table .orange {
 409   color: #f89406;
 410   border-bottom-color: #f89406;
 411 }
 412 table .headerSortUp.orange, table .headerSortDown.orange {
 413   background-color: #fee9cc;
 414 }
 415 table .purple {
 416   color: #7a43b6;
 417   border-bottom-color: #7a43b6;
 418 }
 419 table .headerSortUp.purple, table .headerSortDown.purple {
 420   background-color: #e2d5f0;
 421 }
 422 .makeRow {
 423   zoom: 1;
 424   margin-left: -22px;
 425 }
 426 .makeRow:before, .makeRow:after {
 427   display: table;
 428   content: "";
 429   zoom: 1;
 430 }
 431 .makeRow:after {
 432   clear: both;
 433 }
 434 .button {
 435   font-family: 'Antic', sans-serif;
 436   font-size: 14px;
 437   font-weight: normal;
 438   line-height: 22px;
 439   letter-spacing: 1px;
 440   font-family: 'Antic', sans-serif;
 441   font-size: 14px;
 442   font-weight: normal;
 443   line-height: 22px;
 444   letter-spacing: 1px;
 445   background-color: #3582ac;
 446   color: #ffffff;
 447   border: none;
 448   padding: 0.8em 22px;
 449   font-size: 1em;
 450 }
 451 .button:hover {
 452   background-color: #f89a1c;
 453 }
 454 a.button {
 455   text-align: center !important;
 456   color: #fff !important;
 457   border: none !important;
 458   display: block !important;
 459 }
 460 a.button:hover {
 461   color: #fff !important;
 462 }
 463 .border-box {
 464   -moz-box-sizing: border-box;
 465   -webkit-box-sizing: border-box;
 466   box-sizing: border-box;
 467   *behavior: url(boxsizing.htc);
 468 }
 469 body {
 470   font-family: 'Antic', sans-serif;
 471   font-size: 14px;
 472   font-weight: normal;
 473   line-height: 22px;
 474   letter-spacing: 1px;
 475   font-family: 'Antic', sans-serif;
 476   font-size: 14px;
 477   font-weight: normal;
 478   line-height: 22px;
 479   letter-spacing: 1px;
 480 }
 481 .topbar {
 482   background-color: #cfcdc7;
 483 }
 484 .topbar .head {
 485   float: left;
 486   padding: 6px;
 487 }
 488 .topbar .links {
 489   zoom: 1;
 490   float: right;
 491 }
 492 .topbar .links:before, .topbar .links:after {
 493   display: table;
 494   content: "";
 495   zoom: 1;
 496 }
 497 .topbar .links:after {
 498   clear: both;
 499 }
 500 .topbar .links a {
 501   color: #000000;
 502   text-decoration: none;
 503   display: block;
 504   float: left;
 505   margin-left: 10px;
 506   padding: 12px;
 507 }
 508 .topbar .links a:hover {
 509   background-color: #1a1a1a;
 510   color: #ffffff;
 511 }
 512 section a,
 513 p a,
 514 form a,
 515 .section a,
 516 .styledlinks a {
 517   color: #000000;
 518   text-decoration: none;
 519   border-bottom: 1px solid #f89a1c;
 520 }
 521 section a:hover,
 522 p a:hover,
 523 form a:hover,
 524 .section a:hover,
 525 .styledlinks a:hover {
 526   color: #f89a1c;
 527 }
 528 section a.noborder,
 529 p a.noborder,
 530 form a.noborder,
 531 .section a.noborder,
 532 .styledlinks a.noborder {
 533   border: none;
 534 }
 535 section a em,
 536 p a em,
 537 form a em,
 538 .section a em,
 539 .styledlinks a em {
 540   color: #3582ac;
 541 }
 542 a.simple {
 543   border: none;
 544 }
 545 a.action {
 546   color: #f89a1c;
 547   border-bottom: none;
 548 }
 549 a img {
 550   border-bottom: none;
 551 }
 552 .content-border {
 553   border-right: 1px solid #808080;
 554   border-left: 1px solid #808080;
 555 }
 556 .hidden {
 557   display: none !important;
 558 }
 559 .container, .topbar, .footer {
 560   width: 796px;
 561   margin-left: auto;
 562   margin-right: auto;
 563   zoom: 1;
 564   border-right: 1px solid #808080;
 565   border-left: 1px solid #808080;
 566   padding: 0 82px;
 567 }
 568 .container:before,
 569 .topbar:before,
 570 .footer:before,
 571 .container:after,
 572 .topbar:after,
 573 .footer:after {
 574   display: table;
 575   content: "";
 576   zoom: 1;
 577 }
 578 .container:after, .topbar:after, .footer:after {
 579   clear: both;
 580 }
 581 .container {
 582   padding-bottom: 82px;
 583   background-color: #ffffff;
 584 }
 585 div.header {
 586   position: relative;
 587   margin-top: 88px;
 588   margin-bottom: 22px;
 589 }
 590 div.header h1 {
 591   color: #cfcdc7;
 592   display: inline;
 593   font-size: 2.3em;
 594   border-bottom: 1px solid #cfcdc7;
 595   padding-bottom: 3px;
 596 }
 597 .mainlogo {
 598   height: 36px;
 599 }
 600 .mainlogo h1 {
 601   height: 36px;
 602 }
 603 .mainlogo img {
 604   margin-left: -10px;
 605 }
 606 .footer {
 607   border-bottom: 1px solid #808080;
 608   border-top: 1px solid #a6a6a6;
 609   padding-top: 22px;
 610   padding-bottom: 22px;
 611 }
 612 ul.inline {
 613   zoom: 1;
 614 }
 615 ul.inline:before, ul.inline:after {
 616   display: table;
 617   content: "";
 618   zoom: 1;
 619 }
 620 ul.inline:after {
 621   clear: both;
 622 }
 623 ul.inline li {
 624   display: block;
 625   float: left;
 626   margin-right: 1em;
 627 }
 628 .mainnav.quicknav {
 629   position: absolute;
 630   right: 0;
 631   top: -57.2px;
 632   margin: 0;
 633 }
 634 .mainnav.quicknav li {
 635   margin-right: 0;
 636   margin-left: 1em;
 637 }
 638 .navigation {
 639   height: 83px;
 640 }
 641 .mainnav {
 642   font-size: 1.2em;
 643 }
 644 .mainnav.subnav {
 645   margin-bottom: -22px;
 646 }
 647 .mainnav.subnav li {
 648   margin-top: 1.2em;
 649 }
 650 .mainnav li {
 651   margin-top: 66px;
 652 }
 653 .mainnav li.active a {
 654   /*border-bottom: 1px solid @linkColor;*/
 655
 656   border-bottom: none;
 657   color: #f89a1c;
 658 }
 659 .mainnav a {
 660   color: #000000;
 661   text-decoration: none;
 662 }
 663 .mainnav a:hover {
 664   border-bottom: 1px solid #f89a1c;
 665 }
 666 .mainnav a.active, .mainnav a:active {
 667   border-bottom: 1px solid #f89a1c;
 668   color: #f89a1c;
 669 }
 670 .bottom-section {
 671   zoom: 1;
 672 }
 673 .bottom-section:before, .bottom-section:after {
 674   display: table;
 675   content: "";
 676   zoom: 1;
 677 }
 678 .bottom-section:after {
 679   clear: both;
 680 }
 681 .bottom-section .section img {
 682   width: 200px;
 683 }
 684 .top-section {
 685   zoom: 1;
 686 }
 687 .top-section:before, .top-section:after {
 688   display: table;
 689   content: "";
 690   zoom: 1;
 691 }
 692 .top-section:after {
 693   clear: both;
 694 }
 695 div.page {
 696   zoom: 1;
 697   margin-left: -22px;
 698   zoom: 1;
 699   margin-left: -22px;
 700   margin-top: 132px;
 701   font-size: 1.1em;
 702 }
 703 div.page:before, div.page:after {
 704   display: table;
 705   content: "";
 706   zoom: 1;
 707 }
 708 div.page:after {
 709   clear: both;
 710 }
 711 div.page:before, div.page:after {
 712   display: table;
 713   content: "";
 714   zoom: 1;
 715 }
 716 div.page:after {
 717   clear: both;
 718 }
 719 div.page .page-inner {
 720   position: relative;
 721 }
 722 .maincol {
 723   display: inline;
 724   float: left;
 725   margin-left: 22px;
 726   width: 388px;
 727 }
 728 .maincol.wide {
 729   display: inline;
 730   float: left;
 731   margin-left: 22px;
 732   width: 470px;
 733 }
 734 .maincol.full {
 735   zoom: 1;
 736   margin-left: -22px;
 737   zoom: 1;
 738   margin-left: -22px;
 739   margin-left: 0;
 740   display: inline;
 741   float: left;
 742   margin-left: 22px;
 743   width: 798px;
 744 }
 745 .maincol.full:before, .maincol.full:after {
 746   display: table;
 747   content: "";
 748   zoom: 1;
 749 }
 750 .maincol.full:after {
 751   clear: both;
 752 }
 753 .maincol.full:before, .maincol.full:after {
 754   display: table;
 755   content: "";
 756   zoom: 1;
 757 }
 758 .maincol.full:after {
 759   clear: both;
 760 }
 761 .appbar {
 762   height: 30px;
 763   background-color: #3582ac;
 764 }
 765 .rightcol {
 766   margin-left: 511px;
 767   width: 306px;
 768 }
 769 .rightcol.narrow {
 770   margin-left: 593px;
 771   width: 224px;
 772 }
 773 .rightcol input[type=text], .rightcol input[type=password] {
 774   width: 273px;
 775 }
 776 /* generic form styles */
 777 input, textarea, .form-widget {
 778   background-color: #ffffff;
 779   color: #808080;
 780   border-color: #000000;
 781 }
 782 #forms .input, #forms input {
 783   font-family: 'Antic', sans-serif;
 784   font-size: 14px;
 785   font-weight: normal;
 786   line-height: 22px;
 787   letter-spacing: 1px;
 788   font-family: 'Antic', sans-serif;
 789   font-size: 14px;
 790   font-weight: normal;
 791   line-height: 22px;
 792   letter-spacing: 1px;
 793   border: 1px solid #808080;
 794   height: 21px;
 795   display: inline-block;
 796   margin-bottom: -1px;
 797   padding: 0.8em;
 798   padding-left: 1.5em;
 799   z-index: 2;
 800 }
 801 #forms .input:focus, #forms input:focus {
 802   position: relative;
 803   border: 1px solid #000;
 804   z-index: 100;
 805 }
 806 #forms .input:focus label, #forms input:focus label {
 807   z-index: 300;
 808 }
 809 .altcol {
 810   background-color: #c3c3b9 !important;
 811 }
 812 .altcol:hover {
 813   background-color: #f89a1c !important;
 814 }
 815 .section {
 816   margin-bottom: 66px;
 817 }
 818 .section em {
 819   color: #3582ac;
 820 }
 821 .section.positioned {
 822   margin-bottom: 0;
 823 }
 824 .section.positioned .content {
 825   display: inline;
 826   float: left;
 827   margin-left: 22px;
 828   width: 306px;
 829 }
 830 .section.positioned.withimg .img {
 831   display: inline;
 832   float: left;
 833   margin-left: 22px;
 834   width: 306px;
 835 }
 836 .section.positioned.withimg img {
 837   float: left;
 838 }
 839 .section.positioned h3 {
 840   font-size: 1.2em;
 841   margin-bottom: 22px;
 842 }
 843 .section.positioned .text {
 844   color: #000000;
 845 }
 846 .section .left, .section .right {
 847   width: 50%;
 848   float: left;
 849 }
 850 .section.imagelist {
 851   margin-top: 2em;
 852   zoom: 1;
 853 }
 854 .section.imagelist:before, .section.imagelist:after {
 855   display: table;
 856   content: "";
 857   zoom: 1;
 858 }
 859 .section.imagelist:after {
 860   clear: both;
 861 }
 862 .section.imagelist img {
 863   float: left;
 864   margin-right: 4em;
 865   vertical-align: middle;
 866 }
 867 input[readonly=true] {
 868   background-color: #ddd;
 869   color: #5e5e5e;
 870 }
 871 form.withlabels label {
 872   width: 224px;
 873   display: block;
 874   float: left;
 875   padding-top: 1em;
 876 }
 877 form.withlabels input[type=text], form.withlabels input[type=password], form.withlabels textarea {
 878   width: 224px;
 879 }
 880 form.withlabels input[type=text].long, form.withlabels input[type=password].long, form.withlabels textarea.long {
 881   width: 224px;
 882 }
 883 .login-section a.button {
 884   margin-bottom: 12px;
 885 }
 886 .login-section a.button:last-child {
 887   margin-bottom: none;
 888 }
 889 .login-section a.button.withicon {
 890   background-repeat: no-repeat;
 891   background-position: 15px 50%;
 892   padding-left: 40px;
 893 }
 894 .login-section.loggedin {
 895   padding-bottom: 0 !important;
 896   background-image: none !important;
 897 }
 898 form.login {
 899   margin-bottom: 33px;
 900 }
 901 form h2 {
 902   color: #000000;
 903   margin-bottom: 22px;
 904   font-size: 1.1em;
 905 }
 906 form h2 span {
 907   padding-bottom: 3px;
 908 }
 909 form .form-row {
 910   min-height: 44px;
 911   position: relative;
 912 }
 913 form .form-row.submit {
 914   margin-top: 33px;
 915 }
 916 form .form-row .extra-link {
 917   color: #808080;
 918   text-decoration: none;
 919   border: none;
 920   font-size: 0.8em;
 921   margin-top: 1.3em;
 922   float: right;
 923 }
 924 form.innerlabels label {
 925   position: absolute;
 926   top: 1em;
 927   left: 1.5em;
 928   color: #aaa;
 929 }
 930 form.innerlabels p {
 931   position: relative;
 932 }
 933 form textarea,
 934 form input.text,
 935 form input[type="text"],
 936 form input[type="password"] {
 937   font-family: 'Antic', sans-serif;
 938   font-size: 14px;
 939   font-weight: normal;
 940   line-height: 22px;
 941   letter-spacing: 1px;
 942   font-family: 'Antic', sans-serif;
 943   font-size: 14px;
 944   font-weight: normal;
 945   line-height: 22px;
 946   letter-spacing: 1px;
 947   border: 1px solid #808080;
 948   height: 21px;
 949   display: inline-block;
 950   margin-bottom: -1px;
 951   padding: 0.8em;
 952   padding-left: 1.5em;
 953   z-index: 2;
 954 }
 955 form textarea:focus,
 956 form input.text:focus,
 957 form input[type="text"]:focus,
 958 form input[type="password"]:focus {
 959   position: relative;
 960   border: 1px solid #000;
 961   z-index: 100;
 962 }
 963 form textarea:focus label,
 964 form input.text:focus label,
 965 form input[type="text"]:focus label,
 966 form input[type="password"]:focus label {
 967   z-index: 300;
 968 }
 969 form input.submit, form input[type="submit"] {
 970   font-family: 'Antic', sans-serif;
 971   font-size: 14px;
 972   font-weight: normal;
 973   line-height: 22px;
 974   letter-spacing: 1px;
 975   font-family: 'Antic', sans-serif;
 976   font-size: 14px;
 977   font-weight: normal;
 978   line-height: 22px;
 979   letter-spacing: 1px;
 980   background-color: #3582ac;
 981   color: #ffffff;
 982   border: none;
 983   padding: 0.8em 22px;
 984   font-size: 1em;
 985   font-family: 'Antic', sans-serif;
 986   font-size: 14px;
 987   font-weight: normal;
 988   line-height: 22px;
 989   letter-spacing: 1px;
 990   font-family: 'Antic', sans-serif;
 991   font-size: 14px;
 992   font-weight: normal;
 993   line-height: 22px;
 994   letter-spacing: 1px;
 995   background-color: #3582ac;
 996   color: #ffffff;
 997   border: none;
 998   padding: 0.8em 22px;
 999   font-size: 1em;
1000 }
1001 form input.submit:hover, form input[type="submit"]:hover {
1002   background-color: #f89a1c;
1003 }
1004 form input.submit:hover, form input[type="submit"]:hover {
1005   background-color: #f89a1c;
1006 }
1007 form textarea {
1008   height: 200px;
1009   width: 350px !important;
1010 }
1011 form .with-errors input, form .with-errors textarea, form .with-errors select {
1012   color: #9d261d;
1013 }
1014 form .with-errors label {
1015   color: #e4776f;
1016 }
1017 .form-error {
1018   background-color: #9d261d;
1019   color: #fff;
1020   font-size: 0.8em;
1021   padding: 5px 5px;
1022 }
1023 .form-errors.all .form-error {
1024   position: relative;
1025   border-radius: 0;
1026   margin-bottom: 1.3em;
1027   padding: 0.5em;
1028 }
1029 div.form-stacked {
1030   margin-bottom: 4em;
1031 }
1032 .rightcol .section {
1033   background-image: url("../images/dashed_border.png");
1034   background-repeat: repeat-x;
1035   background-position: left bottom;
1036   padding-bottom: 44px;
1037   margin-bottom: 44px;
1038 }
1039 .section h2 {
1040   font-size: 1.1em;
1041   line-height: 1.3em;
1042   margin-bottom: 33px;
1043 }
1044 .section h2 a {
1045   color: #4085A6;
1046   border: none;
1047   line-height: 1.3em;
1048 }
1049 .section h3 {
1050   font-size: 1.1em;
1051   line-height: 1.3em;
1052   margin-bottom: 33px;
1053 }
1054 .section p {
1055   line-height: 1.7em;
1056 }
1057 .section .section-img {
1058   margin-bottom: 22px;
1059 }
1060 .messages {
1061   display: inline;
1062   float: left;
1063   margin-left: 22px;
1064   width: 798px;
1065   margin: 2em 0;
1066   background-color: #ddd;
1067   margin-left: 0;
1068 }
1069 .messages li {
1070   padding: 1em;
1071 }
1072 .messages li.success {
1073   background-color: #46a546;
1074   color: #ffffff;
1075 }
1076 .messages li.error {
1077   background-color: #9d261d;
1078   color: #ffffff;
1079 }
1080 .messages li.warning {
1081   background-color: #ffc40d;
1082   color: #000000;
1083 }
1084 .service-desc {
1085   margin-top: 4em;
1086 }
1087 table td.consumed {
1088   color: #9d261d;
1089 }
1090 table tr.consumed td.consumed {
1091   color: #46a546;
1092 }
1093 .row {
1094   zoom: 1;
1095   margin-left: -22px;
1096   zoom: 1;
1097   margin-left: -22px;
1098 }
1099 .row:before, .row:after {
1100   display: table;
1101   content: "";
1102   zoom: 1;
1103 }
1104 .row:after {
1105   clear: both;
1106 }
1107 .row:before, .row:after {
1108   display: table;
1109   content: "";
1110   zoom: 1;
1111 }
1112 .row:after {
1113   clear: both;
1114 }
1115 .footer:hover a {
1116   color: #808080 !important;
1117   -webkit-transition: color 0.15s linear;
1118   transition: color 0.15s linear;
1119   -webkit-transition: color 0.15s linear;
1120   transition: color 0.15s linear;
1121 }
1122 .footer a {
1123   color: #b3b3b3;
1124   -webkit-transition: color 0.15s linear;
1125   transition: color 0.15s linear;
1126   -webkit-transition: color 0.15s linear;
1127   transition: color 0.15s linear;
1128   text-decoration: none;
1129 }
1130 .footer a:hover {
1131   color: #000000;
1132 }
1133 .footer li {
1134   margin-bottom: 11px;
1135 }
1136 .footer li.header {
1137   margin-bottom: 22px;
1138 }
1139 .footer .col {
1140   display: inline;
1141   float: left;
1142   margin-left: 22px;
1143   width: 306px;
1144 }
1145 .footer .col:last-child, .footer .col.last {
1146   width: 140px;
1147   margin-right: 0;
1148 }
1149 .footer .bottom.row .col {
1150   display: inline;
1151   float: left;
1152   margin-left: 22px;
1153   width: 142px;
1154 }
1155 .footer .bottom.row .col:last-child, .footer .bottom.row .col.last {
1156   width: 140px;
1157   margin-right: 0;
1158 }
1159 /*pagination*/
1160 .pagination a.page {
1161   display: inline !important;
1162 }
1163 /*blog styles*/
1164 .blog-entry {
1165   margin-bottom: 66px;
1166   zoom: 1;
1167   margin-bottom: 44px;
1168 }
1169 .blog-entry em {
1170   color: #3582ac;
1171 }
1172 .blog-entry.positioned {
1173   margin-bottom: 0;
1174 }
1175 .blog-entry.positioned .content {
1176   display: inline;
1177   float: left;
1178   margin-left: 22px;
1179   width: 306px;
1180 }
1181 .blog-entry.positioned.withimg .img {
1182   display: inline;
1183   float: left;
1184   margin-left: 22px;
1185   width: 306px;
1186 }
1187 .blog-entry.positioned.withimg img {
1188   float: left;
1189 }
1190 .blog-entry.positioned h3 {
1191   font-size: 1.2em;
1192   margin-bottom: 22px;
1193 }
1194 .blog-entry.positioned .text {
1195   color: #000000;
1196 }
1197 .blog-entry .left, .blog-entry .right {
1198   width: 50%;
1199   float: left;
1200 }
1201 .blog-entry.imagelist {
1202   margin-top: 2em;
1203   zoom: 1;
1204 }
1205 .blog-entry.imagelist:before, .blog-entry.imagelist:after {
1206   display: table;
1207   content: "";
1208   zoom: 1;
1209 }
1210 .blog-entry.imagelist:after {
1211   clear: both;
1212 }
1213 .blog-entry.imagelist img {
1214   float: left;
1215   margin-right: 4em;
1216   vertical-align: middle;
1217 }
1218 .blog-entry h2 {
1219   font-size: 1.1em;
1220   line-height: 1.3em;
1221   margin-bottom: 33px;
1222 }
1223 .blog-entry h2 a {
1224   color: #4085A6;
1225   border: none;
1226   line-height: 1.3em;
1227 }
1228 .blog-entry h3 {
1229   font-size: 1.1em;
1230   line-height: 1.3em;
1231   margin-bottom: 33px;
1232 }
1233 .blog-entry p {
1234   line-height: 1.7em;
1235 }
1236 .blog-entry .section-img {
1237   margin-bottom: 22px;
1238 }
1239 .blog-entry:before, .blog-entry:after {
1240   display: table;
1241   content: "";
1242   zoom: 1;
1243 }
1244 .blog-entry:after {
1245   clear: both;
1246 }
1247 .blog-entry .title {
1248   margin-bottom: 1em;
1249   font-size: 1.1em;
1250   line-height: 1.4em;
1251 }
1252 .blog-entry .media img {
1253   border: 1px solid #808080;
1254 }
1255 .blog-entry .intro-content, .blog-entry .content {
1256   margin-top: 22px;
1257 }
1258 .blog-entry .intro-content object, .blog-entry .content object {
1259   margin: 22px 0;
1260 }
1261 .blog-entry .entry-info {
1262   font-size: 0.7em;
1263   margin-top: 22px;
1264 }
1265 .blog-entry.single .entry-info {
1266   margin-top: 0;
1267   margin-bottom: 22px;
1268 }
1269 .section.twitter-feed .tweet {
1270   line-height: 1.3em;
1271   font-size: 0.9em;
1272   margin-bottom: 22px;
1273   color: #808080;
1274 }
1275 .section.twitter-feed .tweet:last-child {
1276   margin-bottom: 0;
1277   padding-bottom: 0;
1278   border-bottom: none;
1279 }
1280 .section.twitter-feed .tweet .date {
1281   display: block;
1282   font-size: 0.7em;
1283 }
1284 .section.twitter-feed .tweet .date a {
1285   text-decoration: none !important;
1286   border: none;
1287 }
1288 .pagination .page {
1289   margin-left: 0;
1290 }
1291 .entry-list .since {
1292   font-size: 0.8em;
1293 }
1294 .entry-list .title {
1295   margin-bottom: 1em;
1296 }
1297 .entry-list .content, .entry-list .text {
1298   margin-bottom: 2em;
1299   font-size: 0.8em;
1300 }
1301 .initial_hidden {
1302   display: none;
1303 }
1304 /*resources styles*/
1305 .resources .categories ul {
1306   zoom: 1;
1307 }
1308 .resources .categories ul:before, .resources .categories ul:after {
1309   display: table;
1310   content: "";
1311   zoom: 1;
1312 }
1313 .resources .categories ul:after {
1314   clear: both;
1315 }
1316 .resources .categories ul li {
1317   float: left;
1318 }
1319 .resources .categories .title {
1320   margin-bottom: 11px;
1321 }
1322 .resources .categories ul li a {
1323   text-decoration: none;
1324   color: #faaf40;
1325   margin-right: 22px;
1326 }
1327 .resources .list {
1328   margin-top: 88px;
1329 }
1330 .resources .list .resource {
1331   -moz-box-sizing: border-box;
1332   -webkit-box-sizing: border-box;
1333   box-sizing: border-box;
1334   *behavior: url(boxsizing.htc);
1335   width: 33%;
1336   padding: 44px;
1337   float: left;
1338   border: 1px solid #faaf40;
1339   height: 264px;
1340 }
1341 .resources .list .resource .description {
1342   display: none;
1343 }
1344 /* recaptcha */
1345 #recaptcha_widget_div {
1346   margin-top: 10px;
1347   margin-left: -4px;
1348 }
1349 #recaptcha_widget_div #recaptcha_instructions_image {
1350   font-size: 0.8em;
1351   margin-bottom: 10px;
1352   display: block !important;
1353 }
1354 .checkbox-widget.checked {
1355   background-color: #f00;
1356   background-image: url("../images/checkbox.png");
1357   background-position: 50% 50%;
1358 }
1359 .checkbox-widget {
1360   border: 1px solid #808080;
1361   width: 25px;
1362   height: 25px;
1363   display: block;
1364   float: left;
1365   cursor: pointer;
1366   margin-top: 9px;
1367 }