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