code.grnet.gr Git - pithos/blob - pithos/im/static/bootstrap.css

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