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