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