code.grnet.gr Git - pithos/blob - htdocs/site_media/css/site.css

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