UI adaptation for supporting ONAP portal SDK
[validation.git] / ui / src / main / webapp / static / fusion / sample / org_chart / css / bootstrap.min.css
1 html, body {
2     margin: 0;
3     padding: 0;
4 }
5
6 h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
7     cite, code, del, dfn, em, img, q, s, samp, small, strike, strong,
8     sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label,
9     legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
10     margin: 0;
11     padding: 0;
12     border: 0;
13     font-weight: normal;
14     font-style: normal;
15     font-size: 100%;
16     line-height: 1;
17     font-family: inherit;
18 }
19
20 ol, ul {
21     list-style: none;
22 }
23
24 q:before, q:after, blockquote:before, blockquote:after {
25     content: "";
26 }
27
28 html {
29     overflow-y: scroll;
30     font-size: 100%;
31     -webkit-text-size-adjust: 100%;
32     -ms-text-size-adjust: 100%;
33 }
34
35 a:focus {
36     outline: thin dotted;
37 }
38
39 a:hover, a:active {
40     outline: 0;
41 }
42
43 article, aside, details, figcaption, figure, footer, header, hgroup, nav,
44     section {
45     display: block;
46 }
47
48 audio, canvas, video {
49     display: inline-block;
50     *display: inline;
51     *zoom: 1;
52 }
53
54 audio:not ([controls] ){
55     display: none;
56 }
57
58 sub, sup {
59     font-size: 75%;
60     line-height: 0;
61     position: relative;
62     vertical-align: baseline;
63 }
64
65 sup {
66     top: -0.5em;
67 }
68
69 sub {
70     bottom: -0.25em;
71 }
72
73 img {
74     border: 0;
75     -ms-interpolation-mode: bicubic;
76 }
77
78 button, input, select, textarea {
79     font-size: 100%;
80     margin: 0;
81     vertical-align: baseline;
82     *vertical-align: middle;
83 }
84
85 button, input {
86     line-height: normal;
87     *overflow: visible;
88 }
89
90 button::-moz-focus-inner, input::-moz-focus-inner {
91     border: 0;
92     padding: 0;
93 }
94
95 button, input[type="button"], input[type="reset"], input[type="submit"]
96     {
97     cursor: pointer;
98     -webkit-appearance: button;
99 }
100
101 input[type="search"] {
102     -webkit-appearance: textfield;
103     -webkit-box-sizing: content-box;
104     -moz-box-sizing: content-box;
105     box-sizing: content-box;
106 }
107
108 input[type="search"]::-webkit-search-decoration {
109     -webkit-appearance: none;
110 }
111
112 textarea {
113     overflow: auto;
114     vertical-align: top;
115 }
116
117 body {
118     background-color: #ffffff;
119     margin: 0;
120     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
121     font-size: 13px;
122     font-weight: normal;
123     line-height: 18px;
124     color: #404040;
125 }
126
127 .container {
128     width: 940px;
129     margin-left: auto;
130     margin-right: auto;
131     zoom: 1;
132 }
133
134 .container:before, .container:after {
135     display: table;
136     content: "";
137     zoom: 1;
138 }
139
140 .container:after {
141     clear: both;
142 }
143
144 .container-fluid {
145     position: relative;
146     min-width: 940px;
147     padding-left: 20px;
148     padding-right: 20px;
149     zoom: 1;
150 }
151
152 .container-fluid:before, .container-fluid:after {
153     display: table;
154     content: "";
155     zoom: 1;
156 }
157
158 .container-fluid:after {
159     clear: both;
160 }
161
162 .container-fluid>.sidebar {
163     position: absolute;
164     top: 0;
165     left: 20px;
166     width: 220px;
167 }
168
169 .container-fluid>.content {
170     margin-left: 240px;
171 }
172
173 a {
174     color: #0069d6;
175     text-decoration: none;
176     line-height: inherit;
177     font-weight: inherit;
178 }
179
180 a:hover {
181     color: #00438a;
182     text-decoration: underline;
183 }
184
185 .pull-right {
186     float: right;
187 }
188
189 .pull-left {
190     float: left;
191 }
192
193 .hide {
194     display: none;
195 }
196
197 .show {
198     display: block;
199 }
200
201 .row {
202     zoom: 1;
203     margin-left: -20px;
204 }
205
206 .row:before, .row:after {
207     display: table;
208     content: "";
209     zoom: 1;
210 }
211
212 .row:after {
213     clear: both;
214 }
215
216 .row>[class*="span"] {
217     display: inline;
218     float: left;
219     margin-left: 20px;
220 }
221
222 .span1 {
223     width: 40px;
224 }
225
226 .span2 {
227     width: 100px;
228 }
229
230 .span3 {
231     width: 160px;
232 }
233
234 .span4 {
235     width: 220px;
236 }
237
238 .span5 {
239     width: 280px;
240 }
241
242 .span6 {
243     width: 340px;
244 }
245
246 .span7 {
247     width: 400px;
248 }
249
250 .span8 {
251     width: 460px;
252 }
253
254 .span9 {
255     width: 520px;
256 }
257
258 .span10 {
259     width: 580px;
260 }
261
262 .span11 {
263     width: 640px;
264 }
265
266 .span12 {
267     width: 700px;
268 }
269
270 .span13 {
271     width: 760px;
272 }
273
274 .span14 {
275     width: 820px;
276 }
277
278 .span15 {
279     width: 880px;
280 }
281
282 .span16 {
283     width: 940px;
284 }
285
286 .span17 {
287     width: 1000px;
288 }
289
290 .span18 {
291     width: 1060px;
292 }
293
294 .span19 {
295     width: 1120px;
296 }
297
298 .span20 {
299     width: 1180px;
300 }
301
302 .span21 {
303     width: 1240px;
304 }
305
306 .span22 {
307     width: 1300px;
308 }
309
310 .span23 {
311     width: 1360px;
312 }
313
314 .span24 {
315     width: 1420px;
316 }
317
318 .row>.offset1 {
319     margin-left: 80px;
320 }
321
322 .row>.offset2 {
323     margin-left: 140px;
324 }
325
326 .row>.offset3 {
327     margin-left: 200px;
328 }
329
330 .row>.offset4 {
331     margin-left: 260px;
332 }
333
334 .row>.offset5 {
335     margin-left: 320px;
336 }
337
338 .row>.offset6 {
339     margin-left: 380px;
340 }
341
342 .row>.offset7 {
343     margin-left: 440px;
344 }
345
346 .row>.offset8 {
347     margin-left: 500px;
348 }
349
350 .row>.offset9 {
351     margin-left: 560px;
352 }
353
354 .row>.offset10 {
355     margin-left: 620px;
356 }
357
358 .row>.offset11 {
359     margin-left: 680px;
360 }
361
362 .row>.offset12 {
363     margin-left: 740px;
364 }
365
366 .span-one-third {
367     width: 300px;
368 }
369
370 .span-two-thirds {
371     width: 620px;
372 }
373
374 .offset-one-third {
375     margin-left: 340px;
376 }
377
378 .offset-two-thirds {
379     margin-left: 660px;
380 }
381
382 p {
383     font-size: 13px;
384     font-weight: normal;
385     line-height: 18px;
386     margin-bottom: 9px;
387 }
388
389 p small {
390     font-size: 11px;
391     color: #bfbfbf;
392 }
393
394 h1, h2, h3, h4, h5, h6 {
395     font-weight: bold;
396     color: #404040;
397 }
398
399 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
400     color: #bfbfbf;
401 }
402
403 h1 {
404     margin-bottom: 18px;
405     font-size: 30px;
406     line-height: 36px;
407 }
408
409 h1 small {
410     font-size: 18px;
411 }
412
413 h2 {
414     font-size: 24px;
415     line-height: 36px;
416 }
417
418 h2 small {
419     font-size: 14px;
420 }
421
422 h3, h4, h5, h6 {
423     line-height: 36px;
424 }
425
426 h3 {
427     font-size: 18px;
428 }
429
430 h3 small {
431     font-size: 14px;
432 }
433
434 h4 {
435     font-size: 16px;
436 }
437
438 h4 small {
439     font-size: 12px;
440 }
441
442 h5 {
443     font-size: 14px;
444 }
445
446 h6 {
447     font-size: 13px;
448     color: #bfbfbf;
449     text-transform: uppercase;
450 }
451
452 ul, ol {
453     margin: 0 0 18px 25px;
454 }
455
456 ul ul, ul ol, ol ol, ol ul {
457     margin-bottom: 0;
458 }
459
460 ul {
461     list-style: disc;
462 }
463
464 ol {
465     list-style: decimal;
466 }
467
468 li {
469     line-height: 18px;
470     color: #808080;
471 }
472
473 ul.unstyled {
474     list-style: none;
475     margin-left: 0;
476 }
477
478 dl {
479     margin-bottom: 18px;
480 }
481
482 dl dt, dl dd {
483     line-height: 18px;
484 }
485
486 dl dt {
487     font-weight: bold;
488 }
489
490 dl dd {
491     margin-left: 9px;
492 }
493
494 hr {
495     margin: 20px 0 19px;
496     border: 0;
497     border-bottom: 1px solid #eee;
498 }
499
500 strong {
501     font-style: inherit;
502     font-weight: bold;
503 }
504
505 em {
506     font-style: italic;
507     font-weight: inherit;
508     line-height: inherit;
509 }
510
511 .muted {
512     color: #bfbfbf;
513 }
514
515 blockquote {
516     margin-bottom: 18px;
517     border-left: 5px solid #eee;
518     padding-left: 15px;
519 }
520
521 blockquote p {
522     font-size: 14px;
523     font-weight: 300;
524     line-height: 18px;
525     margin-bottom: 0;
526 }
527
528 blockquote small {
529     display: block;
530     font-size: 12px;
531     font-weight: 300;
532     line-height: 18px;
533     color: #bfbfbf;
534 }
535
536 blockquote small:before {
537     content: '\2014 \00A0';
538 }
539
540 address {
541     display: block;
542     line-height: 18px;
543     margin-bottom: 18px;
544 }
545
546 code, pre {
547     padding: 0 3px 2px;
548     font-family: Monaco, Andale Mono, Courier New, monospace;
549     font-size: 12px;
550     -webkit-border-radius: 3px;
551     -moz-border-radius: 3px;
552     border-radius: 3px;
553 }
554
555 code {
556     background-color: #fee9cc;
557     color: rgba(0, 0, 0, 0.75);
558     padding: 1px 3px;
559 }
560
561 pre {
562     background-color: #f5f5f5;
563     display: block;
564     padding: 8.5px;
565     margin: 0 0 18px;
566     line-height: 18px;
567     font-size: 12px;
568     border: 1px solid #ccc;
569     border: 1px solid rgba(0, 0, 0, 0.15);
570     -webkit-border-radius: 3px;
571     -moz-border-radius: 3px;
572     border-radius: 3px;
573     white-space: pre;
574     white-space: pre-wrap;
575     word-wrap: break-word;
576 }
577
578 form {
579     margin-bottom: 18px;
580 }
581
582 fieldset {
583     margin-bottom: 18px;
584     padding-top: 18px;
585 }
586
587 fieldset legend {
588     display: block;
589     padding-left: 150px;
590     font-size: 19.5px;
591     line-height: 1;
592     color: #404040;
593     *padding: 0 0 5px 145px;
594     *line-height: 1.5;
595 }
596
597 form .clearfix {
598     margin-bottom: 18px;
599     zoom: 1;
600 }
601
602 form .clearfix:before, form .clearfix:after {
603     display: table;
604     content: "";
605     zoom: 1;
606 }
607
608 form .clearfix:after {
609     clear: both;
610 }
611
612 label, input, select, textarea {
613     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
614     font-size: 13px;
615     font-weight: normal;
616     line-height: normal;
617 }
618
619 label {
620     padding-top: 6px;
621     font-size: 13px;
622     line-height: 18px;
623     float: left;
624     width: 130px;
625     text-align: right;
626     color: #404040;
627 }
628
629 form .input {
630     margin-left: 150px;
631 }
632
633 input[type=checkbox], input[type=radio] {
634     cursor: pointer;
635 }
636
637 input, textarea, select, .uneditable-input {
638     display: inline-block;
639     width: 210px;
640     height: 18px;
641     padding: 4px;
642     font-size: 13px;
643     line-height: 18px;
644     color: #808080;
645     border: 1px solid #ccc;
646     -webkit-border-radius: 3px;
647     -moz-border-radius: 3px;
648     border-radius: 3px;
649 }
650
651 select {
652     padding: initial;
653 }
654
655 input[type=checkbox], input[type=radio] {
656     width: auto;
657     height: auto;
658     padding: 0;
659     margin: 3px 0;
660     *margin-top: 0;
661     line-height: normal;
662     border: none;
663 }
664
665 input[type=file] {
666     background-color: #ffffff;
667     padding: initial;
668     border: initial;
669     line-height: initial;
670     -webkit-box-shadow: none;
671     -moz-box-shadow: none;
672     box-shadow: none;
673 }
674
675 input[type=button], input[type=reset], input[type=submit] {
676     width: auto;
677     height: auto;
678 }
679
680 select, input[type=file] {
681     height: 27px;
682     *height: auto;
683     line-height: 27px;
684     *margin-top: 4px;
685 }
686
687 select[multiple] {
688     height: inherit;
689     background-color: #ffffff;
690 }
691
692 textarea {
693     height: auto;
694 }
695
696 .uneditable-input {
697     background-color: #ffffff;
698     display: block;
699     border-color: #eee;
700     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
701     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
702     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
703     cursor: not-allowed;
704 }
705
706 :-moz-placeholder {
707     color: #bfbfbf;
708 }
709
710 ::-webkit-input-placeholder {
711     color: #bfbfbf;
712 }
713
714 input, textarea {
715     -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
716     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
717     -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
718     -o-transition: border linear 0.2s, box-shadow linear 0.2s;
719     transition: border linear 0.2s, box-shadow linear 0.2s;
720     -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
721     -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
722     box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
723 }
724
725 input:focus, textarea:focus {
726     outline: 0;
727     border-color: rgba(82, 168, 236, 0.8);
728     -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px
729         rgba(82, 168, 236, 0.6);
730     -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px
731         rgba(82, 168, 236, 0.6);
732     box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px
733         rgba(82, 168, 236, 0.6);
734 }
735
736 input[type=file]:focus, input[type=checkbox]:focus, select:focus {
737     -webkit-box-shadow: none;
738     -moz-box-shadow: none;
739     box-shadow: none;
740     outline: 1px dotted #666;
741 }
742
743 form .clearfix.error>label, form .clearfix.error .help-block, form .clearfix.error .help-inline
744     {
745     color: #b94a48;
746 }
747
748 form .clearfix.error input, form .clearfix.error textarea {
749     color: #b94a48;
750     border-color: #ee5f5b;
751 }
752
753 form .clearfix.error input:focus, form .clearfix.error textarea:focus {
754     border-color: #e9322d;
755     -webkit-box-shadow: 0 0 6px #f8b9b7;
756     -moz-box-shadow: 0 0 6px #f8b9b7;
757     box-shadow: 0 0 6px #f8b9b7;
758 }
759
760 form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on
761     {
762     color: #b94a48;
763     background-color: #fce6e6;
764     border-color: #b94a48;
765 }
766
767 form .clearfix.warning>label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline
768     {
769     color: #c09853;
770 }
771
772 form .clearfix.warning input, form .clearfix.warning textarea {
773     color: #c09853;
774     border-color: #ccae64;
775 }
776
777 form .clearfix.warning input:focus, form .clearfix.warning textarea:focus
778     {
779     border-color: #be9a3f;
780     -webkit-box-shadow: 0 0 6px #e5d6b1;
781     -moz-box-shadow: 0 0 6px #e5d6b1;
782     box-shadow: 0 0 6px #e5d6b1;
783 }
784
785 form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on
786     {
787     color: #c09853;
788     background-color: #d2b877;
789     border-color: #c09853;
790 }
791
792 form .clearfix.success>label, form .clearfix.success .help-block, form .clearfix.success .help-inline
793     {
794     color: #468847;
795 }
796
797 form .clearfix.success input, form .clearfix.success textarea {
798     color: #468847;
799     border-color: #57a957;
800 }
801
802 form .clearfix.success input:focus, form .clearfix.success textarea:focus
803     {
804     border-color: #458845;
805     -webkit-box-shadow: 0 0 6px #9acc9a;
806     -moz-box-shadow: 0 0 6px #9acc9a;
807     box-shadow: 0 0 6px #9acc9a;
808 }
809
810 form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on
811     {
812     color: #468847;
813     background-color: #bcddbc;
814     border-color: #468847;
815 }
816
817 .input-mini, input.mini, textarea.mini, select.mini {
818     width: 60px;
819 }
820
821 .input-small, input.small, textarea.small, select.small {
822     width: 90px;
823 }
824
825 .input-medium, input.medium, textarea.medium, select.medium {
826     width: 150px;
827 }
828
829 .input-large, input.large, textarea.large, select.large {
830     width: 210px;
831 }
832
833 .input-xlarge, input.xlarge, textarea.xlarge, select.xlarge {
834     width: 270px;
835 }
836
837 .input-xxlarge, input.xxlarge, textarea.xxlarge, select.xxlarge {
838     width: 530px;
839 }
840
841 textarea.xxlarge {
842     overflow-y: auto;
843 }
844
845 input.span1, textarea.span1 {
846     display: inline-block;
847     float: none;
848     width: 30px;
849     margin-left: 0;
850 }
851
852 input.span2, textarea.span2 {
853     display: inline-block;
854     float: none;
855     width: 90px;
856     margin-left: 0;
857 }
858
859 input.span3, textarea.span3 {
860     display: inline-block;
861     float: none;
862     width: 150px;
863     margin-left: 0;
864 }
865
866 input.span4, textarea.span4 {
867     display: inline-block;
868     float: none;
869     width: 210px;
870     margin-left: 0;
871 }
872
873 input.span5, textarea.span5 {
874     display: inline-block;
875     float: none;
876     width: 270px;
877     margin-left: 0;
878 }
879
880 input.span6, textarea.span6 {
881     display: inline-block;
882     float: none;
883     width: 330px;
884     margin-left: 0;
885 }
886
887 input.span7, textarea.span7 {
888     display: inline-block;
889     float: none;
890     width: 390px;
891     margin-left: 0;
892 }
893
894 input.span8, textarea.span8 {
895     display: inline-block;
896     float: none;
897     width: 450px;
898     margin-left: 0;
899 }
900
901 input.span9, textarea.span9 {
902     display: inline-block;
903     float: none;
904     width: 510px;
905     margin-left: 0;
906 }
907
908 input.span10, textarea.span10 {
909     display: inline-block;
910     float: none;
911     width: 570px;
912     margin-left: 0;
913 }
914
915 input.span11, textarea.span11 {
916     display: inline-block;
917     float: none;
918     width: 630px;
919     margin-left: 0;
920 }
921
922 input.span12, textarea.span12 {
923     display: inline-block;
924     float: none;
925     width: 690px;
926     margin-left: 0;
927 }
928
929 input.span13, textarea.span13 {
930     display: inline-block;
931     float: none;
932     width: 750px;
933     margin-left: 0;
934 }
935
936 input.span14, textarea.span14 {
937     display: inline-block;
938     float: none;
939     width: 810px;
940     margin-left: 0;
941 }
942
943 input.span15, textarea.span15 {
944     display: inline-block;
945     float: none;
946     width: 870px;
947     margin-left: 0;
948 }
949
950 input.span16, textarea.span16 {
951     display: inline-block;
952     float: none;
953     width: 930px;
954     margin-left: 0;
955 }
956
957 input[disabled], select[disabled], textarea[disabled], input[readonly],
958     select[readonly], textarea[readonly] {
959     background-color: #f5f5f5;
960     border-color: #ddd;
961     cursor: not-allowed;
962 }
963
964 .actions {
965     background: #f5f5f5;
966     margin-top: 18px;
967     margin-bottom: 18px;
968     padding: 17px 20px 18px 150px;
969     border-top: 1px solid #ddd;
970     -webkit-border-radius: 0 0 3px 3px;
971     -moz-border-radius: 0 0 3px 3px;
972     border-radius: 0 0 3px 3px;
973 }
974
975 .actions .secondary-action {
976     float: right;
977 }
978
979 .actions .secondary-action a {
980     line-height: 30px;
981 }
982
983 .actions .secondary-action a:hover {
984     text-decoration: underline;
985 }
986
987 .help-inline, .help-block {
988     font-size: 13px;
989     line-height: 18px;
990     color: #bfbfbf;
991 }
992
993 .help-inline {
994     padding-left: 5px;
995     *position: relative;
996     *top: -5px;
997 }
998
999 .help-block {
1000     display: block;
1001     max-width: 600px;
1002 }
1003
1004 .inline-inputs {
1005     color: #808080;
1006 }
1007
1008 .inline-inputs span {
1009     padding: 0 2px 0 1px;
1010 }
1011
1012 .input-prepend input, .input-append input {
1013     -webkit-border-radius: 0 3px 3px 0;
1014     -moz-border-radius: 0 3px 3px 0;
1015     border-radius: 0 3px 3px 0;
1016 }
1017
1018 .input-prepend .add-on, .input-append .add-on {
1019     position: relative;
1020     background: #f5f5f5;
1021     border: 1px solid #ccc;
1022     z-index: 2;
1023     float: left;
1024     display: block;
1025     width: auto;
1026     min-width: 16px;
1027     height: 18px;
1028     padding: 4px 4px 4px 5px;
1029     margin-right: -1px;
1030     font-weight: normal;
1031     line-height: 18px;
1032     color: #bfbfbf;
1033     text-align: center;
1034     text-shadow: 0 1px 0 #ffffff;
1035     -webkit-border-radius: 3px 0 0 3px;
1036     -moz-border-radius: 3px 0 0 3px;
1037     border-radius: 3px 0 0 3px;
1038 }
1039
1040 .input-prepend .active, .input-append .active {
1041     background: #a9dba9;
1042     border-color: #46a546;
1043 }
1044
1045 .input-prepend .add-on {
1046     *margin-top: 1px;
1047 }
1048
1049 .input-append input {
1050     float: left;
1051     -webkit-border-radius: 3px 0 0 3px;
1052     -moz-border-radius: 3px 0 0 3px;
1053     border-radius: 3px 0 0 3px;
1054 }
1055
1056 .input-append .add-on {
1057     -webkit-border-radius: 0 3px 3px 0;
1058     -moz-border-radius: 0 3px 3px 0;
1059     border-radius: 0 3px 3px 0;
1060     margin-right: 0;
1061     margin-left: -1px;
1062 }
1063
1064 .inputs-list {
1065     margin: 0 0 5px;
1066     width: 100%;
1067 }
1068
1069 .inputs-list li {
1070     display: block;
1071     padding: 0;
1072     width: 100%;
1073 }
1074
1075 .inputs-list label {
1076     display: block;
1077     float: none;
1078     width: auto;
1079     padding: 0;
1080     margin-left: 20px;
1081     line-height: 18px;
1082     text-align: left;
1083     white-space: normal;
1084 }
1085
1086 .inputs-list label strong {
1087     color: #808080;
1088 }
1089
1090 .inputs-list label small {
1091     font-size: 11px;
1092     font-weight: normal;
1093 }
1094
1095 .inputs-list .inputs-list {
1096     margin-left: 25px;
1097     margin-bottom: 10px;
1098     padding-top: 0;
1099 }
1100
1101 .inputs-list:first-child {
1102     padding-top: 6px;
1103 }
1104
1105 .inputs-list li+li {
1106     padding-top: 2px;
1107 }
1108
1109 .inputs-list input[type=radio], .inputs-list input[type=checkbox] {
1110     margin-bottom: 0;
1111     margin-left: -20px;
1112     float: left;
1113 }
1114
1115 .form-stacked {
1116     padding-left: 20px;
1117 }
1118
1119 .form-stacked fieldset {
1120     padding-top: 9px;
1121 }
1122
1123 .form-stacked legend {
1124     padding-left: 0;
1125 }
1126
1127 .form-stacked label {
1128     display: block;
1129     float: none;
1130     width: auto;
1131     font-weight: bold;
1132     text-align: left;
1133     line-height: 20px;
1134     padding-top: 0;
1135 }
1136
1137 .form-stacked .clearfix {
1138     margin-bottom: 9px;
1139 }
1140
1141 .form-stacked .clearfix div.input {
1142     margin-left: 0;
1143 }
1144
1145 .form-stacked .inputs-list {
1146     margin-bottom: 0;
1147 }
1148
1149 .form-stacked .inputs-list li {
1150     padding-top: 0;
1151 }
1152
1153 .form-stacked .inputs-list li label {
1154     font-weight: normal;
1155     padding-top: 0;
1156 }
1157
1158 .form-stacked div.clearfix.error {
1159     padding-top: 10px;
1160     padding-bottom: 10px;
1161     padding-left: 10px;
1162     margin-top: 0;
1163     margin-left: -10px;
1164 }
1165
1166 .form-stacked .actions {
1167     margin-left: -20px;
1168     padding-left: 20px;
1169 }
1170
1171 .condensed-table th, .condensed-table td {
1172     padding: 5px 5px 4px;
1173 }
1174
1175 .bordered-table {
1176     border: 1px solid #ddd;
1177     border-collapse: separate;
1178     *border-collapse: collapse;
1179     -webkit-border-radius: 4px;
1180     -moz-border-radius: 4px;
1181     border-radius: 4px;
1182 }
1183
1184 .bordered-table th+th, .bordered-table td+td, .bordered-table th+td {
1185     border-left: 1px solid #ddd;
1186 }
1187
1188 .bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child
1189     {
1190     -webkit-border-radius: 4px 0 0 0;
1191     -moz-border-radius: 4px 0 0 0;
1192     border-radius: 4px 0 0 0;
1193 }
1194
1195 .bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child
1196     {
1197     -webkit-border-radius: 0 4px 0 0;
1198     -moz-border-radius: 0 4px 0 0;
1199     border-radius: 0 4px 0 0;
1200 }
1201
1202 .bordered-table tbody tr:last-child td:first-child {
1203     -webkit-border-radius: 0 0 0 4px;
1204     -moz-border-radius: 0 0 0 4px;
1205     border-radius: 0 0 0 4px;
1206 }
1207
1208 .bordered-table tbody tr:last-child td:last-child {
1209     -webkit-border-radius: 0 0 4px 0;
1210     -moz-border-radius: 0 0 4px 0;
1211     border-radius: 0 0 4px 0;
1212 }
1213
1214 table .span1 {
1215     width: 20px;
1216 }
1217
1218 table .span2 {
1219     width: 60px;
1220 }
1221
1222 table .span3 {
1223     width: 100px;
1224 }
1225
1226 table .span4 {
1227     width: 140px;
1228 }
1229
1230 table .span5 {
1231     width: 180px;
1232 }
1233
1234 table .span6 {
1235     width: 220px;
1236 }
1237
1238 table .span7 {
1239     width: 260px;
1240 }
1241
1242 table .span8 {
1243     width: 300px;
1244 }
1245
1246 table .span9 {
1247     width: 340px;
1248 }
1249
1250 table .span10 {
1251     width: 380px;
1252 }
1253
1254 table .span11 {
1255     width: 420px;
1256 }
1257
1258 table .span12 {
1259     width: 460px;
1260 }
1261
1262 table .span13 {
1263     width: 500px;
1264 }
1265
1266 table .span14 {
1267     width: 540px;
1268 }
1269
1270 table .span15 {
1271     width: 580px;
1272 }
1273
1274 table .span16 {
1275     width: 620px;
1276 }
1277
1278 .zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th
1279     {
1280     background-color: #f9f9f9;
1281 }
1282
1283 .zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {
1284     background-color: #f5f5f5;
1285 }
1286
1287 table .header {
1288     cursor: pointer;
1289 }
1290
1291 table .header:after {
1292     content: "";
1293     float: right;
1294     margin-top: 7px;
1295     border-width: 0 4px 4px;
1296     border-style: solid;
1297     border-color: #000 transparent;
1298     visibility: hidden;
1299 }
1300
1301 table .headerSortUp, table .headerSortDown {
1302     background-color: rgba(141, 192, 219, 0.25);
1303     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1304 }
1305
1306 table .header:hover:after {
1307     visibility: visible;
1308 }
1309
1310 table .headerSortDown:after, table .headerSortDown:hover:after {
1311     visibility: visible;
1312     filter: alpha(opacity = 60);
1313     -khtml-opacity: 0.6;
1314     -moz-opacity: 0.6;
1315     opacity: 0.6;
1316 }
1317
1318 table .headerSortUp:after {
1319     border-bottom: none;
1320     border-left: 4px solid transparent;
1321     border-right: 4px solid transparent;
1322     border-top: 4px solid #000;
1323     visibility: visible;
1324     -webkit-box-shadow: none;
1325     -moz-box-shadow: none;
1326     box-shadow: none;
1327     filter: alpha(opacity = 60);
1328     -khtml-opacity: 0.6;
1329     -moz-opacity: 0.6;
1330     opacity: 0.6;
1331 }
1332
1333 table .blue {
1334     color: #049cdb;
1335     border-bottom-color: #049cdb;
1336 }
1337
1338 table .headerSortUp.blue, table .headerSortDown.blue {
1339     background-color: #ade6fe;
1340 }
1341
1342 table .green {
1343     color: #46a546;
1344     border-bottom-color: #46a546;
1345 }
1346
1347 table .headerSortUp.green, table .headerSortDown.green {
1348     background-color: #cdeacd;
1349 }
1350
1351 table .red {
1352     color: #9d261d;
1353     border-bottom-color: #9d261d;
1354 }
1355
1356 table .headerSortUp.red, table .headerSortDown.red {
1357     background-color: #f4c8c5;
1358 }
1359
1360 table .yellow {
1361     color: #ffc40d;
1362     border-bottom-color: #ffc40d;
1363 }
1364
1365 table .headerSortUp.yellow, table .headerSortDown.yellow {
1366     background-color: #fff6d9;
1367 }
1368
1369 table .orange {
1370     color: #f89406;
1371     border-bottom-color: #f89406;
1372 }
1373
1374 table .headerSortUp.orange, table .headerSortDown.orange {
1375     background-color: #fee9cc;
1376 }
1377
1378 table .purple {
1379     color: #7a43b6;
1380     border-bottom-color: #7a43b6;
1381 }
1382
1383 table .headerSortUp.purple, table .headerSortDown.purple {
1384     background-color: #e2d5f0;
1385 }
1386
1387 .topbar {
1388     height: 40px;
1389     position: fixed;
1390     top: 0;
1391     left: 0;
1392     right: 0;
1393     z-index: 10000;
1394     overflow: visible;
1395 }
1396
1397 .topbar a {
1398     color: #bfbfbf;
1399     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1400 }
1401
1402 .topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active>a {
1403     background-color: #333;
1404     background-color: rgba(255, 255, 255, 0.05);
1405     color: #ffffff;
1406     text-decoration: none;
1407 }
1408
1409 .topbar h3 {
1410     position: relative;
1411 }
1412
1413 .topbar h3 a, .topbar .brand {
1414     float: left;
1415     display: block;
1416     padding: 8px 20px 12px;
1417     margin-left: -20px;
1418     color: #ffffff;
1419     font-size: 20px;
1420     font-weight: 200;
1421     line-height: 1;
1422 }
1423
1424 .topbar p {
1425     margin: 0;
1426     line-height: 40px;
1427 }
1428
1429 .topbar p a:hover {
1430     background-color: transparent;
1431     color: #ffffff;
1432 }
1433
1434 .topbar form {
1435     float: left;
1436     margin: 5px 0 0 0;
1437     position: relative;
1438     filter: alpha(opacity = 100);
1439     -khtml-opacity: 1;
1440     -moz-opacity: 1;
1441     opacity: 1;
1442 }
1443
1444 .topbar form.pull-right {
1445     float: right;
1446 }
1447
1448 .topbar input {
1449     background-color: #444;
1450     background-color: rgba(255, 255, 255, 0.3);
1451     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
1452     font-size: normal;
1453     font-weight: 13px;
1454     line-height: 1;
1455     padding: 4px 9px;
1456     color: #ffffff;
1457     color: rgba(255, 255, 255, 0.75);
1458     border: 1px solid #111;
1459     -webkit-border-radius: 4px;
1460     -moz-border-radius: 4px;
1461     border-radius: 4px;
1462     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px
1463         rgba(255, 255, 255, 0.25);
1464     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px
1465         rgba(255, 255, 255, 0.25);
1466     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px
1467         rgba(255, 255, 255, 0.25);
1468     -webkit-transition: none;
1469     -moz-transition: none;
1470     -ms-transition: none;
1471     -o-transition: none;
1472     transition: none;
1473 }
1474
1475 .topbar input:-moz-placeholder {
1476     color: #e6e6e6;
1477 }
1478
1479 .topbar input::-webkit-input-placeholder {
1480     color: #e6e6e6;
1481 }
1482
1483 .topbar input:hover {
1484     background-color: #bfbfbf;
1485     background-color: rgba(255, 255, 255, 0.5);
1486     color: #ffffff;
1487 }
1488
1489 .topbar input:focus, .topbar input.focused {
1490     outline: 0;
1491     background-color: #ffffff;
1492     color: #404040;
1493     text-shadow: 0 1px 0 #ffffff;
1494     border: 0;
1495     padding: 5px 10px;
1496     -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1497     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1498     box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1499 }
1500
1501 .topbar-inner, .topbar .fill {
1502     background-color: #222;
1503     background-color: #222222;
1504     background-repeat: repeat-x;
1505     background-image: -khtml-gradient(linear, left top, left bottom, from(#333333),
1506         to(#222222));
1507     background-image: -moz-linear-gradient(top, #333333, #222222);
1508     background-image: -ms-linear-gradient(top, #333333, #222222);
1509     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333),
1510         color-stop(100%, #222222));
1511     background-image: -webkit-linear-gradient(top, #333333, #222222);
1512     background-image: -o-linear-gradient(top, #333333, #222222);
1513     background-image: linear-gradient(top, #333333, #222222);
1514     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',
1515         endColorstr='#222222', GradientType=0);
1516     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0
1517         rgba(0, 0, 0, 0.1);
1518     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0
1519         rgba(0, 0, 0, 0.1);
1520     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0
1521         rgba(0, 0, 0, 0.1);
1522 }
1523
1524 .topbar div>ul, .nav {
1525     display: block;
1526     float: left;
1527     margin: 0 10px 0 0;
1528     position: relative;
1529     left: 0;
1530 }
1531
1532 .topbar div>ul>li, .nav>li {
1533     display: block;
1534     float: left;
1535 }
1536
1537 .topbar div>ul a, .nav a {
1538     display: block;
1539     float: none;
1540     padding: 10px 10px 11px;
1541     line-height: 19px;
1542     text-decoration: none;
1543 }
1544
1545 .topbar div>ul a:hover, .nav a:hover {
1546     color: #ffffff;
1547     text-decoration: none;
1548 }
1549
1550 .topbar div>ul .active>a, .nav .active>a {
1551     background-color: #222;
1552     background-color: rgba(0, 0, 0, 0.5);
1553 }
1554
1555 .topbar div>ul.secondary-nav, .nav.secondary-nav {
1556     float: right;
1557     margin-left: 10px;
1558     margin-right: 0;
1559 }
1560
1561 .topbar div>ul.secondary-nav .menu-dropdown, .nav.secondary-nav .menu-dropdown,
1562     .topbar div>ul.secondary-nav .dropdown-menu, .nav.secondary-nav .dropdown-menu
1563     {
1564     right: 0;
1565     border: 0;
1566 }
1567
1568 .topbar div>ul a.menu:hover, .nav a.menu:hover, .topbar div>ul li.open .menu,
1569     .nav li.open .menu, .topbar div>ul .dropdown-toggle:hover, .nav .dropdown-toggle:hover,
1570     .topbar div>ul .dropdown.open .dropdown-toggle, .nav .dropdown.open .dropdown-toggle
1571     {
1572     background: #444;
1573     background: rgba(255, 255, 255, 0.05);
1574 }
1575
1576 .topbar div>ul .menu-dropdown, .nav .menu-dropdown, .topbar div>ul .dropdown-menu,
1577     .nav .dropdown-menu {
1578     background-color: #333;
1579 }
1580
1581 .topbar div>ul .menu-dropdown a.menu, .nav .menu-dropdown a.menu,
1582     .topbar div>ul .dropdown-menu a.menu, .nav .dropdown-menu a.menu,
1583     .topbar div>ul .menu-dropdown .dropdown-toggle, .nav .menu-dropdown .dropdown-toggle,
1584     .topbar div>ul .dropdown-menu .dropdown-toggle, .nav .dropdown-menu .dropdown-toggle
1585     {
1586     color: #ffffff;
1587 }
1588
1589 .topbar div>ul .menu-dropdown a.menu.open, .nav .menu-dropdown a.menu.open,
1590     .topbar div>ul .dropdown-menu a.menu.open, .nav .dropdown-menu a.menu.open,
1591     .topbar div>ul .menu-dropdown .dropdown-toggle.open, .nav .menu-dropdown .dropdown-toggle.open,
1592     .topbar div>ul .dropdown-menu .dropdown-toggle.open, .nav .dropdown-menu .dropdown-toggle.open
1593     {
1594     background: #444;
1595     background: rgba(255, 255, 255, 0.05);
1596 }
1597
1598 .topbar div>ul .menu-dropdown li a, .nav .menu-dropdown li a, .topbar div>ul .dropdown-menu li a,
1599     .nav .dropdown-menu li a {
1600     color: #999;
1601     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
1602 }
1603
1604 .topbar div>ul .menu-dropdown li a:hover, .nav .menu-dropdown li a:hover,
1605     .topbar div>ul .dropdown-menu li a:hover, .nav .dropdown-menu li a:hover
1606     {
1607     background-color: #191919;
1608     background-repeat: repeat-x;
1609     background-image: -khtml-gradient(linear, left top, left bottom, from(#292929),
1610         to(#191919));
1611     background-image: -moz-linear-gradient(top, #292929, #191919);
1612     background-image: -ms-linear-gradient(top, #292929, #191919);
1613     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929),
1614         color-stop(100%, #191919));
1615     background-image: -webkit-linear-gradient(top, #292929, #191919);
1616     background-image: -o-linear-gradient(top, #292929, #191919);
1617     background-image: linear-gradient(top, #292929, #191919);
1618     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929',
1619         endColorstr='#191919', GradientType=0);
1620     color: #ffffff;
1621 }
1622
1623 .topbar div>ul .menu-dropdown .active a, .nav .menu-dropdown .active a,
1624     .topbar div>ul .dropdown-menu .active a, .nav .dropdown-menu .active a
1625     {
1626     color: #ffffff;
1627 }
1628
1629 .topbar div>ul .menu-dropdown .divider, .nav .menu-dropdown .divider,
1630     .topbar div>ul .dropdown-menu .divider, .nav .dropdown-menu .divider
1631     {
1632     background-color: #222;
1633     border-color: #444;
1634 }
1635
1636 .topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a {
1637     padding: 4px 15px;
1638 }
1639
1640 li.menu, .dropdown {
1641     position: relative;
1642 }
1643
1644 a.menu:after, .dropdown-toggle:after {
1645     width: 0;
1646     height: 0;
1647     display: inline-block;
1648     content: "↓";
1649     text-indent: -99999px;
1650     vertical-align: top;
1651     margin-top: 8px;
1652     margin-left: 4px;
1653     border-left: 4px solid transparent;
1654     border-right: 4px solid transparent;
1655     border-top: 4px solid #ffffff;
1656     filter: alpha(opacity = 50);
1657     -khtml-opacity: 0.5;
1658     -moz-opacity: 0.5;
1659     opacity: 0.5;
1660 }
1661
1662 .menu-dropdown, .dropdown-menu {
1663     background-color: #ffffff;
1664     float: left;
1665     display: none;
1666     position: absolute;
1667     top: 40px;
1668     z-index: 900;
1669     min-width: 160px;
1670     max-width: 220px;
1671     _width: 160px;
1672     margin-left: 0;
1673     margin-right: 0;
1674     padding: 6px 0;
1675     zoom: 1;
1676     border-color: #999;
1677     border-color: rgba(0, 0, 0, 0.2);
1678     border-style: solid;
1679     border-width: 0 1px 1px;
1680     -webkit-border-radius: 0 0 6px 6px;
1681     -moz-border-radius: 0 0 6px 6px;
1682     border-radius: 0 0 6px 6px;
1683     -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1684     -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1685     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1686     -webkit-background-clip: padding-box;
1687     -moz-background-clip: padding-box;
1688     background-clip: padding-box;
1689 }
1690
1691 .menu-dropdown li, .dropdown-menu li {
1692     float: none;
1693     display: block;
1694     background-color: none;
1695 }
1696
1697 .menu-dropdown .divider, .dropdown-menu .divider {
1698     height: 1px;
1699     margin: 5px 0;
1700     overflow: hidden;
1701     background-color: #eee;
1702     border-bottom: 1px solid #ffffff;
1703 }
1704
1705 .topbar .dropdown-menu a, .dropdown-menu a {
1706     display: block;
1707     padding: 4px 15px;
1708     clear: both;
1709     font-weight: normal;
1710     line-height: 18px;
1711     color: #808080;
1712     text-shadow: 0 1px 0 #ffffff;
1713 }
1714
1715 .topbar .dropdown-menu a:hover, .dropdown-menu a:hover, .topbar .dropdown-menu a.hover,
1716     .dropdown-menu a.hover {
1717     background-color: #dddddd;
1718     background-repeat: repeat-x;
1719     background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee),
1720         to(#dddddd));
1721     background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
1722     background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
1723     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee),
1724         color-stop(100%, #dddddd));
1725     background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
1726     background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
1727     background-image: linear-gradient(top, #eeeeee, #dddddd);
1728     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',
1729         endColorstr='#dddddd', GradientType=0);
1730     color: #404040;
1731     text-decoration: none;
1732     -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px
1733         rgba(0, 0, 0, 0.025);
1734     -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px
1735         rgba(0, 0, 0, 0.025);
1736     box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px
1737         rgba(0, 0, 0, 0.025);
1738 }
1739
1740 .open .menu, .dropdown.open .menu, .open .dropdown-toggle, .dropdown.open .dropdown-toggle
1741     {
1742     color: #ffffff;
1743     background: #ccc;
1744     background: rgba(0, 0, 0, 0.3);
1745 }
1746
1747 .open .menu-dropdown, .dropdown.open .menu-dropdown, .open .dropdown-menu,
1748     .dropdown.open .dropdown-menu {
1749     display: block;
1750 }
1751
1752 .tabs, .pills {
1753     margin: 0 0 18px;
1754     padding: 0;
1755     list-style: none;
1756     zoom: 1;
1757 }
1758
1759 .tabs:before, .pills:before, .tabs:after, .pills:after {
1760     display: table;
1761     content: "";
1762     zoom: 1;
1763 }
1764
1765 .tabs:after, .pills:after {
1766     clear: both;
1767 }
1768
1769 .tabs>li, .pills>li {
1770     float: left;
1771 }
1772
1773 .tabs>li>a, .pills>li>a {
1774     display: block;
1775 }
1776
1777 .tabs {
1778     border-color: #ddd;
1779     border-style: solid;
1780     border-width: 0 0 1px;
1781 }
1782
1783 .tabs>li {
1784     position: relative;
1785     margin-bottom: -1px;
1786 }
1787
1788 .tabs>li>a {
1789     padding: 0 15px;
1790     margin-right: 2px;
1791     line-height: 34px;
1792     border: 1px solid transparent;
1793     -webkit-border-radius: 4px 4px 0 0;
1794     -moz-border-radius: 4px 4px 0 0;
1795     border-radius: 4px 4px 0 0;
1796 }
1797
1798 .tabs>li>a:hover {
1799     text-decoration: none;
1800     background-color: #eee;
1801     border-color: #eee #eee #ddd;
1802 }
1803
1804 .tabs .active>a, .tabs .active>a:hover {
1805     color: #808080;
1806     background-color: #ffffff;
1807     border: 1px solid #ddd;
1808     border-bottom-color: transparent;
1809     cursor: default;
1810 }
1811
1812 .tabs .menu-dropdown, .tabs .dropdown-menu {
1813     top: 35px;
1814     border-width: 1px;
1815     -webkit-border-radius: 0 6px 6px 6px;
1816     -moz-border-radius: 0 6px 6px 6px;
1817     border-radius: 0 6px 6px 6px;
1818 }
1819
1820 .tabs a.menu:after, .tabs .dropdown-toggle:after {
1821     border-top-color: #999;
1822     margin-top: 15px;
1823     margin-left: 5px;
1824 }
1825
1826 .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle {
1827     border-color: #999;
1828 }
1829
1830 .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after
1831     {
1832     border-top-color: #555;
1833 }
1834
1835 .pills a {
1836     margin: 5px 3px 5px 0;
1837     padding: 0 15px;
1838     line-height: 30px;
1839     text-shadow: 0 1px 1px #ffffff;
1840     -webkit-border-radius: 15px;
1841     -moz-border-radius: 15px;
1842     border-radius: 15px;
1843 }
1844
1845 .pills a:hover {
1846     color: #ffffff;
1847     text-decoration: none;
1848     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
1849     background-color: #00438a;
1850 }
1851
1852 .pills .active a {
1853     color: #ffffff;
1854     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
1855     background-color: #0069d6;
1856 }
1857
1858 .pills-vertical>li {
1859     float: none;
1860 }
1861
1862 .tab-content>.tab-pane, .pill-content>.pill-pane, .tab-content>div,
1863     .pill-content>div {
1864     display: none;
1865 }
1866
1867 .tab-content>.active, .pill-content>.active {
1868     display: block;
1869 }
1870
1871 .breadcrumb {
1872     padding: 7px 14px;
1873     margin: 0 0 18px;
1874     background-color: #f5f5f5;
1875     background-repeat: repeat-x;
1876     background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff),
1877         to(#f5f5f5));
1878     background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
1879     background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
1880     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
1881         color-stop(100%, #f5f5f5));
1882     background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
1883     background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
1884     background-image: linear-gradient(top, #ffffff, #f5f5f5);
1885     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
1886         endColorstr='#f5f5f5', GradientType=0);
1887     border: 1px solid #ddd;
1888     -webkit-border-radius: 3px;
1889     -moz-border-radius: 3px;
1890     border-radius: 3px;
1891     -webkit-box-shadow: inset 0 1px 0 #ffffff;
1892     -moz-box-shadow: inset 0 1px 0 #ffffff;
1893     box-shadow: inset 0 1px 0 #ffffff;
1894 }
1895
1896 .breadcrumb li {
1897     display: inline;
1898     text-shadow: 0 1px 0 #ffffff;
1899 }
1900
1901 .breadcrumb .divider {
1902     padding: 0 5px;
1903     color: #bfbfbf;
1904 }
1905
1906 .breadcrumb .active a {
1907     color: #404040;
1908 }
1909
1910 .hero-unit {
1911     background-color: #f5f5f5;
1912     margin-bottom: 30px;
1913     padding: 60px;
1914     -webkit-border-radius: 6px;
1915     -moz-border-radius: 6px;
1916     border-radius: 6px;
1917 }
1918
1919 .hero-unit h1 {
1920     margin-bottom: 0;
1921     font-size: 60px;
1922     line-height: 1;
1923     letter-spacing: -1px;
1924 }
1925
1926 .hero-unit p {
1927     font-size: 18px;
1928     font-weight: 200;
1929     line-height: 27px;
1930 }
1931
1932 footer {
1933     margin-top: 17px;
1934     padding-top: 17px;
1935     border-top: 1px solid #eee;
1936 }
1937
1938 .page-header {
1939     margin-bottom: 17px;
1940     border-bottom: 1px solid #ddd;
1941     -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1942     -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1943     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1944 }
1945
1946 .page-header h1 {
1947     margin-bottom: 8px;
1948 }
1949
1950 .btn.danger, .alert-message.danger, .btn.danger:hover, .alert-message.danger:hover,
1951     .btn.error, .alert-message.error, .btn.error:hover, .alert-message.error:hover,
1952     .btn.success, .alert-message.success, .btn.success:hover,
1953     .alert-message.success:hover, .btn.info, .alert-message.info, .btn.info:hover,
1954     .alert-message.info:hover {
1955     color: #ffffff;
1956 }
1957
1958 .btn .close, .alert-message .close {
1959     font-family: Arial, sans-serif;
1960     line-height: 18px;
1961 }
1962
1963 .btn.danger, .alert-message.danger, .btn.error, .alert-message.error {
1964     background-color: #c43c35;
1965     background-repeat: repeat-x;
1966     background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b),
1967         to(#c43c35));
1968     background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
1969     background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
1970     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b),
1971         color-stop(100%, #c43c35));
1972     background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
1973     background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
1974     background-image: linear-gradient(top, #ee5f5b, #c43c35);
1975     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',
1976         endColorstr='#c43c35', GradientType=0);
1977     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1978     border-color: #c43c35 #c43c35 #882a25;
1979     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1980 }
1981
1982 .btn.success, .alert-message.success {
1983     background-color: #57a957;
1984     background-repeat: repeat-x;
1985     background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462),
1986         to(#57a957));
1987     background-image: -moz-linear-gradient(top, #62c462, #57a957);
1988     background-image: -ms-linear-gradient(top, #62c462, #57a957);
1989     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462),
1990         color-stop(100%, #57a957));
1991     background-image: -webkit-linear-gradient(top, #62c462, #57a957);
1992     background-image: -o-linear-gradient(top, #62c462, #57a957);
1993     background-image: linear-gradient(top, #62c462, #57a957);
1994     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',
1995         endColorstr='#57a957', GradientType=0);
1996     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1997     border-color: #57a957 #57a957 #3d773d;
1998     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1999 }
2000
2001 .btn.info, .alert-message.info {
2002     background-color: #339bb9;
2003     background-repeat: repeat-x;
2004     background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de),
2005         to(#339bb9));
2006     background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
2007     background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
2008     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de),
2009         color-stop(100%, #339bb9));
2010     background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
2011     background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
2012     background-image: linear-gradient(top, #5bc0de, #339bb9);
2013     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',
2014         endColorstr='#339bb9', GradientType=0);
2015     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2016     border-color: #339bb9 #339bb9 #22697d;
2017     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2018 }
2019
2020 .btn {
2021     cursor: pointer;
2022     display: inline-block;
2023     background-color: #e6e6e6;
2024     background-repeat: no-repeat;
2025     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),
2026         color-stop(25%, #ffffff), to(#e6e6e6));
2027     background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
2028     background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
2029     background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
2030     background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
2031     background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
2032     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
2033         endColorstr='#e6e6e6', GradientType=0);
2034     padding: 5px 14px 6px;
2035     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
2036     color: #333;
2037     font-size: 13px;
2038     line-height: normal;
2039     border: 1px solid #ccc;
2040     border-bottom-color: #bbb;
2041     -webkit-border-radius: 4px;
2042     -moz-border-radius: 4px;
2043     border-radius: 4px;
2044     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
2045         rgba(0, 0, 0, 0.05);
2046     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
2047         rgba(0, 0, 0, 0.05);
2048     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
2049         rgba(0, 0, 0, 0.05);
2050     -webkit-transition: 0.1s linear all;
2051     -moz-transition: 0.1s linear all;
2052     -ms-transition: 0.1s linear all;
2053     -o-transition: 0.1s linear all;
2054     transition: 0.1s linear all;
2055 }
2056
2057 .btn:hover {
2058     background-position: 0 -15px;
2059     color: #333;
2060     text-decoration: none;
2061 }
2062
2063 .btn:focus {
2064     outline: 1px dotted #666;
2065 }
2066
2067 .btn.primary {
2068     color: #ffffff;
2069     background-color: #0064cd;
2070     background-repeat: repeat-x;
2071     background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb),
2072         to(#0064cd));
2073     background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
2074     background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
2075     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb),
2076         color-stop(100%, #0064cd));
2077     background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
2078     background-image: -o-linear-gradient(top, #049cdb, #0064cd);
2079     background-image: linear-gradient(top, #049cdb, #0064cd);
2080     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb',
2081         endColorstr='#0064cd', GradientType=0);
2082     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2083     border-color: #0064cd #0064cd #003f81;
2084     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2085 }
2086
2087 .btn.active, .btn :active {
2088     -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px
2089         rgba(0, 0, 0, 0.05);
2090     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px
2091         rgba(0, 0, 0, 0.05);
2092     box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px
2093         rgba(0, 0, 0, 0.05);
2094 }
2095
2096 .btn.disabled {
2097     cursor: default;
2098     background-image: none;
2099     filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);
2100     filter: alpha(opacity = 65);
2101     -khtml-opacity: 0.65;
2102     -moz-opacity: 0.65;
2103     opacity: 0.65;
2104     -webkit-box-shadow: none;
2105     -moz-box-shadow: none;
2106     box-shadow: none;
2107 }
2108
2109 .btn[disabled] {
2110     cursor: default;
2111     background-image: none;
2112     filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);
2113     filter: alpha(opacity = 65);
2114     -khtml-opacity: 0.65;
2115     -moz-opacity: 0.65;
2116     opacity: 0.65;
2117     -webkit-box-shadow: none;
2118     -moz-box-shadow: none;
2119     box-shadow: none;
2120 }
2121
2122 .btn.large {
2123     font-size: 15px;
2124     line-height: normal;
2125     padding: 9px 14px 9px;
2126     -webkit-border-radius: 6px;
2127     -moz-border-radius: 6px;
2128     border-radius: 6px;
2129 }
2130
2131 .btn.small {
2132     padding: 7px 9px 7px;
2133     font-size: 11px;
2134 }
2135
2136 :root .alert-message, :root .btn {
2137     border-radius: 0 \0;
2138 }
2139
2140 button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2141     padding: 0;
2142     border: 0;
2143 }
2144
2145 .close {
2146     float: right;
2147     color: #000000;
2148     font-size: 20px;
2149     font-weight: bold;
2150     line-height: 13.5px;
2151     text-shadow: 0 1px 0 #ffffff;
2152     filter: alpha(opacity = 25);
2153     -khtml-opacity: 0.25;
2154     -moz-opacity: 0.25;
2155     opacity: 0.25;
2156 }
2157
2158 .close:hover {
2159     color: #000000;
2160     text-decoration: none;
2161     filter: alpha(opacity = 40);
2162     -khtml-opacity: 0.4;
2163     -moz-opacity: 0.4;
2164     opacity: 0.4;
2165 }
2166
2167 .alert-message {
2168     position: relative;
2169     padding: 7px 15px;
2170     margin-bottom: 18px;
2171     color: #404040;
2172     background-color: #eedc94;
2173     background-repeat: repeat-x;
2174     background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1),
2175         to(#eedc94));
2176     background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
2177     background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
2178     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1),
2179         color-stop(100%, #eedc94));
2180     background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
2181     background-image: -o-linear-gradient(top, #fceec1, #eedc94);
2182     background-image: linear-gradient(top, #fceec1, #eedc94);
2183     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1',
2184         endColorstr='#eedc94', GradientType=0);
2185     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2186     border-color: #eedc94 #eedc94 #e4c652;
2187     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2188     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2189     border-width: 1px;
2190     border-style: solid;
2191     -webkit-border-radius: 4px;
2192     -moz-border-radius: 4px;
2193     border-radius: 4px;
2194     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
2195     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
2196     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
2197 }
2198
2199 .alert-message .close {
2200     margin-top: 1px;
2201     *margin-top: 0;
2202 }
2203
2204 .alert-message a {
2205     font-weight: bold;
2206     color: #404040;
2207 }
2208
2209 .alert-message.danger p a, .alert-message.error p a, .alert-message.success p a,
2210     .alert-message.info p a {
2211     color: #ffffff;
2212 }
2213
2214 .alert-message h5 {
2215     line-height: 18px;
2216 }
2217
2218 .alert-message p {
2219     margin-bottom: 0;
2220 }
2221
2222 .alert-message div {
2223     margin-top: 5px;
2224     margin-bottom: 2px;
2225     line-height: 28px;
2226 }
2227
2228 .alert-message .btn {
2229     -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
2230     -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
2231     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
2232 }
2233
2234 .alert-message.block-message {
2235     background-image: none;
2236     background-color: #fdf5d9;
2237     filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);
2238     padding: 14px;
2239     border-color: #fceec1;
2240     -webkit-box-shadow: none;
2241     -moz-box-shadow: none;
2242     box-shadow: none;
2243 }
2244
2245 .alert-message.block-message ul, .alert-message.block-message p {
2246     margin-right: 30px;
2247 }
2248
2249 .alert-message.block-message ul {
2250     margin-bottom: 0;
2251 }
2252
2253 .alert-message.block-message li {
2254     color: #404040;
2255 }
2256
2257 .alert-message.block-message .alert-actions {
2258     margin-top: 5px;
2259 }
2260
2261 .alert-message.block-message.error, .alert-message.block-message.success,
2262     .alert-message.block-message.info {
2263     color: #404040;
2264     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2265 }
2266
2267 .alert-message.block-message.error {
2268     background-color: #fddfde;
2269     border-color: #fbc7c6;
2270 }
2271
2272 .alert-message.block-message.success {
2273     background-color: #d1eed1;
2274     border-color: #bfe7bf;
2275 }
2276
2277 .alert-message.block-message.info {
2278     background-color: #ddf4fb;
2279     border-color: #c6edf9;
2280 }
2281
2282 .alert-message.block-message.danger p a, .alert-message.block-message.error p a,
2283     .alert-message.block-message.success p a, .alert-message.block-message.info p a
2284     {
2285     color: #404040;
2286 }
2287
2288 .pagination {
2289     height: 36px;
2290     margin: 18px 0;
2291 }
2292
2293 .pagination ul {
2294     float: left;
2295     margin: 0;
2296     border: 1px solid #ddd;
2297     border: 1px solid rgba(0, 0, 0, 0.15);
2298     -webkit-border-radius: 3px;
2299     -moz-border-radius: 3px;
2300     border-radius: 3px;
2301     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2302     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2303     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2304 }
2305
2306 .pagination li {
2307     display: inline;
2308 }
2309
2310 .pagination a {
2311     float: left;
2312     padding: 0 14px;
2313     line-height: 34px;
2314     border-right: 1px solid;
2315     border-right-color: #ddd;
2316     border-right-color: rgba(0, 0, 0, 0.15);
2317     *border-right-color: #ddd;
2318     text-decoration: none;
2319 }
2320
2321 .pagination a:hover, .pagination .active a {
2322     background-color: #c7eefe;
2323 }
2324
2325 .pagination .disabled a, .pagination .disabled a:hover {
2326     background-color: transparent;
2327     color: #bfbfbf;
2328 }
2329
2330 .pagination .next a {
2331     border: 0;
2332 }
2333
2334 .well {
2335     background-color: #f5f5f5;
2336     margin-bottom: 20px;
2337     padding: 19px;
2338     min-height: 20px;
2339     border: 1px solid #eee;
2340     border: 1px solid rgba(0, 0, 0, 0.05);
2341     -webkit-border-radius: 4px;
2342     -moz-border-radius: 4px;
2343     border-radius: 4px;
2344     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
2345     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
2346     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
2347 }
2348
2349 .well blockquote {
2350     border-color: #ddd;
2351     border-color: rgba(0, 0, 0, 0.15);
2352 }
2353
2354 .modal-backdrop {
2355     background-color: #000000;
2356     position: fixed;
2357     top: 0;
2358     left: 0;
2359     right: 0;
2360     bottom: 0;
2361     z-index: 10000;
2362 }
2363
2364 .modal-backdrop.fade {
2365     opacity: 0;
2366 }
2367
2368 .modal-backdrop, .modal-backdrop.fade.in {
2369     filter: alpha(opacity = 80);
2370     -khtml-opacity: 0.8;
2371     -moz-opacity: 0.8;
2372     opacity: 0.8;
2373 }
2374
2375 .modal {
2376     position: fixed;
2377     top: 50%;
2378     left: 50%;
2379     z-index: 11000;
2380     width: 560px;
2381     margin: -250px 0 0 -280px;
2382     background-color: #ffffff;
2383     border: 1px solid #999;
2384     border: 1px solid rgba(0, 0, 0, 0.3);
2385     *border: 1px solid #999;
2386     -webkit-border-radius: 6px;
2387     -moz-border-radius: 6px;
2388     border-radius: 6px;
2389     -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2390     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2391     box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2392     -webkit-background-clip: padding-box;
2393     -moz-background-clip: padding-box;
2394     background-clip: padding-box;
2395 }
2396
2397 .modal .close {
2398     margin-top: 7px;
2399 }
2400
2401 .modal.fade {
2402     -webkit-transition: opacity .3s linear, top .3s ease-out;
2403     -moz-transition: opacity .3s linear, top .3s ease-out;
2404     -ms-transition: opacity .3s linear, top .3s ease-out;
2405     -o-transition: opacity .3s linear, top .3s ease-out;
2406     transition: opacity .3s linear, top .3s ease-out;
2407     top: -25%;
2408 }
2409
2410 .modal.fade.in {
2411     top: 50%;
2412 }
2413
2414 .modal-header {
2415     border-bottom: 1px solid #eee;
2416     padding: 5px 15px;
2417 }
2418
2419 .modal-body {
2420     padding: 15px;
2421 }
2422
2423 .modal-body form {
2424     margin-bottom: 0;
2425 }
2426
2427 .modal-footer {
2428     background-color: #f5f5f5;
2429     padding: 14px 15px 15px;
2430     border-top: 1px solid #ddd;
2431     -webkit-border-radius: 0 0 6px 6px;
2432     -moz-border-radius: 0 0 6px 6px;
2433     border-radius: 0 0 6px 6px;
2434     -webkit-box-shadow: inset 0 1px 0 #ffffff;
2435     -moz-box-shadow: inset 0 1px 0 #ffffff;
2436     box-shadow: inset 0 1px 0 #ffffff;
2437     zoom: 1;
2438     margin-bottom: 0;
2439 }
2440
2441 .modal-footer:before, .modal-footer:after {
2442     display: table;
2443     content: "";
2444     zoom: 1;
2445 }
2446
2447 .modal-footer:after {
2448     clear: both;
2449 }
2450
2451 .modal-footer .btn {
2452     float: right;
2453     margin-left: 5px;
2454 }
2455
2456 .modal .popover, .modal .twipsy {
2457     z-index: 12000;
2458 }
2459
2460 .twipsy {
2461     display: block;
2462     position: absolute;
2463     visibility: visible;
2464     padding: 5px;
2465     font-size: 11px;
2466     z-index: 1000;
2467     filter: alpha(opacity = 80);
2468     -khtml-opacity: 0.8;
2469     -moz-opacity: 0.8;
2470     opacity: 0.8;
2471 }
2472
2473 .twipsy.fade.in {
2474     filter: alpha(opacity = 80);
2475     -khtml-opacity: 0.8;
2476     -moz-opacity: 0.8;
2477     opacity: 0.8;
2478 }
2479
2480 .twipsy.above .twipsy-arrow {
2481     bottom: 0;
2482     left: 50%;
2483     margin-left: -5px;
2484     border-left: 5px solid transparent;
2485     border-right: 5px solid transparent;
2486     border-top: 5px solid #000000;
2487 }
2488
2489 .twipsy.left .twipsy-arrow {
2490     top: 50%;
2491     right: 0;
2492     margin-top: -5px;
2493     border-top: 5px solid transparent;
2494     border-bottom: 5px solid transparent;
2495     border-left: 5px solid #000000;
2496 }
2497
2498 .twipsy.below .twipsy-arrow {
2499     top: 0;
2500     left: 50%;
2501     margin-left: -5px;
2502     border-left: 5px solid transparent;
2503     border-right: 5px solid transparent;
2504     border-bottom: 5px solid #000000;
2505 }
2506
2507 .twipsy.right .twipsy-arrow {
2508     top: 50%;
2509     left: 0;
2510     margin-top: -5px;
2511     border-top: 5px solid transparent;
2512     border-bottom: 5px solid transparent;
2513     border-right: 5px solid #000000;
2514 }
2515
2516 .twipsy-inner {
2517     padding: 3px 8px;
2518     background-color: #000000;
2519     color: white;
2520     text-align: center;
2521     max-width: 200px;
2522     text-decoration: none;
2523     -webkit-border-radius: 4px;
2524     -moz-border-radius: 4px;
2525     border-radius: 4px;
2526 }
2527
2528 .twipsy-arrow {
2529     position: absolute;
2530     width: 0;
2531     height: 0;
2532 }
2533
2534 .popover {
2535     position: absolute;
2536     top: 0;
2537     left: 0;
2538     z-index: 1000;
2539     padding: 5px;
2540     display: none;
2541 }
2542
2543 .popover.above .arrow {
2544     bottom: 0;
2545     left: 50%;
2546     margin-left: -5px;
2547     border-left: 5px solid transparent;
2548     border-right: 5px solid transparent;
2549     border-top: 5px solid #000000;
2550 }
2551
2552 .popover.right .arrow {
2553     top: 50%;
2554     left: 0;
2555     margin-top: -5px;
2556     border-top: 5px solid transparent;
2557     border-bottom: 5px solid transparent;
2558     border-right: 5px solid #000000;
2559 }
2560
2561 .popover.below .arrow {
2562     top: 0;
2563     left: 50%;
2564     margin-left: -5px;
2565     border-left: 5px solid transparent;
2566     border-right: 5px solid transparent;
2567     border-bottom: 5px solid #000000;
2568 }
2569
2570 .popover.left .arrow {
2571     top: 50%;
2572     right: 0;
2573     margin-top: -5px;
2574     border-top: 5px solid transparent;
2575     border-bottom: 5px solid transparent;
2576     border-left: 5px solid #000000;
2577 }
2578
2579 .popover .arrow {
2580     position: absolute;
2581     width: 0;
2582     height: 0;
2583 }
2584
2585 .popover .inner {
2586     background: #000000;
2587     background: rgba(0, 0, 0, 0.8);
2588     padding: 3px;
2589     overflow: hidden;
2590     width: 280px;
2591     -webkit-border-radius: 6px;
2592     -moz-border-radius: 6px;
2593     border-radius: 6px;
2594     -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2595     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2596     box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2597 }
2598
2599 .popover .title {
2600     background-color: #f5f5f5;
2601     padding: 9px 15px;
2602     line-height: 1;
2603     -webkit-border-radius: 3px 3px 0 0;
2604     -moz-border-radius: 3px 3px 0 0;
2605     border-radius: 3px 3px 0 0;
2606     border-bottom: 1px solid #eee;
2607 }
2608
2609 .popover .content {
2610     background-color: #ffffff;
2611     padding: 14px;
2612     -webkit-border-radius: 0 0 3px 3px;
2613     -moz-border-radius: 0 0 3px 3px;
2614     border-radius: 0 0 3px 3px;
2615     -webkit-background-clip: padding-box;
2616     -moz-background-clip: padding-box;
2617     background-clip: padding-box;
2618 }
2619
2620 .popover .content p, .popover .content ul, .popover .content ol {
2621     margin-bottom: 0;
2622 }
2623
2624 .fade {
2625     -webkit-transition: opacity 0.15s linear;
2626     -moz-transition: opacity 0.15s linear;
2627     -ms-transition: opacity 0.15s linear;
2628     -o-transition: opacity 0.15s linear;
2629     transition: opacity 0.15s linear;
2630     opacity: 0;
2631 }
2632
2633 .fade.in {
2634     opacity: 1;
2635 }
2636
2637 .label {
2638     padding: 1px 3px 2px;
2639     font-size: 9.75px;
2640     font-weight: bold;
2641     color: #ffffff;
2642     text-transform: uppercase;
2643     white-space: nowrap;
2644     background-color: #bfbfbf;
2645     -webkit-border-radius: 3px;
2646     -moz-border-radius: 3px;
2647     border-radius: 3px;
2648 }
2649
2650 .label.important {
2651     background-color: #c43c35;
2652 }
2653
2654 .label.warning {
2655     background-color: #f89406;
2656 }
2657
2658 .label.success {
2659     background-color: #46a546;
2660 }
2661
2662 .label.notice {
2663     background-color: #62cffc;
2664 }
2665
2666 .media-grid {
2667     margin-left: -20px;
2668     margin-bottom: 0;
2669     zoom: 1;
2670 }
2671
2672 .media-grid:before, .media-grid:after {
2673     display: table;
2674     content: "";
2675     zoom: 1;
2676 }
2677
2678 .media-grid:after {
2679     clear: both;
2680 }
2681
2682 .media-grid li {
2683     display: inline;
2684 }
2685
2686 .media-grid a {
2687     float: left;
2688     padding: 4px;
2689     margin: 0 0 18px 20px;
2690     border: 1px solid #ddd;
2691     -webkit-border-radius: 4px;
2692     -moz-border-radius: 4px;
2693     border-radius: 4px;
2694     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
2695     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
2696     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
2697 }
2698
2699 .media-grid a img {
2700     display: block;
2701 }
2702
2703 .media-grid a:hover {
2704     border-color: #0069d6;
2705     -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
2706     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
2707     box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
2708 }