adapted z's search engine hints and header
authornyov <nyov@nexnode.net>
Sat, 5 May 2012 16:18:08 +0000 (18:18 +0200)
committernyov <nyov@nexnode.net>
Sat, 5 May 2012 16:18:08 +0000 (18:18 +0200)
Merge remote-tracking branch 'z/master'

Conflicts:
xonstat/static/css/style.css
xonstat/templates/base.mako

1  2 
xonstat/static/css/style.css
xonstat/templates/nav.mako

index 077fc031f9a68ee4fc80e36020deb30d9416b969,52f1b213252a58382d2f1b1ead1a9ce480b83822..ffc7d24bb2937e7bfac571e06e9d33dce8c73ffe
      font-style: normal;
  }
  
 +/*!
 + * Bootstrap v2.0.0
 + *
 + * Copyright 2012 Twitter, Inc
 + * Licensed under the Apache License v2.0
 + * http://www.apache.org/licenses/LICENSE-2.0
 + *
 + * Designed and built with all the love in the world @twitter by @mdo and @fat.
 + */
 +article,
 +aside,
 +details,
 +figcaption,
 +figure,
 +footer,
 +header,
 +hgroup,
 +nav,
 +section {
 +  display: block;
 +}
 +audio, canvas, video {
 +  display: inline-block;
 +  *display: inline;
 +  *zoom: 1;
 +}
 +audio:not([controls]) {
 +  display: none;
 +}
 +html {
 +  font-size: 100%;
 +  -webkit-text-size-adjust: 100%;
 +  -ms-text-size-adjust: 100%;
 +}
 +a:focus {
 +  outline: thin dotted;
 +  outline: 5px auto -webkit-focus-ring-color;
 +  outline-offset: -2px;
 +}
 +a:hover, a:active {
 +  outline: 0;
 +}
 +sub, sup {
 +  position: relative;
 +  font-size: 75%;
 +  line-height: 0;
 +  vertical-align: baseline;
 +}
 +sup {
 +  top: -0.5em;
 +}
 +sub {
 +  bottom: -0.25em;
 +}
 +img {
 +  max-width: 100%;
 +  height: auto;
 +  border: 0;
 +  -ms-interpolation-mode: bicubic;
 +}
 +button,
 +input,
 +select,
 +textarea {
 +  margin: 0;
 +  font-size: 100%;
 +  vertical-align: middle;
 +}
 +button, input {
 +  *overflow: visible;
 +  line-height: normal;
 +}
 +button::-moz-focus-inner, input::-moz-focus-inner {
 +  padding: 0;
 +  border: 0;
 +}
 +button,
 +input[type="button"],
 +input[type="reset"],
 +input[type="submit"] {
 +  cursor: pointer;
 +  -webkit-appearance: button;
 +}
 +input[type="search"] {
 +  -webkit-appearance: textfield;
 +  -webkit-box-sizing: content-box;
 +  -moz-box-sizing: content-box;
 +  box-sizing: content-box;
 +}
 +input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
 +  -webkit-appearance: none;
 +}
 +textarea {
 +  overflow: auto;
 +  vertical-align: top;
 +}
  body {
 -      width:100%;
 -      background:#000 url('img/web_background.png') 0 0 no-repeat;
 -      background-size: 100%;
 -    font-family: 'Xolonium', 'Arial', 'Helvetica';
 -    font-size: 14px;
 -    line-height:1.4em;
 -      color:#C7E3FF;
 -      overflow-x:hidden;
 +  background-color: #000000;
 +  background:#000 url('img/web_background.png') 0 0 no-repeat;
 +  background-size: 100%;
 +  color: #d0d0d0;
 +  font-family: "XoloniumNormal", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +  font-size: 11px;
 +  line-height: 18px;
 +  margin: 0;
 +}
 +a {
 +  color: #0088cc;
 +  text-decoration: none;
 +}
 +a:hover {
 +  color: #005580;
 +  text-decoration: underline;
 +}
 +.row {
 +  margin-left: -20px;
 +  *zoom: 1;
 +}
 +.row:before, .row:after {
 +  display: table;
 +  content: "";
 +}
 +.row:after {
 +  clear: both;
 +}
 +[class*="span"] {
 +  float: left;
 +  margin-left: 20px;
 +}
 +.span1 {
 +  width: 60px;
 +}
 +.span2 {
 +  width: 140px;
 +}
 +.span3 {
 +  width: 220px;
 +}
 +.span4 {
 +  width: 300px;
 +}
 +.span5 {
 +  width: 380px;
 +}
 +.span6 {
 +  width: 460px;
 +}
 +.span7 {
 +  width: 540px;
 +}
 +.span8 {
 +  width: 620px;
 +}
 +.span9 {
 +  width: 700px;
 +}
 +.span10 {
 +  width: 780px;
 +}
 +.span11 {
 +  width: 860px;
 +}
 +.span12, .container {
 +  width: 940px;
 +}
 +.offset1 {
 +  margin-left: 100px;
 +}
 +.offset2 {
 +  margin-left: 180px;
 +}
 +.offset3 {
 +  margin-left: 260px;
 +}
 +.offset4 {
 +  margin-left: 340px;
 +}
 +.offset5 {
 +  margin-left: 420px;
 +}
 +.offset6 {
 +  margin-left: 500px;
 +}
 +.offset7 {
 +  margin-left: 580px;
 +}
 +.offset8 {
 +  margin-left: 660px;
 +}
 +.offset9 {
 +  margin-left: 740px;
 +}
 +.offset10 {
 +  margin-left: 820px;
 +}
 +.offset11 {
 +  margin-left: 900px;
 +}
 +.row-fluid {
 +  width: 100%;
 +  *zoom: 1;
 +}
 +.row-fluid:before, .row-fluid:after {
 +  display: table;
 +  content: "";
 +}
 +.row-fluid:after {
 +  clear: both;
 +}
 +.row-fluid > [class*="span"] {
 +  float: left;
 +  margin-left: 2.127659574%;
 +}
 +.row-fluid > [class*="span"]:first-child {
 +  margin-left: 0;
 +}
 +.row-fluid .span1 {
 +  width: 6.382978723%;
 +}
 +.row-fluid .span2 {
 +  width: 14.89361702%;
 +}
 +.row-fluid .span3 {
 +  width: 23.404255317%;
 +}
 +.row-fluid .span4 {
 +  width: 31.914893614%;
 +}
 +.row-fluid .span5 {
 +  width: 40.425531911%;
 +}
 +.row-fluid .span6 {
 +  width: 48.93617020799999%;
 +}
 +.row-fluid .span7 {
 +  width: 57.446808505%;
 +}
 +.row-fluid .span8 {
 +  width: 65.95744680199999%;
 +}
 +.row-fluid .span9 {
 +  width: 74.468085099%;
 +}
 +.row-fluid .span10 {
 +  width: 82.97872339599999%;
 +}
 +.row-fluid .span11 {
 +  width: 91.489361693%;
 +}
 +.row-fluid .span12 {
 +  width: 99.99999998999999%;
 +}
 +.container {
 +  width: 940px;
 +  margin-left: auto;
 +  margin-right: auto;
 +  *zoom: 1;
 +}
 +.container:before, .container:after {
 +  display: table;
 +  content: "";
 +}
 +.container:after {
 +  clear: both;
 +}
 +.container-fluid {
 +  padding-left: 20px;
 +  padding-right: 20px;
 +  *zoom: 1;
 +}
 +.container-fluid:before, .container-fluid:after {
 +  display: table;
 +  content: "";
 +}
 +.container-fluid:after {
 +  clear: both;
 +}
 +p {
 +  margin: 0 0 9px;
 +  //font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +  font-size: 13px;
 +  line-height: 18px;
 +}
 +p small {
 +  font-size: 11px;
 +  color: #999999;
 +}
 +.lead {
 +  margin-bottom: 18px;
 +  font-size: 20px;
 +  font-weight: 200;
 +  line-height: 27px;
 +}
 +h1,
 +h2,
 +h3,
 +h4,
 +h5,
 +h6 {
 +  margin: 0;
 +  font-weight: bold;
 +  color: #d0d0d0;
 +  text-rendering: optimizelegibility;
 +}
 +h1 small,
 +h2 small,
 +h3 small,
 +h4 small,
 +h5 small,
 +h6 small {
 +  font-weight: normal;
 +  color: #999999;
  }
  h1 {
 -      font-size:20px;
 -      text-align: center;
 +  font-size: 30px;
 +  line-height: 36px;
 +}
 +h1 small {
 +  font-size: 18px;
  }
 -
  h2 {
 -      font-size:18px;
 -      color:#D0E8FF;
 -      text-shadow:1px 1px 4px #013;
 -      margin:15px 0 12px;
 +  font-size: 24px;
 +  line-height: 36px;
 +}
 +h2 small {
 +  font-size: 18px;
  }
  h3 {
 -      font-size:16px;
 -      /*color:#FF7000;*/
 -      color:#ADC0D2;
 -      margin:18px 0 4px;
 +  line-height: 27px;
 +  font-size: 18px;
 +}
 +h3 small {
 +  font-size: 14px;
 +}
 +h4, h5, h6 {
 +  line-height: 18px;
  }
  h4 {
 -      font-size:15px;
 -      color:#6D8399;
 -      margin:18px 0 4px;
 +  font-size: 14px;
 +}
 +h4 small {
 +  font-size: 12px;
  }
  h5 {
 -      color:#BD5300;
 -      margin:8px 0 4px;
 +  font-size: 12px;
  }
 -p {
 -      margin:8px 0;
 -      line-height:18px;
 +h6 {
 +  font-size: 11px;
 +  color: #999999;
 +  text-transform: uppercase;
  }
 -a {
 -      color:#DCE9F5;
 -      text-decoration:none;
 +.page-header {
 +  padding-bottom: 17px;
 +  margin: 18px 0;
 +  border-bottom: 1px solid #eeeeee;
  }
 -a:hover {
 -      color:#D95F00;
 +.page-header h1 {
 +  line-height: 1;
 +}
 +ul, ol {
 +  padding: 0;
 +  margin: 0 0 9px 25px;
 +}
 +ul ul,
 +ul ol,
 +ol ol,
 +ol ul {
 +  margin-bottom: 0;
 +}
 +ul {
 +  list-style: disc;
 +}
 +ol {
 +  list-style: decimal;
 +}
 +li {
 +  line-height: 18px;
 +}
 +ul.unstyled {
 +  margin-left: 0;
 +  list-style: none;
  }
 -th {
 -      font-size:13px;
 -      padding:2px;
 -      border:1px solid #436688;
 -      background-color:#001021;
 -      cursor:pointer;
 +dl {
 +  margin-bottom: 18px;
  }
 -th:hover {
 -      color:#fff;
 -      text-shadow:1px 1px 3px #5A8BBC !important;
 +dt, dd {
 +  line-height: 18px;
  }
 -td {
 -      border:1px solid #436688;
 -      font-size:10px;
 -      padding:4px;
 +dt {
 +  font-weight: bold;
 +}
 +dd {
 +  margin-left: 9px;
 +}
 +hr {
 +  margin: 18px 0;
 +  border: 0;
 +  border-top: 1px solid #e5e5e5;
 +  border-bottom: 1px solid #ffffff;
 +}
 +strong {
 +  font-weight: bold;
 +}
 +em {
 +  font-style: italic;
 +}
 +.muted {
 +  color: #999999;
 +}
 +abbr {
 +  font-size: 90%;
 +  text-transform: uppercase;
 +  border-bottom: 1px dotted #ddd;
 +  cursor: help;
  }
  blockquote {
 -      font-size:14px;
 -      color:#fff;
 -      margin:12px 15px;
 -      line-height:22px;
 -      padding:10px;
 -      border:1px solid #6D8399;
 -      border-left:3px solid #B5DAFF;
 -      background-color: rgba(105,105,105,0.1);
 +  padding: 0 0 0 15px;
 +  margin: 0 0 18px;
 +  border-left: 5px solid #eeeeee;
 +}
 +blockquote p {
 +  margin-bottom: 0;
 +  font-size: 16px;
 +  font-weight: 300;
 +  line-height: 22.5px;
 +}
 +blockquote small {
 +  display: block;
 +  line-height: 18px;
 +  color: #999999;
 +}
 +blockquote small:before {
 +  content: '\2014 \00A0';
 +}
 +blockquote.pull-right {
 +  float: right;
 +  padding-left: 0;
 +  padding-right: 15px;
 +  border-left: 0;
 +  border-right: 5px solid #eeeeee;
 +}
 +blockquote.pull-right p, blockquote.pull-right small {
 +  text-align: right;
 +}
 +q:before,
 +q:after,
 +blockquote:before,
 +blockquote:after {
 +  content: "";
 +}
 +address {
 +  display: block;
 +  margin-bottom: 18px;
 +  line-height: 18px;
 +  font-style: normal;
 +}
 +small {
 +  font-size: 100%;
 +}
 +cite {
 +  font-style: normal;
 +}
 +code, pre {
 +  padding: 0 3px 2px;
 +  font-family: Menlo, Monaco, "Courier New", monospace;
 +  font-size: 12px;
 +  color: #333333;
 +  -webkit-border-radius: 3px;
 +  -moz-border-radius: 3px;
 +  border-radius: 3px;
  }
  code {
 -      display:block;
 -      border:1px solid #999;
 -      padding:10px;
 -      margin:12px 15px;
 -      white-space: pre;
 -}
 -table { width:100%; }
 -input { font-family: 'Xolonium', 'Arial', 'Helvetica'; }
 -/* helpers */
 -.clearfix:after {
 -    content: ".";
 -    display: block;
 -    height: 0;
 -    clear: both;
 -    visibility: hidden;
 +  padding: 3px 4px;
 +  color: #d14;
 +  background-color: #f7f7f9;
 +  border: 1px solid #e1e1e8;
 +}
 +pre {
 +  display: block;
 +  padding: 8.5px;
 +  margin: 0 0 9px;
 +  font-size: 12px;
 +  line-height: 18px;
 +  background-color: #f5f5f5;
 +  border: 1px solid #ccc;
 +  border: 1px solid rgba(0, 0, 0, 0.15);
 +  -webkit-border-radius: 4px;
 +  -moz-border-radius: 4px;
 +  border-radius: 4px;
 +  white-space: pre;
 +  white-space: pre-wrap;
 +  word-break: break-all;
 +}
 +pre.prettyprint {
 +  margin-bottom: 18px;
 +}
 +pre code {
 +  padding: 0;
 +  background-color: transparent;
 +}
 +form {
 +  margin: 0 0 18px;
  }
 +fieldset {
 +  padding: 0;
 +  margin: 0;
 +  border: 0;
 +}
 +legend {
 +  display: block;
 +  width: 100%;
 +  padding: 0;
 +  margin-bottom: 27px;
 +  font-size: 19.5px;
 +  line-height: 36px;
 +  color: #333333;
 +  border: 0;
 +  border-bottom: 1px solid #eee;
 +}
 +label,
 +input,
 +button,
 +select,
 +textarea {
 +  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +  font-size: 13px;
 +  font-weight: normal;
 +  line-height: 18px;
 +}
 +label {
 +  display: block;
 +  margin-bottom: 5px;
 +  color: #333333;
 +}
 +input,
 +textarea,
 +select,
 +.uneditable-input {
 +  display: inline-block;
 +  width: 210px;
 +  height: 18px;
 +  padding: 4px;
 +  margin-bottom: 9px;
 +  font-size: 13px;
 +  line-height: 18px;
 +  color: #555555;
 +  border: 1px solid #ccc;
 +  -webkit-border-radius: 3px;
 +  -moz-border-radius: 3px;
 +  border-radius: 3px;
 +}
 +.uneditable-textarea {
 +  width: auto;
 +  height: auto;
 +}
 +label input, label textarea, label select {
 +  display: block;
 +}
 +input[type="image"], input[type="checkbox"], input[type="radio"] {
 +  width: auto;
 +  height: auto;
 +  padding: 0;
 +  margin: 3px 0;
 +  *margin-top: 0;
 +  /* IE7 */
  
 -/* layout */
 -#container {
 -      position:relative;
 -      width:1052px;
 -      background: transparent url('img/web_background_l2.png') no-repeat center top;
 -      margin:0 auto;
 -      padding-top:244px;
 -}
 -#content {
 -      position:relative;
 -      top:-20px;
 -      /*min-width:512px;
 -      max-width:986px;
 -      width:auto;*/
 -      width:950px;
 -      padding-bottom:20px;
 +  line-height: normal;
 +  border: 0;
 +  cursor: pointer;
 +  -webkit-border-radius: 0;
 +  -moz-border-radius: 0;
 +  border-radius: 0;
 +}
 +input[type="file"] {
 +  padding: initial;
 +  line-height: initial;
 +  border: initial;
 +  background-color: #ffffff;
 +  background-color: initial;
 +  -webkit-box-shadow: none;
 +  -moz-box-shadow: none;
 +  box-shadow: none;
 +}
 +input[type="button"], input[type="reset"], input[type="submit"] {
 +  width: auto;
 +  height: auto;
 +}
 +select, input[type="file"] {
 +  height: 28px;
 +  /* In IE7, the height of the select element cannot be changed by height, only font-size */
 +
 +  *margin-top: 4px;
 +  /* For IE7, add top margin to align select with labels */
 +
 +  line-height: 28px;
  }
 -#title {
 -      position:relative;
 -      text-align:center;
 -      height:25px;
 -      line-height:25px;
 -      top:-44px;
 -      color:#DCE9F5;
 -}
 -.window {
 -      border-width: 56px 56px 56px;
 -      -moz-border-image: url(img/web_border.png) 85 85 85 stretch;
 -      -webkit-border-image: url(img/web_border.png) 72 85 85 stretch;
 -      -o-border-image: url(img/web_border.png) 96 96 96 stretch;
 -      border-image: url(img/web_border.png) 96 96 96 stretch;
 -}
 -#main {
 -      position:relative;
 -      width:610px;
 -}
 -#sidebar {
 -      width: 320px;
 -      margin-right:5px;
 -}
 -#main.left, #sidebar.left {
 -      float:left;
 -}
 -#main.right, #sidebar.right {
 -      float:right;
 -}
 -#footer{
 -    clear: both;
 -    text-align: center;
 +select {
 +  width: 220px;
 +  background-color: #ffffff;
  }
 -header {
 -      height:0;
 +select[multiple], select[size] {
 +  height: auto;
  }
 -header a {
 -      position:absolute;
 -      top:20px;
 -      left:180px;
 -      display:block;
 -      height:210px;
 -      width:0;
 -      padding-left:660px;
 -      overflow:hidden;
 +input[type="image"] {
 +  -webkit-box-shadow: none;
 +  -moz-box-shadow: none;
 +  box-shadow: none;
  }
 -header h2 { display:none; }
 -/* Main Menu */
 -#menu {
 -      top: -33px;
 -      left:-18px;
 -    width: 976px;
 -      list-style:none;
 -      border:1px solid #AED5FE;
 -      border-top:0;
 -      -moz-border-radius: 0 0 4px 4px;
 -      -webkit-border-radius: 0 0 4px 4px;
 -      border-radius: 0 0 4px 4px;
 -}
 -#menu li {
 -      display:inline;
 -}
 -#menu li a {
 -      width:145px;
 -      height:32px;
 -      line-height:32px;
 -      vertical-align:middle;
 -      color:#AED5FE;
 -      text-align:center;
 +textarea {
 +  height: auto;
 +}
 +input[type="hidden"] {
 +  display: none;
  }
 +.radio, .checkbox {
 +  padding-left: 18px;
 +}
 +.radio input[type="radio"], .checkbox input[type="checkbox"] {
 +  float: left;
 +  margin-left: -18px;
 +}
 +.controls > .radio:first-child, .controls > .checkbox:first-child {
 +  padding-top: 5px;
 +}
 +.radio.inline, .checkbox.inline {
 +  display: inline-block;
 +  margin-bottom: 0;
 +  vertical-align: middle;
 +}
 +.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
 +  margin-left: 10px;
 +}
 +.controls > .radio.inline:first-child, .controls > .checkbox.inline:first-child {
 +  padding-top: 0;
 +}
 +input, textarea {
 +  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 +  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 +  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 +  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
 +  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
 +  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
 +  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
 +  transition: border linear 0.2s, box-shadow linear 0.2s;
 +}
 +input:focus, textarea:focus {
 +  border-color: rgba(82, 168, 236, 0.8);
 +  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(125, 125, 125, 0.6);
 +  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(125, 125, 125, 0.6);
 +  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(125, 125, 125, 0.6);
 +  outline: 0;
 +  outline: thin dotted \9;
 +  /* IE6-8 */
  
 -/* drop-down navigation */
 -.nav, .nav ul { 
 -      list-style: none;
 -      margin: 0;
 -      padding: 0;
  }
 - 
 -.nav {
 -  z-index: 100;
 +input[type="file"]:focus, input[type="checkbox"]:focus, select:focus {
 +  -webkit-box-shadow: none;
 +  -moz-box-shadow: none;
 +  box-shadow: none;
 +  outline: thin dotted;
 +  outline: 5px auto -webkit-focus-ring-color;
 +  outline-offset: -2px;
 +}
 +.input-mini {
 +  width: 60px;
 +}
 +.input-small {
 +  width: 90px;
 +}
 +.input-medium {
 +  width: 150px;
 +}
 +.input-large {
 +  width: 210px;
 +}
 +.input-xlarge {
 +  width: 270px;
 +}
 +.input-xxlarge {
 +  width: 530px;
 +}
 +input[class*="span"],
 +select[class*="span"],
 +textarea[class*="span"],
 +.uneditable-input {
 +  float: none;
 +  margin-left: 0;
 +}
 +input.span1, textarea.span1, .uneditable-input.span1 {
 +  width: 50px;
 +}
 +input.span2, textarea.span2, .uneditable-input.span2 {
 +  width: 130px;
 +}
 +input.span3, textarea.span3, .uneditable-input.span3 {
 +  width: 210px;
 +}
 +input.span4, textarea.span4, .uneditable-input.span4 {
 +  width: 290px;
 +}
 +input.span5, textarea.span5, .uneditable-input.span5 {
 +  width: 370px;
 +}
 +input.span6, textarea.span6, .uneditable-input.span6 {
 +  width: 450px;
 +}
 +input.span7, textarea.span7, .uneditable-input.span7 {
 +  width: 530px;
 +}
 +input.span8, textarea.span8, .uneditable-input.span8 {
 +  width: 610px;
 +}
 +input.span9, textarea.span9, .uneditable-input.span9 {
 +  width: 690px;
 +}
 +input.span10, textarea.span10, .uneditable-input.span10 {
 +  width: 770px;
 +}
 +input.span11, textarea.span11, .uneditable-input.span11 {
 +  width: 850px;
 +}
 +input.span12, textarea.span12, .uneditable-input.span12 {
 +  width: 930px;
 +}
 +input[disabled],
 +select[disabled],
 +textarea[disabled],
 +input[readonly],
 +select[readonly],
 +textarea[readonly] {
 +  background-color: #f5f5f5;
 +  border-color: #ddd;
 +  cursor: not-allowed;
 +}
 +.control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline {
 +  color: #c09853;
 +}
 +.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
 +  color: #c09853;
 +  border-color: #c09853;
 +}
 +.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
 +  border-color: #a47e3c;
 +  -webkit-box-shadow: 0 0 6px #dbc59e;
 +  -moz-box-shadow: 0 0 6px #dbc59e;
 +  box-shadow: 0 0 6px #dbc59e;
 +}
 +.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
 +  color: #c09853;
 +  background-color: #fcf8e3;
 +  border-color: #c09853;
 +}
 +.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline {
 +  color: #b94a48;
 +}
 +.control-group.error input, .control-group.error select, .control-group.error textarea {
 +  color: #b94a48;
 +  border-color: #b94a48;
 +}
 +.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
 +  border-color: #953b39;
 +  -webkit-box-shadow: 0 0 6px #d59392;
 +  -moz-box-shadow: 0 0 6px #d59392;
 +  box-shadow: 0 0 6px #d59392;
 +}
 +.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
 +  color: #b94a48;
 +  background-color: #f2dede;
 +  border-color: #b94a48;
 +}
 +.control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline {
 +  color: #468847;
 +}
 +.control-group.success input, .control-group.success select, .control-group.success textarea {
 +  color: #468847;
 +  border-color: #468847;
 +}
 +.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
 +  border-color: #356635;
 +  -webkit-box-shadow: 0 0 6px #7aba7b;
 +  -moz-box-shadow: 0 0 6px #7aba7b;
 +  box-shadow: 0 0 6px #7aba7b;
 +}
 +.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
 +  color: #468847;
 +  background-color: #dff0d8;
 +  border-color: #468847;
 +}
 +input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {
 +  color: #b94a48;
 +  border-color: #ee5f5b;
 +}
 +input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {
 +  border-color: #e9322d;
 +  -webkit-box-shadow: 0 0 6px #f8b9b7;
 +  -moz-box-shadow: 0 0 6px #f8b9b7;
 +  box-shadow: 0 0 6px #f8b9b7;
 +}
 +.form-actions {
 +  padding: 17px 20px 18px;
 +  margin-top: 18px;
 +  margin-bottom: 18px;
 +  background-color: #f5f5f5;
 +  border-top: 1px solid #ddd;
 +}
 +.uneditable-input {
 +  display: block;
 +  background-color: #ffffff;
 +  border-color: #eee;
 +  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
 +  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
 +  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
 +  cursor: not-allowed;
 +}
 +:-moz-placeholder {
 +  color: #999999;
 +}
 +::-webkit-input-placeholder {
 +  color: #999999;
 +}
 +.help-block {
 +  margin-top: 5px;
 +  margin-bottom: 0;
 +  color: #999999;
 +}
 +.help-inline {
 +  display: inline-block;
 +  *display: inline;
 +  /* IE7 inline-block hack */
 +
 +  *zoom: 1;
 +  margin-bottom: 9px;
 +  vertical-align: middle;
 +  padding-left: 5px;
 +}
 +.input-prepend, .input-append {
 +  margin-bottom: 5px;
 +  *zoom: 1;
 +}
 +.input-prepend:before,
 +.input-append:before,
 +.input-prepend:after,
 +.input-append:after {
 +  display: table;
 +  content: "";
 +}
 +.input-prepend:after, .input-append:after {
 +  clear: both;
 +}
 +.input-prepend input,
 +.input-append input,
 +.input-prepend .uneditable-input,
 +.input-append .uneditable-input {
 +  -webkit-border-radius: 0 3px 3px 0;
 +  -moz-border-radius: 0 3px 3px 0;
 +  border-radius: 0 3px 3px 0;
 +}
 +.input-prepend input:focus,
 +.input-append input:focus,
 +.input-prepend .uneditable-input:focus,
 +.input-append .uneditable-input:focus {
    position: relative;
 +  z-index: 2;
 +}
 +.input-prepend .uneditable-input, .input-append .uneditable-input {
 +  border-left-color: #ccc;
 +}
 +.input-prepend .add-on, .input-append .add-on {
 +  float: left;
 +  display: block;
 +  width: auto;
 +  min-width: 16px;
 +  height: 18px;
 +  margin-right: -1px;
 +  padding: 4px 5px;
 +  font-weight: normal;
 +  line-height: 18px;
 +  color: #999999;
 +  text-align: center;
 +  text-shadow: 0 1px 0 #ffffff;
 +  background-color: #f5f5f5;
 +  border: 1px solid #ccc;
 +  -webkit-border-radius: 3px 0 0 3px;
 +  -moz-border-radius: 3px 0 0 3px;
 +  border-radius: 3px 0 0 3px;
 +}
 +.input-prepend .active, .input-append .active {
 +  background-color: #a9dba9;
 +  border-color: #46a546;
 +}
 +.input-prepend .add-on {
 +  *margin-top: 1px;
 +  /* IE6-7 */
 +
  }
 -.nav li {
 -  border-right: 1px solid #AED5FE;
 +.input-append input, .input-append .uneditable-input {
    float: left;
 +  -webkit-border-radius: 3px 0 0 3px;
 +  -moz-border-radius: 3px 0 0 3px;
 +  border-radius: 3px 0 0 3px;
 +}
 +.input-append .uneditable-input {
 +  border-right-color: #ccc;
 +}
 +.input-append .add-on {
 +  margin-right: 0;
 +  margin-left: -1px;
 +  -webkit-border-radius: 0 3px 3px 0;
 +  -moz-border-radius: 0 3px 3px 0;
 +  border-radius: 0 3px 3px 0;
 +}
 +.input-append input:first-child {
 +  *margin-left: -160px;
 +}
 +.input-append input:first-child + .add-on {
 +  *margin-left: -21px;
 +}
 +.search-query {
 +  padding-left: 14px;
 +  padding-right: 14px;
 +  margin-bottom: 0;
 +  -webkit-border-radius: 14px;
 +  -moz-border-radius: 14px;
 +  border-radius: 14px;
 +}
 +.form-search input,
 +.form-inline input,
 +.form-horizontal input,
 +.form-search textarea,
 +.form-inline textarea,
 +.form-horizontal textarea,
 +.form-search select,
 +.form-inline select,
 +.form-horizontal select,
 +.form-search .help-inline,
 +.form-inline .help-inline,
 +.form-horizontal .help-inline,
 +.form-search .uneditable-input,
 +.form-inline .uneditable-input,
 +.form-horizontal .uneditable-input {
 +  display: inline-block;
 +  margin-bottom: 0;
 +}
 +.form-search label,
 +.form-inline label,
 +.form-search .input-append,
 +.form-inline .input-append,
 +.form-search .input-prepend,
 +.form-inline .input-prepend {
 +  display: inline-block;
 +}
 +.form-search .input-append .add-on,
 +.form-inline .input-prepend .add-on,
 +.form-search .input-append .add-on,
 +.form-inline .input-prepend .add-on {
 +  vertical-align: middle;
 +}
 +.control-group {
 +  margin-bottom: 9px;
 +}
 +.form-horizontal legend + .control-group {
 +  margin-top: 18px;
 +  -webkit-margin-top-collapse: separate;
 +}
 +.form-horizontal .control-group {
 +  margin-bottom: 18px;
 +  *zoom: 1;
 +}
 +.form-horizontal .control-group:before, .form-horizontal .control-group:after {
 +  display: table;
 +  content: "";
 +}
 +.form-horizontal .control-group:after {
 +  clear: both;
 +}
 +.form-horizontal .control-group > label {
 +  float: left;
 +  width: 140px;
 +  padding-top: 5px;
 +  text-align: right;
 +}
 +.form-horizontal .controls {
 +  margin-left: 160px;
 +}
 +.form-horizontal .form-actions {
 +  padding-left: 160px;
 +}
 +table {
 +  border: 1px solid #436688;
 +  max-width: 100%;
 +  border-collapse: collapse;
 +  border-spacing: 0;
 +}
 +table th {
 +  border: 1px solid #436688;
 +  padding-top: 9px;
 +  font-weight: bold;
 +  vertical-align: middle;
 +}
 +table td {
 +    border: 1px solid #436688;
 +    font-size: 10px;
 +    padding: 4px;
 +    vertical-align: middle;
 +}
 +
 +tr:hover {
 +    background-color: #222;
 +}
 +.table {
 +  width: 100%;
 +  margin-bottom: 10px;
 +}
 +.table th, .table td {
 +  padding: 8px;
 +  line-height: 18px;
 +  text-align: left;
 +//  border-top: 1px solid #ddd;
 +}
 +.table th {
 +  background-color: #001021;
 +  font-weight: bold;
 +  vertical-align: bottom;
 +}
 +.table td {
 +  vertical-align: middle;
 +}
 +.table thead:first-child tr th, .table thead:first-child tr td {
 +  border-top: 0;
 +}
 +.table tbody + tbody {
 + // border-top: 2px solid #ddd;
 +}
 +.table-condensed th, .table-condensed td {
 +  padding: 4px 5px;
 +}
 +.table-bordered {
 +}
 +.table-bordered th + th,
 +.table-bordered td + td,
 +.table-bordered th + td,
 +.table-bordered td + th {
 +  //border-left: 1px solid #ddd;
 +}
 +.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
 +  border-top: 0;
 +}
 +.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
 +  -webkit-border-radius: 4px 0 0 0;
 +  -moz-border-radius: 4px 0 0 0;
 +  border-radius: 4px 0 0 0;
 +}
 +.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
 +  -webkit-border-radius: 0 4px 0 0;
 +  -moz-border-radius: 0 4px 0 0;
 +  border-radius: 0 4px 0 0;
 +}
 +.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
 +  -webkit-border-radius: 0 0 0 4px;
 +  -moz-border-radius: 0 0 0 4px;
 +  border-radius: 0 0 0 4px;
 +}
 +.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
 +  -webkit-border-radius: 0 0 4px 0;
 +  -moz-border-radius: 0 0 4px 0;
 +  border-radius: 0 0 4px 0;
 +}
 +.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
 +  background-color: #f9f9f9;
 +}
 +table .span1 {
 +  float: none;
 +  width: 44px;
 +  margin-left: 0;
 +}
 +table .span2 {
 +  float: none;
 +  width: 124px;
 +  margin-left: 0;
 +}
 +table .span3 {
 +  float: none;
 +  width: 204px;
 +  margin-left: 0;
 +}
 +table .span4 {
 +  float: none;
 +  width: 284px;
 +  margin-left: 0;
 +}
 +table .span5 {
 +  float: none;
 +  width: 364px;
 +  margin-left: 0;
 +}
 +table .span6 {
 +  float: none;
 +  width: 444px;
 +  margin-left: 0;
 +}
 +table .span7 {
 +  float: none;
 +  width: 524px;
 +  margin-left: 0;
 +}
 +table .span8 {
 +  float: none;
 +  width: 604px;
 +  margin-left: 0;
 +}
 +table .span9 {
 +  float: none;
 +  width: 684px;
 +  margin-left: 0;
 +}
 +table .span10 {
 +  float: none;
 +  width: 764px;
 +  margin-left: 0;
 +}
 +table .span11 {
 +  float: none;
 +  width: 844px;
 +  margin-left: 0;
 +}
 +table .span12 {
 +  float: none;
 +  width: 924px;
 +  margin-left: 0;
 +}
 +[class^="icon-"] {
 +  display: inline-block;
 +  width: 14px;
 +  height: 14px;
 +  vertical-align: text-top;
 +  background-image: url(../img/glyphicons-halflings.png);
 +  background-position: 14px 14px;
 +  background-repeat: no-repeat;
 +  *margin-right: .3em;
 +}
 +[class^="icon-"]:last-child {
 +  *margin-left: 0;
 +}
 +.icon-white {
 +  background-image: url(../img/glyphicons-halflings-white.png);
 +}
 +.icon-glass {
 +  background-position: 0      0;
 +}
 +.icon-music {
 +  background-position: -24px 0;
 +}
 +.icon-search {
 +  background-position: -48px 0;
 +}
 +.icon-envelope {
 +  background-position: -72px 0;
 +}
 +.icon-heart {
 +  background-position: -96px 0;
 +}
 +.icon-star {
 +  background-position: -120px 0;
 +}
 +.icon-star-empty {
 +  background-position: -144px 0;
 +}
 +.icon-user {
 +  background-position: -168px 0;
 +}
 +.icon-film {
 +  background-position: -192px 0;
 +}
 +.icon-th-large {
 +  background-position: -216px 0;
 +}
 +.icon-th {
 +  background-position: -240px 0;
 +}
 +.icon-th-list {
 +  background-position: -264px 0;
 +}
 +.icon-ok {
 +  background-position: -288px 0;
 +}
 +.icon-remove {
 +  background-position: -312px 0;
 +}
 +.icon-zoom-in {
 +  background-position: -336px 0;
 +}
 +.icon-zoom-out {
 +  background-position: -360px 0;
 +}
 +.icon-off {
 +  background-position: -384px 0;
 +}
 +.icon-signal {
 +  background-position: -408px 0;
 +}
 +.icon-cog {
 +  background-position: -432px 0;
 +}
 +.icon-trash {
 +  background-position: -456px 0;
 +}
 +.icon-home {
 +  background-position: 0 -24px;
 +}
 +.icon-file {
 +  background-position: -24px -24px;
 +}
 +.icon-time {
 +  background-position: -48px -24px;
 +}
 +.icon-road {
 +  background-position: -72px -24px;
 +}
 +.icon-download-alt {
 +  background-position: -96px -24px;
 +}
 +.icon-download {
 +  background-position: -120px -24px;
 +}
 +.icon-upload {
 +  background-position: -144px -24px;
 +}
 +.icon-inbox {
 +  background-position: -168px -24px;
 +}
 +.icon-play-circle {
 +  background-position: -192px -24px;
 +}
 +.icon-repeat {
 +  background-position: -216px -24px;
 +}
 +.icon-refresh {
 +  background-position: -240px -24px;
 +}
 +.icon-list-alt {
 +  background-position: -264px -24px;
 +}
 +.icon-lock {
 +  background-position: -287px -24px;
 +}
 +.icon-flag {
 +  background-position: -312px -24px;
 +}
 +.icon-headphones {
 +  background-position: -336px -24px;
 +}
 +.icon-volume-off {
 +  background-position: -360px -24px;
 +}
 +.icon-volume-down {
 +  background-position: -384px -24px;
 +}
 +.icon-volume-up {
 +  background-position: -408px -24px;
 +}
 +.icon-qrcode {
 +  background-position: -432px -24px;
 +}
 +.icon-barcode {
 +  background-position: -456px -24px;
 +}
 +.icon-tag {
 +  background-position: 0 -48px;
 +}
 +.icon-tags {
 +  background-position: -25px -48px;
 +}
 +.icon-book {
 +  background-position: -48px -48px;
 +}
 +.icon-bookmark {
 +  background-position: -72px -48px;
 +}
 +.icon-print {
 +  background-position: -96px -48px;
 +}
 +.icon-camera {
 +  background-position: -120px -48px;
 +}
 +.icon-font {
 +  background-position: -144px -48px;
 +}
 +.icon-bold {
 +  background-position: -167px -48px;
 +}
 +.icon-italic {
 +  background-position: -192px -48px;
 +}
 +.icon-text-height {
 +  background-position: -216px -48px;
 +}
 +.icon-text-width {
 +  background-position: -240px -48px;
 +}
 +.icon-align-left {
 +  background-position: -264px -48px;
 +}
 +.icon-align-center {
 +  background-position: -288px -48px;
 +}
 +.icon-align-right {
 +  background-position: -312px -48px;
 +}
 +.icon-align-justify {
 +  background-position: -336px -48px;
 +}
 +.icon-list {
 +  background-position: -360px -48px;
 +}
 +.icon-indent-left {
 +  background-position: -384px -48px;
 +}
 +.icon-indent-right {
 +  background-position: -408px -48px;
 +}
 +.icon-facetime-video {
 +  background-position: -432px -48px;
 +}
 +.icon-picture {
 +  background-position: -456px -48px;
 +}
 +.icon-pencil {
 +  background-position: 0 -72px;
 +}
 +.icon-map-marker {
 +  background-position: -24px -72px;
 +}
 +.icon-adjust {
 +  background-position: -48px -72px;
 +}
 +.icon-tint {
 +  background-position: -72px -72px;
 +}
 +.icon-edit {
 +  background-position: -96px -72px;
 +}
 +.icon-share {
 +  background-position: -120px -72px;
 +}
 +.icon-check {
 +  background-position: -144px -72px;
 +}
 +.icon-move {
 +  background-position: -168px -72px;
 +}
 +.icon-step-backward {
 +  background-position: -192px -72px;
 +}
 +.icon-fast-backward {
 +  background-position: -216px -72px;
 +}
 +.icon-backward {
 +  background-position: -240px -72px;
 +}
 +.icon-play {
 +  background-position: -264px -72px;
 +}
 +.icon-pause {
 +  background-position: -288px -72px;
 +}
 +.icon-stop {
 +  background-position: -312px -72px;
 +}
 +.icon-forward {
 +  background-position: -336px -72px;
 +}
 +.icon-fast-forward {
 +  background-position: -360px -72px;
 +}
 +.icon-step-forward {
 +  background-position: -384px -72px;
 +}
 +.icon-eject {
 +  background-position: -408px -72px;
 +}
 +.icon-chevron-left {
 +  background-position: -432px -72px;
 +}
 +.icon-chevron-right {
 +  background-position: -456px -72px;
 +}
 +.icon-plus-sign {
 +  background-position: 0 -96px;
 +}
 +.icon-minus-sign {
 +  background-position: -24px -96px;
 +}
 +.icon-remove-sign {
 +  background-position: -48px -96px;
 +}
 +.icon-ok-sign {
 +  background-position: -72px -96px;
 +}
 +.icon-question-sign {
 +  background-position: -96px -96px;
 +}
 +.icon-info-sign {
 +  background-position: -120px -96px;
 +}
 +.icon-screenshot {
 +  background-position: -144px -96px;
 +}
 +.icon-remove-circle {
 +  background-position: -168px -96px;
 +}
 +.icon-ok-circle {
 +  background-position: -192px -96px;
 +}
 +.icon-ban-circle {
 +  background-position: -216px -96px;
 +}
 +.icon-arrow-left {
 +  background-position: -240px -96px;
 +}
 +.icon-arrow-right {
 +  background-position: -264px -96px;
 +}
 +.icon-arrow-up {
 +  background-position: -289px -96px;
 +}
 +.icon-arrow-down {
 +  background-position: -312px -96px;
 +}
 +.icon-share-alt {
 +  background-position: -336px -96px;
 +}
 +.icon-resize-full {
 +  background-position: -360px -96px;
 +}
 +.icon-resize-small {
 +  background-position: -384px -96px;
 +}
 +.icon-plus {
 +  background-position: -408px -96px;
 +}
 +.icon-minus {
 +  background-position: -433px -96px;
 +}
 +.icon-asterisk {
 +  background-position: -456px -96px;
 +}
 +.icon-exclamation-sign {
 +  background-position: 0 -120px;
 +}
 +.icon-gift {
 +  background-position: -24px -120px;
 +}
 +.icon-leaf {
 +  background-position: -48px -120px;
 +}
 +.icon-fire {
 +  background-position: -72px -120px;
 +}
 +.icon-eye-open {
 +  background-position: -96px -120px;
 +}
 +.icon-eye-close {
 +  background-position: -120px -120px;
 +}
 +.icon-warning-sign {
 +  background-position: -144px -120px;
 +}
 +.icon-plane {
 +  background-position: -168px -120px;
 +}
 +.icon-calendar {
 +  background-position: -192px -120px;
 +}
 +.icon-random {
 +  background-position: -216px -120px;
 +}
 +.icon-comment {
 +  background-position: -240px -120px;
 +}
 +.icon-magnet {
 +  background-position: -264px -120px;
 +}
 +.icon-chevron-up {
 +  background-position: -288px -120px;
 +}
 +.icon-chevron-down {
 +  background-position: -313px -119px;
 +}
 +.icon-retweet {
 +  background-position: -336px -120px;
 +}
 +.icon-shopping-cart {
 +  background-position: -360px -120px;
 +}
 +.icon-folder-close {
 +  background-position: -384px -120px;
 +}
 +.icon-folder-open {
 +  background-position: -408px -120px;
 +}
 +.icon-resize-vertical {
 +  background-position: -432px -119px;
 +}
 +.icon-resize-horizontal {
 +  background-position: -456px -118px;
 +}
 +.dropdown {
 +  position: relative;
 +}
 +.dropdown-toggle {
 +  *margin-bottom: -3px;
 +}
 +.dropdown-toggle:active, .open .dropdown-toggle {
 +  outline: 0;
 +}
 +.caret {
 +  display: inline-block;
 +  width: 0;
 +  height: 0;
 +  text-indent: -99999px;
 +  *text-indent: 0;
 +  vertical-align: top;
 +  border-left: 4px solid transparent;
 +  border-right: 4px solid transparent;
 +  border-top: 4px solid #000000;
 +  opacity: 0.3;
 +  filter: alpha(opacity=30);
 +  content: "\2193";
 +}
 +.dropdown .caret {
 +  margin-top: 8px;
 +  margin-left: 2px;
 +}
 +.dropdown:hover .caret, .open.dropdown .caret {
 +  opacity: 1;
 +  filter: alpha(opacity=100);
 +}
 +.dropdown-menu {
 +  position: absolute;
 +  top: 100%;
 +  left: 0;
 +  z-index: 1000;
 +  float: left;
 +  display: none;
 +  min-width: 160px;
 +  max-width: 220px;
 +  _width: 160px;
 +  padding: 4px 0;
    margin: 0;
 +  list-style: none;
 +  background-color: #ffffff;
 +  border-color: #ccc;
 +  border-color: rgba(0, 0, 0, 0.2);
 +  border-style: solid;
 +  border-width: 1px;
 +  -webkit-border-radius: 0 0 5px 5px;
 +  -moz-border-radius: 0 0 5px 5px;
 +  border-radius: 0 0 5px 5px;
 +  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 +  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 +  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 +  -webkit-background-clip: padding-box;
 +  -moz-background-clip: padding;
 +  background-clip: padding-box;
 +  *border-right-width: 2px;
 +  *border-bottom-width: 2px;
 +}
 +.dropdown-menu.bottom-up {
 +  top: auto;
 +  bottom: 100%;
 +  margin-bottom: 2px;
 +}
 +.dropdown-menu .divider {
 +  height: 1px;
 +  margin: 5px 1px;
 +  overflow: hidden;
 +  background-color: #e5e5e5;
 +  border-bottom: 1px solid #ffffff;
 +  *width: 100%;
 +  *margin: -5px 0 5px;
 +}
 +.dropdown-menu a {
 +  display: block;
 +  padding: 3px 15px;
 +  clear: both;
 +  font-weight: normal;
 +  line-height: 18px;
 +  color: #555555;
 +  white-space: nowrap;
 +}
 +.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
 +  color: #ffffff;
 +  text-decoration: none;
 +  background-color: #0088cc;
 +}
 +.dropdown.open {
 +  *z-index: 1000;
 +}
 +.dropdown.open .dropdown-toggle {
 +  color: #ffffff;
 +  background: #ccc;
 +  background: rgba(0, 0, 0, 0.3);
 +}
 +.dropdown.open .dropdown-menu {
 +  display: block;
 +}
 +.typeahead {
 +  margin-top: 2px;
 +  -webkit-border-radius: 4px;
 +  -moz-border-radius: 4px;
 +  border-radius: 4px;
 +}
 +.well {
 +  min-height: 20px;
 +  padding: 19px;
 +  margin-bottom: 20px;
 +  background-color: #f5f5f5;
 +  border: 1px solid #eee;
 +  border: 1px solid rgba(0, 0, 0, 0.05);
 +  -webkit-border-radius: 4px;
 +  -moz-border-radius: 4px;
 +  border-radius: 4px;
 +  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 +  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 +  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 +}
 +.well blockquote {
 +  border-color: #ddd;
 +  border-color: rgba(0, 0, 0, 0.15);
 +}
 +.fade {
 +  -webkit-transition: opacity 0.15s linear;
 +  -moz-transition: opacity 0.15s linear;
 +  -ms-transition: opacity 0.15s linear;
 +  -o-transition: opacity 0.15s linear;
 +  transition: opacity 0.15s linear;
 +  opacity: 0;
 +}
 +.fade.in {
 +  opacity: 1;
 +}
 +.collapse {
 +  -webkit-transition: height 0.35s ease;
 +  -moz-transition: height 0.35s ease;
 +  -ms-transition: height 0.35s ease;
 +  -o-transition: height 0.35s ease;
 +  transition: height 0.35s ease;
 +  position: relative;
 +  overflow: hidden;
 +  height: 0;
 +}
 +.collapse.in {
 +  height: auto;
 +}
 +.close {
 +  float: right;
 +  font-size: 20px;
 +  font-weight: bold;
 +  line-height: 18px;
 +  color: #000000;
 +  text-shadow: 0 1px 0 #ffffff;
 +  opacity: 0.2;
 +  filter: alpha(opacity=20);
 +}
 +.close:hover {
 +  color: #000000;
 +  text-decoration: none;
 +  opacity: 0.4;
 +  filter: alpha(opacity=40);
 +  cursor: pointer;
 +}
 +.btn {
 +  display: inline-block;
 +  padding: 4px 10px 4px;
 +  font-size: 13px;
 +  line-height: 18px;
 +  color: #333333;
 +  text-align: center;
 +  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 +  background-color: #fafafa;
 +  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
 +  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
 +  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
 +  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
 +  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
 +  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
 +  background-repeat: no-repeat;
 +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
 +  border: 1px solid #ccc;
 +  border-bottom-color: #bbb;
 +  -webkit-border-radius: 4px;
 +  -moz-border-radius: 4px;
 +  border-radius: 4px;
 +  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 +  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 +  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 +  cursor: pointer;
 +  *margin-left: .3em;
 +}
 +.btn:first-child {
 +  *margin-left: 0;
 +}
 +.btn:hover {
 +  color: #333333;
 +  text-decoration: none;
 +  background-color: #e6e6e6;
 +  background-position: 0 -15px;
 +  -webkit-transition: background-position 0.1s linear;
 +  -moz-transition: background-position 0.1s linear;
 +  -ms-transition: background-position 0.1s linear;
 +  -o-transition: background-position 0.1s linear;
 +  transition: background-position 0.1s linear;
 +}
 +.btn:focus {
 +  outline: thin dotted;
 +  outline: 5px auto -webkit-focus-ring-color;
 +  outline-offset: -2px;
 +}
 +.btn.active, .btn:active {
 +  background-image: none;
 +  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 +  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 +  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 +  background-color: #e6e6e6;
 +  background-color: #d9d9d9 \9;
 +  color: rgba(0, 0, 0, 0.5);
 +  outline: 0;
 +}
 +.btn.disabled, .btn[disabled] {
 +  cursor: default;
 +  background-image: none;
 +  background-color: #e6e6e6;
 +  opacity: 0.65;
 +  filter: alpha(opacity=65);
 +  -webkit-box-shadow: none;
 +  -moz-box-shadow: none;
 +  box-shadow: none;
 +}
 +.btn-large {
 +  padding: 9px 14px;
 +  font-size: 15px;
 +  line-height: normal;
 +  -webkit-border-radius: 5px;
 +  -moz-border-radius: 5px;
 +  border-radius: 5px;
 +}
 +.btn-large .icon {
 +  margin-top: 1px;
 +}
 +.btn-small {
 +  padding: 5px 9px;
 +  font-size: 11px;
 +  line-height: 16px;
 +}
 +.btn-small .icon {
 +  margin-top: -1px;
 +}
 +.btn-primary,
 +.btn-primary:hover,
 +.btn-warning,
 +.btn-warning:hover,
 +.btn-danger,
 +.btn-danger:hover,
 +.btn-success,
 +.btn-success:hover,
 +.btn-info,
 +.btn-info:hover {
 +  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 +  color: #ffffff;
 +}
 +.btn-primary.active,
 +.btn-warning.active,
 +.btn-danger.active,
 +.btn-success.active,
 +.btn-info.active {
 +  color: rgba(255, 255, 255, 0.75);
 +}
 +.btn-primary {
 +  background-color: #006dcc;
 +  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
 +  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
 +  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
 +  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
 +  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
 +  background-image: linear-gradient(top, #0088cc, #0044cc);
 +  background-repeat: repeat-x;
 +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
 +  border-color: #0044cc #0044cc #002a80;
 +  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 +  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 +}
 +.btn-primary:hover,
 +.btn-primary:active,
 +.btn-primary.active,
 +.btn-primary.disabled,
 +.btn-primary[disabled] {
 +  background-color: #0044cc;
 +}
 +.btn-primary:active, .btn-primary.active {
 +  background-color: #003399 \9;
 +}
 +.btn-warning {
 +  background-color: #faa732;
 +  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
 +  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
 +  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
 +  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
 +  background-image: -o-linear-gradient(top, #fbb450, #f89406);
 +  background-image: linear-gradient(top, #fbb450, #f89406);
 +  background-repeat: repeat-x;
 +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
 +  border-color: #f89406 #f89406 #ad6704;
 +  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 +  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 +}
 +.btn-warning:hover,
 +.btn-warning:active,
 +.btn-warning.active,
 +.btn-warning.disabled,
 +.btn-warning[disabled] {
 +  background-color: #f89406;
 +}
 +.btn-warning:active, .btn-warning.active {
 +  background-color: #c67605 \9;
 +}
 +.btn-danger {
 +  background-color: #da4f49;
 +  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
 +  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
 +  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
 +  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
 +  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
 +  background-image: linear-gradient(top, #ee5f5b, #bd362f);
 +  background-repeat: repeat-x;
 +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
 +  border-color: #bd362f #bd362f #802420;
 +  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 +  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 +}
 +.btn-danger:hover,
 +.btn-danger:active,
 +.btn-danger.active,
 +.btn-danger.disabled,
 +.btn-danger[disabled] {
 +  background-color: #bd362f;
 +}
 +.btn-danger:active, .btn-danger.active {
 +  background-color: #942a25 \9;
 +}
 +.btn-success {
 +  background-color: #5bb75b;
 +  background-image: -moz-linear-gradient(top, #62c462, #51a351);
 +  background-image: -ms-linear-gradient(top, #62c462, #51a351);
 +  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
 +  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
 +  background-image: -o-linear-gradient(top, #62c462, #51a351);
 +  background-image: linear-gradient(top, #62c462, #51a351);
 +  background-repeat: repeat-x;
 +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
 +  border-color: #51a351 #51a351 #387038;
 +  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 +  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 +}
 +.btn-success:hover,
 +.btn-success:active,
 +.btn-success.active,
 +.btn-success.disabled,
 +.btn-success[disabled] {
 +  background-color: #51a351;
 +}
 +.btn-success:active, .btn-success.active {
 +  background-color: #408140 \9;
 +}
 +.btn-info {
 +  background-color: #49afcd;
 +  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
 +  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
 +  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
 +  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
 +  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
 +  background-image: linear-gradient(top, #5bc0de, #2f96b4);
 +  background-repeat: repeat-x;
 +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
 +  border-color: #2f96b4 #2f96b4 #1f6377;
 +  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 +  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 +}
 +.btn-info:hover,
 +.btn-info:active,
 +.btn-info.active,
 +.btn-info.disabled,
 +.btn-info[disabled] {
 +  background-color: #2f96b4;
 +}
 +.btn-info:active, .btn-info.active {
 +  background-color: #24748c \9;
 +}
 +button.btn, input[type="submit"].btn {
 +  *padding-top: 2px;
 +  *padding-bottom: 2px;
 +}
 +button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
 +  border: 0;
 +}
 +button.btn.large, input[type="submit"].btn.large {
 +  *padding-top: 7px;
 +  *padding-bottom: 7px;
 +}
 +button.btn.small, input[type="submit"].btn.small {
 +  *padding-top: 3px;
 +  *padding-bottom: 3px;
 +}
 +.btn-group {
    position: relative;
 +  *zoom: 1;
 +  *margin-left: .3em;
 +}
 +.btn-group:before, .btn-group:after {
 +  display: table;
 +  content: "";
 +}
 +.btn-group:after {
 +  clear: both;
  }
 -.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
 +.btn-group:first-child {
 +  *margin-left: 0;
 +}
 +.btn-group + .btn-group {
 +  margin-left: 5px;
 +}
 +.btn-toolbar {
 +  margin-top: 9px;
 +  margin-bottom: 9px;
 +}
 +.btn-toolbar .btn-group {
 +  display: inline-block;
 +  *display: inline;
 +  /* IE7 inline-block hack */
 +
 +  *zoom: 1;
 +}
 +.btn-group .btn {
 +  position: relative;
 +  float: left;
 +  margin-left: -1px;
 +  -webkit-border-radius: 0;
 +  -moz-border-radius: 0;
 +  border-radius: 0;
 +}
 +.btn-group .btn:first-child {
 +  margin-left: 0;
 +  -webkit-border-top-left-radius: 4px;
 +  -moz-border-radius-topleft: 4px;
 +  border-top-left-radius: 4px;
 +  -webkit-border-bottom-left-radius: 4px;
 +  -moz-border-radius-bottomleft: 4px;
 +  border-bottom-left-radius: 4px;
 +}
 +.btn-group .btn:last-child, .btn-group .dropdown-toggle {
 +  -webkit-border-top-right-radius: 4px;
 +  -moz-border-radius-topright: 4px;
 +  border-top-right-radius: 4px;
 +  -webkit-border-bottom-right-radius: 4px;
 +  -moz-border-radius-bottomright: 4px;
 +  border-bottom-right-radius: 4px;
 +}
 +.btn-group .btn.large:first-child {
 +  margin-left: 0;
 +  -webkit-border-top-left-radius: 6px;
 +  -moz-border-radius-topleft: 6px;
 +  border-top-left-radius: 6px;
 +  -webkit-border-bottom-left-radius: 6px;
 +  -moz-border-radius-bottomleft: 6px;
 +  border-bottom-left-radius: 6px;
 +}
 +.btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle {
 +  -webkit-border-top-right-radius: 6px;
 +  -moz-border-radius-topright: 6px;
 +  border-top-right-radius: 6px;
 +  -webkit-border-bottom-right-radius: 6px;
 +  -moz-border-radius-bottomright: 6px;
 +  border-bottom-right-radius: 6px;
 +}
 +.btn-group .btn:hover,
 +.btn-group .btn:focus,
 +.btn-group .btn:active,
 +.btn-group .btn.active {
 +  z-index: 2;
 +}
 +.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
 +  outline: 0;
 +}
 +.btn-group .dropdown-toggle {
 +  padding-left: 8px;
 +  padding-right: 8px;
 +  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 +  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 +  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 +  *padding-top: 5px;
 +  *padding-bottom: 5px;
 +}
 +.btn-group.open {
 +  *z-index: 1000;
 +}
 +.btn-group.open .dropdown-menu {
    display: block;
 -  padding: 0;
 -  text-decoration:none;
 +  margin-top: 1px;
 +  -webkit-border-radius: 5px;
 +  -moz-border-radius: 5px;
 +  border-radius: 5px;
 +}
 +.btn-group.open .dropdown-toggle {
 +  background-image: none;
 +  -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 +  -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 +  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 +}
 +.btn .caret {
 +  margin-top: 7px;
 +  margin-left: 0;
 +}
 +.btn:hover .caret, .open.btn-group .caret {
 +  opacity: 1;
 +  filter: alpha(opacity=100);
 +}
 +.btn-primary .caret,
 +.btn-danger .caret,
 +.btn-info .caret,
 +.btn-success .caret {
 +  border-top-color: #ffffff;
 +  opacity: 0.75;
 +  filter: alpha(opacity=75);
 +}
 +.btn-small .caret {
 +  margin-top: 4px;
 +}
 +.alert {
 +  padding: 8px 35px 8px 14px;
 +  margin-bottom: 18px;
 +  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 +  background-color: #fcf8e3;
 +  border: 1px solid #fbeed5;
 +  -webkit-border-radius: 4px;
 +  -moz-border-radius: 4px;
 +  border-radius: 4px;
 +}
 +.alert, .alert-heading {
 +  color: #c09853;
 +}
 +.alert .close {
 +  position: relative;
 +  top: -2px;
 +  right: -21px;
 +  line-height: 18px;
 +}
 +.alert-success {
 +  background-color: #dff0d8;
 +  border-color: #d6e9c6;
 +}
 +.alert-success, .alert-success .alert-heading {
 +  color: #468847;
 +}
 +.alert-danger, .alert-error {
 +  background-color: #f2dede;
 +  border-color: #eed3d7;
  }
 - 
 -.nav li a:hover {
 -      background-color:#111 !important;
 -      color:#fff !important;
 -      text-shadow:1px 1px 3px #5A8BBC !important;
 +.alert-danger,
 +.alert-error,
 +.alert-danger .alert-heading,
 +.alert-error .alert-heading {
 +  color: #b94a48;
  }
 - 
 -.nav ul {
 -  border-bottom: 1px solid #000;
 +.alert-info {
 +  background-color: #d9edf7;
 +  border-color: #bce8f1;
 +}
 +.alert-info, .alert-info .alert-heading {
 +  color: #3a87ad;
 +}
 +.alert-block {
 +  padding-top: 14px;
 +  padding-bottom: 14px;
 +}
 +.alert-block > p, .alert-block > ul {
 +  margin-bottom: 0;
 +}
 +.alert-block p + p {
 +  margin-top: 5px;
 +}
 +.nav {
 +  font-size: 15px;
 +  margin-left: 0;
 +  margin-bottom: 18px;
    list-style: none;
 -  margin: 0;
 -  min-width:164px;
 -  position: absolute;
 -  top: -999em;
  }
 -.nav li:hover ul,
 -.nav li.sfHover ul {
 -  top: 32px;
 -  z-index:1000;
 +.nav > li > a {
 +  display: block;
 +}
 +.nav > li > a:hover {
 +  text-decoration: none;
 +  background-color: #eeeeee;
 +}
 +.nav-list {
 +  padding-left: 14px;
 +  padding-right: 14px;
 +  margin-bottom: 0;
 +}
 +.nav-list > li > a, .nav-list .nav-header {
 +  display: block;
 +  padding: 3px 15px;
 +  margin-left: -15px;
 +  margin-right: -15px;
 +  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 +}
 +.nav-list .nav-header {
 +  font-size: 11px;
 +  font-weight: bold;
 +  line-height: 18px;
 +  color: #999999;
 +  text-transform: uppercase;
 +}
 +.nav-list > li + .nav-header {
 +  margin-top: 9px;
 +}
 +.nav-list .active > a {
 +  color: #ffffff;
 +  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 +  background-color: #0088cc;
 +}
 +.nav-list .icon {
 +  margin-right: 2px;
 +}
 +.nav-tabs, .nav-pills {
 +  *zoom: 1;
 +}
 +.nav-tabs:before,
 +.nav-pills:before,
 +.nav-tabs:after,
 +.nav-pills:after {
 +  display: table;
 +  content: "";
 +}
 +.nav-tabs:after, .nav-pills:after {
 +  clear: both;
 +}
 +.nav-tabs > li, .nav-pills > li {
 +  float: left;
  }
 -.nav ul li {
 -  border:0;
 +.nav-tabs > li > a, .nav-pills > li > a {
 +  padding-right: 12px;
 +  padding-left: 12px;
 +  margin-right: 2px;
 +  line-height: 14px;
 +}
 +.nav-tabs {
 +  border-bottom: 1px solid #ddd;
 +}
 +.nav-tabs > li {
 +  margin-bottom: -1px;
 +}
 +.nav-tabs > li > a {
 +  padding-top: 9px;
 +  padding-bottom: 9px;
 +  border: 1px solid transparent;
 +  -webkit-border-radius: 4px 4px 0 0;
 +  -moz-border-radius: 4px 4px 0 0;
 +  border-radius: 4px 4px 0 0;
 +}
 +.nav-tabs > li > a:hover {
 +  border-color: #eeeeee #eeeeee #dddddd;
 +}
 +.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
 +  color: #555555;
 +  background-color: #ffffff;
 +  border: 1px solid #ddd;
 +  border-bottom-color: transparent;
 +  cursor: default;
 +}
 +.nav-pills > li > a {
 +  padding-top: 8px;
 +  padding-bottom: 8px;
 +  margin-top: 2px;
 +  margin-bottom: 2px;
 +  -webkit-border-radius: 5px;
 +  -moz-border-radius: 5px;
 +  border-radius: 5px;
 +}
 +.nav-pills .active > a, .nav-pills .active > a:hover {
 +  color: #ffffff;
 +  background-color: #0088cc;
 +}
 +.nav-stacked > li {
    float: none;
  }
 -.nav ul a {
 -  width: 145px;
 -  white-space: nowrap;
 -  border-bottom:1px solid #AED5FE;
 +.nav-stacked > li > a {
 +  margin-right: 0;
  }
 -.nav ul a:hover {
 -      background-color:#111 !important;
 -      color:#fff !important;
 +.nav-tabs.nav-stacked {
 +  border-bottom: 0;
  }
 -.nav li.last {
 -      border-right:1px solid #AED5FE !important;
 +.nav-tabs.nav-stacked > li > a {
 +  border: 1px solid #ddd;
 +  -webkit-border-radius: 0;
 +  -moz-border-radius: 0;
 +  border-radius: 0;
  }
 -.nav2 {
 -      border:1px solid #AED5FE;
 -      left:-1px;
 +.nav-tabs.nav-stacked > li:first-child > a {
 +  -webkit-border-radius: 4px 4px 0 0;
 +  -moz-border-radius: 4px 4px 0 0;
 +  border-radius: 4px 4px 0 0;
  }
 -.nav2 li a {
 -      background-color:#000;
 -      width:164px !important;
 +.nav-tabs.nav-stacked > li:last-child > a {
 +  -webkit-border-radius: 0 0 4px 4px;
 +  -moz-border-radius: 0 0 4px 4px;
 +  border-radius: 0 0 4px 4px;
  }
 -
 -
 -/* UI widgets */
 -.button {
 -      display:inline-block;
 -      background: url(img/web_button_sprite.png) no-repeat -128px 0;
 -      height:32px;
 -      width:190px;
 -      line-height:24px;
 -      text-align:center;
 -      color:#ccc;
 -      text-decoration:none;
 -      border:0;
 -      padding:0;
 -      cursor:pointer;
 -}
 -a.button {
 -      height:24px;
 -      width:160px;
 -      line-height:24px;
 -      padding:4px 16px;
 -}
 -.button.s { background-position:0 0; width:126px; }
 -.button.m { background-position:-320px 0; width:318px; }
 -.button.l { background-position:-640px 0; width:638px; }
 -a.button.s { width:96px; }
 -a.button.m { width:288px; }
 -a.button.l { width:608px; }
 -
 -.button.s:hover { background-position:0 -33px; }
 -.button:hover { background-position:-128px -33px; }
 -.button.m:hover { background-position:-320px -33px; }
 -.button.l:hover { background-position:-640px -33px; }
 -
 -.button.s:active, .button.s:focus  { background-position:0 -66px; }
 -.button:active, .button:focus { background-position:-128px -66px; }
 -.button.m:active, .button.m:focus { background-position:-320px -66px; }
 -.button.l:active, .button.l:focus { background-position:-640px -66px; }
 -
 -.button:hover, .button:active, .button:focus {
 -      outline:0;
 +.nav-tabs.nav-stacked > li > a:hover {
 +  border-color: #ddd;
 +  z-index: 2;
  }
 -
 -input[type=text], .textbox {
 -      display:inline-block;
 -      background: url(img/inputbox_sprite.png) no-repeat -128px 0;
 -      width:150px;
 -      height:24px;
 -      line-height:24px;
 -      text-align:left;
 -      color:#ccc;
 -      text-decoration:none;
 -      padding:4px 16px;
 -      border:0;
 +.nav-pills.nav-stacked > li > a {
 +  margin-bottom: 3px;
  }
 -
 -.textbox.s { background-position: 0 0; width:96px; }
 -.textbox.m { background-position:-320px 0; width:288px; }
 -.textbox.l { background-position:-640px 0; width:608px; }
 -
 -.textbox.s:hover { background-position:0 -32px; }
 -input[type=text]:hover, .textbox:hover { background-position:-128px -32px; }
 -.textbox.m:hover { background-position:-320px -32px; }
 -.textbox.l:hover { background-position:-640px -32px; }
 -
 -.textbox:hover, .textbox:active, .textbox:focus, input[type=text] {
 -      outline:none;
 +.nav-pills.nav-stacked > li:last-child > a {
 +  margin-bottom: 1px;
  }
 -
 -.checkbox, .radio {
 -      display: none;
 -}
 -.checkbox-label {
 -      background: url('img/web_checkbox_n0.png') no-repeat;
 -      padding-left: 40px;
 -      padding-top: 3px;
 -      margin: 5px;
 -      height: 32px;   
 -      display: inline-block;
 -      cursor:pointer;
 -}
 -.checkbox-label:hover, .radio-label:hover{
 -      text-decoration: underline;
 -}
 -.checkbox-selected, .radio-selected {
 -      background: url('img/web_checkbox_n1.png') no-repeat;
 -}
 -.radio-label {
 -      background: url("img/web_radiobutton_n0.png") no-repeat;
 -      padding-left: 60px;
 -      padding-top: 3px;
 -      margin: 5px;
 -      height: 64px;   
 -      width: 64px;
 -      display: block; 
 -      float: left;
 -      cursor:pointer;
 -}
 -.radio-selected {
 -      background: url("img/web_radiobutton_n1.png") no-repeat;
 +.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu {
 +  margin-top: 1px;
 +  border-width: 1px;
  }
 +.nav-pills .dropdown-menu {
 +  -webkit-border-radius: 4px;
 +  -moz-border-radius: 4px;
 +  border-radius: 4px;
 +}
 +.nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret {
 +  border-top-color: #0088cc;
 +  margin-top: 6px;
 +}
 +.nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret {
 +  border-top-color: #005580;
 +}
 +.nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret {
 +  border-top-color: #333333;
 +}
 +.nav > .dropdown.active > a:hover {
 +  color: #000000;
 +  cursor: pointer;
 +}
 +.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > .open.active > a:hover {
 +  color: #ffffff;
 +  background-color: #999999;
 +  border-color: #999999;
 +}
 +.nav .open .caret, .nav .open.active .caret, .nav .open a:hover .caret {
 +  border-top-color: #ffffff;
 +  opacity: 1;
 +  filter: alpha(opacity=100);
 +}
 +.tabs-stacked .open > a:hover {
 +  border-color: #999999;
 +}
 +.tabbable {
 +  *zoom: 1;
 +}
 +.tabbable:before, .tabbable:after {
 +  display: table;
 +  content: "";
 +}
 +.tabbable:after {
 +  clear: both;
 +}
 +.tabs-below .nav-tabs, .tabs-right .nav-tabs, .tabs-left .nav-tabs {
 +  border-bottom: 0;
 +}
 +.tab-content > .tab-pane, .pill-content > .pill-pane {
 +  display: none;
 +}
 +.tab-content > .active, .pill-content > .active {
 +  display: block;
 +}
 +.tabs-below .nav-tabs {
 +  border-top: 1px solid #ddd;
 +}
 +.tabs-below .nav-tabs > li {
 +  margin-top: -1px;
 +  margin-bottom: 0;
 +}
 +.tabs-below .nav-tabs > li > a {
 +  -webkit-border-radius: 0 0 4px 4px;
 +  -moz-border-radius: 0 0 4px 4px;
 +  border-radius: 0 0 4px 4px;
 +}
 +.tabs-below .nav-tabs > li > a:hover {
 +  border-bottom-color: transparent;
 +  border-top-color: #ddd;
 +}
 +.tabs-below .nav-tabs .active > a, .tabs-below .nav-tabs .active > a:hover {
 +  border-color: transparent #ddd #ddd #ddd;
 +}
 +.tabs-left .nav-tabs > li, .tabs-right .nav-tabs > li {
 +  float: none;
 +}
 +.tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a {
 +  min-width: 74px;
 +  margin-right: 0;
 +  margin-bottom: 3px;
 +}
 +.tabs-left .nav-tabs {
 +  float: left;
 +  margin-right: 19px;
 +  border-right: 1px solid #ddd;
 +}
 +.tabs-left .nav-tabs > li > a {
 +  margin-right: -1px;
 +  -webkit-border-radius: 4px 0 0 4px;
 +  -moz-border-radius: 4px 0 0 4px;
 +  border-radius: 4px 0 0 4px;
 +}
 +.tabs-left .nav-tabs > li > a:hover {
 +  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
 +}
 +.tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover {
 +  border-color: #ddd transparent #ddd #ddd;
 +  *border-right-color: #ffffff;
 +}
 +.tabs-right .nav-tabs {
 +  float: right;
 +  margin-left: 19px;
 +  border-left: 1px solid #ddd;
 +}
 +.tabs-right .nav-tabs > li > a {
 +  margin-left: -1px;
 +  -webkit-border-radius: 0 4px 4px 0;
 +  -moz-border-radius: 0 4px 4px 0;
 +  border-radius: 0 4px 4px 0;
 +}
 +.tabs-right .nav-tabs > li > a:hover {
 +  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
 +}
 +.tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active > a:hover {
 +  border-color: #ddd #ddd #ddd transparent;
 +  *border-left-color: #ffffff;
 +}
 +.navbar {
 +  overflow: visible;
 +  margin-bottom: 18px;
 +}
 +.navbar-inner {
 +  padding-left: 20px;
 +  padding-right: 20px;
 +  background-color: #2c2c2c;
 +  background-image: -moz-linear-gradient(top, #333333, #222222);
 +  background-image: -ms-linear-gradient(top, #333333, #222222);
 +  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
 +  background-image: -webkit-linear-gradient(top, #333333, #222222);
 +  background-image: -o-linear-gradient(top, #333333, #222222);
 +  background-image: linear-gradient(top, #333333, #222222);
 +  background-repeat: repeat-x;
 +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
 +  -webkit-border-radius: 4px;
 +  -moz-border-radius: 4px;
 +  border-radius: 4px;
 +  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 +  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 +  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 +}
 +.btn-navbar {
 +  display: none;
 +  float: right;
 +  padding: 7px 10px;
 +  margin-left: 5px;
 +  margin-right: 5px;
 +  background-color: #2c2c2c;
 +  background-image: -moz-linear-gradient(top, #333333, #222222);
 +  background-image: -ms-linear-gradient(top, #333333, #222222);
 +  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
 +  background-image: -webkit-linear-gradient(top, #333333, #222222);
 +  background-image: -o-linear-gradient(top, #333333, #222222);
 +  background-image: linear-gradient(top, #333333, #222222);
 +  background-repeat: repeat-x;
 +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
 +  border-color: #222222 #222222 #000000;
 +  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 +  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 +  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
 +  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
 +  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
 +}
 +.btn-navbar:hover,
 +.btn-navbar:active,
 +.btn-navbar.active,
 +.btn-navbar.disabled,
 +.btn-navbar[disabled] {
 +  background-color: #222222;
 +}
 +.btn-navbar:active, .btn-navbar.active {
 +  background-color: #080808 \9;
 +}
 +.btn-navbar .icon-bar {
 +  display: block;
 +  width: 18px;
 +  height: 2px;
 +  background-color: #f5f5f5;
 +  -webkit-border-radius: 1px;
 +  -moz-border-radius: 1px;
 +  border-radius: 1px;
 +  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
 +  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
 +  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
 +}
 +.btn-navbar .icon-bar + .icon-bar {
 +  margin-top: 3px;
 +}
 +.nav-collapse.collapse {
 +  height: auto;
 +}
 +.navbar .brand:hover {
 +  text-decoration: none;
 +}
 +.navbar .brand {
 +  float: left;
 +  display: block;
 +  padding: 2px 15px 0px;
 +  margin-left: -20px;
 +  font-size: 20px;
 +  font-weight: 200;
 +  //line-height: 1;
 +  color: #ffffff;
 +}
 +.navbar .navbar-text {
 +  margin-bottom: 0;
 +  line-height: 40px;
 +  color: #999999;
 +}
 +.navbar .navbar-text a:hover {
 +  color: #ffffff;
 +  background-color: transparent;
 +}
 +.navbar .btn, .navbar .btn-group {
 +  margin-top: 5px;
 +}
 +.navbar .btn-group .btn {
 +  margin-top: 0;
 +}
 +.navbar-form {
 +  margin-bottom: 0;
 +  *zoom: 1;
 +}
 +.navbar-form:before, .navbar-form:after {
 +  display: table;
 +  content: "";
 +}
 +.navbar-form:after {
 +  clear: both;
 +}
 +.navbar-form input, .navbar-form select {
 +  display: inline-block;
 +  margin-top: 5px;
 +  margin-bottom: 0;
 +}
 +.navbar-form .radio, .navbar-form .checkbox {
 +  margin-top: 5px;
 +}
 +.navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] {
 +  margin-top: 3px;
 +}
 +.navbar-search {
 +  position: relative;
 +  float: left;
 +  margin-top: 6px;
 +  margin-bottom: 0;
 +}
 +.navbar-search .search-query {
 +  padding: 4px 9px;
 +  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +  font-size: 13px;
 +  font-weight: normal;
 +  line-height: 1;
 +  color: #ffffff;
 +  color: rgba(255, 255, 255, 0.75);
 +  background: #666;
 +  background: rgba(255, 255, 255, 0.3);
 +  border: 1px solid #111;
 +  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
 +  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
 +  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
 +  -webkit-transition: none;
 +  -moz-transition: none;
 +  -ms-transition: none;
 +  -o-transition: none;
 +  transition: none;
 +}
 +.navbar-search .search-query :-moz-placeholder {
 +  color: #eeeeee;
 +}
 +.navbar-search .search-query::-webkit-input-placeholder {
 +  color: #eeeeee;
 +}
 +.navbar-search .search-query:hover {
 +  color: #ffffff;
 +  background-color: #999999;
 +  background-color: rgba(255, 255, 255, 0.5);
 +}
 +.navbar-search .search-query:focus, .navbar-search .search-query.focused {
 +  padding: 5px 10px;
 +  color: #333333;
 +  text-shadow: 0 1px 0 #ffffff;
 +  background-color: #ffffff;
 +  border: 0;
 +  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
 +  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
 +  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
 +  outline: 0;
 +}
 +.navbar-fixed-top {
 +  position: fixed;
 +  top: 0;
 +  right: 0;
 +  left: 0;
 +  z-index: 1030;
 +}
 +.navbar-fixed-top .navbar-inner {
 +  padding-left: 0;
 +  padding-right: 0;
 +  -webkit-border-radius: 0;
 +  -moz-border-radius: 0;
 +  border-radius: 0;
 +}
 +.navbar .nav {
 +  position: relative;
 +  left: 0;
 +  display: block;
 +  float: left;
 +  margin: 0 10px 0 0;
 +}
 +.navbar .nav.pull-right {
 +  float: right;
 +}
 +.navbar .nav > li {
 +  display: block;
 +  float: left;
 +}
 +.navbar .nav > li > a {
 +  float: none;
 +  padding: 10px 10px 11px;
 +  line-height: 19px;
 +  color: #999999;
 +  text-decoration: none;
 +  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 +}
 +.navbar .nav > li > a:hover {
 +  background-color: transparent;
 +  color: #ffffff;
 +  text-decoration: none;
 +}
 +.navbar .nav .active > a, .navbar .nav .active > a:hover {
 +  color: #ffffff;
 +  text-decoration: none;
 +  background-color: #222222;
 +  background-color: rgba(0, 0, 0, 0.5);
 +}
 +.navbar .divider-vertical {
 +  height: 40px;
 +  width: 1px;
 +  margin: 0 9px;
 +  overflow: hidden;
 +  background-color: #222222;
 +  border-right: 1px solid #333333;
 +}
 +.navbar .nav.pull-right {
 +  margin-left: 10px;
 +  margin-right: 0;
 +}
 +.navbar .dropdown-menu {
 +  margin-top: 1px;
 +  -webkit-border-radius: 4px;
 +  -moz-border-radius: 4px;
 +  border-radius: 4px;
 +}
 +.navbar .dropdown-menu:before {
 +  content: '';
 +  display: inline-block;
 +  border-left: 7px solid transparent;
 +  border-right: 7px solid transparent;
 +  border-bottom: 7px solid #ccc;
 +  border-bottom-color: rgba(0, 0, 0, 0.2);
 +  position: absolute;
 +  top: -7px;
 +  left: 9px;
 +}
 +.navbar .dropdown-menu:after {
 +  content: '';
 +  display: inline-block;
 +  border-left: 6px solid transparent;
 +  border-right: 6px solid transparent;
 +  border-bottom: 6px solid #ffffff;
 +  position: absolute;
 +  top: -6px;
 +  left: 10px;
 +}
 +.navbar .nav .dropdown-toggle .caret, .navbar .nav .open.dropdown .caret {
 +  border-top-color: #ffffff;
 +}
 +.navbar .nav .active .caret {
 +  opacity: 1;
 +  filter: alpha(opacity=100);
 +}
 +.navbar .nav .open > .dropdown-toggle, .navbar .nav .active > .dropdown-toggle, .navbar .nav .open.active > .dropdown-toggle {
 +  background-color: transparent;
 +}
 +.navbar .nav .active > .dropdown-toggle:hover {
 +  color: #ffffff;
 +}
 +.navbar .nav.pull-right .dropdown-menu {
 +  left: auto;
 +  right: 0;
 +}
 +.navbar .nav.pull-right .dropdown-menu:before {
 +  left: auto;
 +  right: 12px;
 +}
 +.navbar .nav.pull-right .dropdown-menu:after {
 +  left: auto;
 +  right: 13px;
 +}
 +.breadcrumb {
 +  padding: 7px 14px;
 +  margin: 0 0 18px;
 +  background-color: #fbfbfb;
 +  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
 +  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
 +  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
 +  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
 +  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
 +  background-image: linear-gradient(top, #ffffff, #f5f5f5);
 +  background-repeat: repeat-x;
 +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
 +  border: 1px solid #ddd;
 +  -webkit-border-radius: 3px;
 +  -moz-border-radius: 3px;
 +  border-radius: 3px;
 +  -webkit-box-shadow: inset 0 1px 0 #ffffff;
 +  -moz-box-shadow: inset 0 1px 0 #ffffff;
 +  box-shadow: inset 0 1px 0 #ffffff;
 +}
 +.breadcrumb li {
 +  display: inline;
 +  text-shadow: 0 1px 0 #ffffff;
 +}
 +.breadcrumb .divider {
 +  padding: 0 5px;
 +  color: #999999;
 +}
 +.breadcrumb .active a {
 +  color: #333333;
 +}
 +.pagination {
 +  height: 36px;
 +  margin: 18px 0;
 +}
 +.pagination ul {
 +  display: inline-block;
 +  *display: inline;
 +  /* IE7 inline-block hack */
  
 -/* Content Specific */
 -
 -/*Tables */
 -#top-players, #top-servers, #top-maps {
 -    float: left;
 -    margin-bottom: 10px;
 -    width:100%;
 +  *zoom: 1;
 +  margin-left: 0;
 +  margin-bottom: 0;
 +  -webkit-border-radius: 3px;
 +  -moz-border-radius: 3px;
 +  border-radius: 3px;
 +  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 +  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 +  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 +}
 +.pagination li {
 +  display: inline;
 +}
 +.pagination a {
 +  float: left;
 +  padding: 0 14px;
 +  line-height: 34px;
 +  text-decoration: none;
 +  border: 1px solid #ddd;
 +  border-left-width: 0;
 +}
 +.pagination a:hover, .pagination .active a {
 +  background-color: #f5f5f5;
 +}
 +.pagination .active a {
 +  color: #999999;
 +  cursor: default;
 +}
 +.pagination .disabled a, .pagination .disabled a:hover {
 +  color: #999999;
 +  background-color: transparent;
 +  cursor: default;
 +}
 +.pagination li:first-child a {
 +  border-left-width: 1px;
 +  -webkit-border-radius: 3px 0 0 3px;
 +  -moz-border-radius: 3px 0 0 3px;
 +  border-radius: 3px 0 0 3px;
 +}
 +.pagination li:last-child a {
 +  -webkit-border-radius: 0 3px 3px 0;
 +  -moz-border-radius: 0 3px 3px 0;
 +  border-radius: 0 3px 3px 0;
 +}
 +.pagination-centered {
 +  text-align: center;
 +}
 +.pagination-right {
 +  text-align: right;
 +}
 +.pager {
 +  margin-left: 0;
 +  margin-bottom: 18px;
 +  list-style: none;
 +  text-align: center;
 +  *zoom: 1;
  }
 +.pager:before, .pager:after {
 +  display: table;
 +  content: "";
 +}
 +.pager:after {
 +  clear: both;
 +}
 +.pager li {
 +  display: inline;
 +}
 +.pager a {
 +  display: inline-block;
 +  padding: 5px 14px;
 +  background-color: #fff;
 +  border: 1px solid #ddd;
 +  -webkit-border-radius: 15px;
 +  -moz-border-radius: 15px;
 +  border-radius: 15px;
 +}
 +.pager a:hover {
 +  text-decoration: none;
 +  background-color: #f5f5f5;
 +}
 +.pager .next a {
 +  float: right;
 +}
 +.pager .previous a {
 +  float: left;
 +}
 +.modal-open .dropdown-menu {
 +  z-index: 2050;
 +}
 +.modal-open .dropdown.open {
 +  *z-index: 2050;
 +}
 +.modal-open .popover {
 +  z-index: 2060;
 +}
 +.modal-open .tooltip {
 +  z-index: 2070;
 +}
 +.modal-backdrop {
 +  position: fixed;
 +  top: 0;
 +  right: 0;
 +  bottom: 0;
 +  left: 0;
 +  z-index: 1040;
 +  background-color: #000000;
 +}
 +.modal-backdrop.fade {
 +  opacity: 0;
 +}
 +.modal-backdrop, .modal-backdrop.fade.in {
 +  opacity: 0.8;
 +  filter: alpha(opacity=80);
 +}
 +.modal {
 +  position: fixed;
 +  top: 50%;
 +  left: 50%;
 +  z-index: 1050;
 +  max-height: 500px;
 +  overflow: auto;
 +  width: 560px;
 +  margin: -250px 0 0 -280px;
 +  background-color: #ffffff;
 +  border: 1px solid #999;
 +  border: 1px solid rgba(0, 0, 0, 0.3);
 +  *border: 1px solid #999;
 +  /* IE6-7 */
  
 -#recent-games {
 -    width: 610px;
 +  -webkit-border-radius: 6px;
 +  -moz-border-radius: 6px;
 +  border-radius: 6px;
 +  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
 +  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
 +  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
 +  -webkit-background-clip: padding-box;
 +  -moz-background-clip: padding-box;
 +  background-clip: padding-box;
 +}
 +.modal.fade {
 +  -webkit-transition: opacity .3s linear, top .3s ease-out;
 +  -moz-transition: opacity .3s linear, top .3s ease-out;
 +  -ms-transition: opacity .3s linear, top .3s ease-out;
 +  -o-transition: opacity .3s linear, top .3s ease-out;
 +  transition: opacity .3s linear, top .3s ease-out;
 +  top: -25%;
 +}
 +.modal.fade.in {
 +  top: 50%;
 +}
 +.modal-header {
 +  padding: 9px 15px;
 +  border-bottom: 1px solid #eee;
 +}
 +.modal-header .close {
 +  margin-top: 2px;
 +}
 +.modal-body {
 +  padding: 15px;
 +}
 +.modal-footer {
 +  padding: 14px 15px 15px;
 +  margin-bottom: 0;
 +  background-color: #f5f5f5;
 +  border-top: 1px solid #ddd;
 +  -webkit-border-radius: 0 0 6px 6px;
 +  -moz-border-radius: 0 0 6px 6px;
 +  border-radius: 0 0 6px 6px;
 +  -webkit-box-shadow: inset 0 1px 0 #ffffff;
 +  -moz-box-shadow: inset 0 1px 0 #ffffff;
 +  box-shadow: inset 0 1px 0 #ffffff;
 +  *zoom: 1;
 +}
 +.modal-footer:before, .modal-footer:after {
 +  display: table;
 +  content: "";
 +}
 +.modal-footer:after {
 +  clear: both;
 +}
 +.modal-footer .btn {
 +  float: right;
 +  margin-left: 5px;
 +  margin-bottom: 0;
 +}
 +.tooltip {
 +  position: absolute;
 +  z-index: 1020;
 +  display: block;
 +  visibility: visible;
 +  padding: 5px;
 +  font-size: 11px;
 +  opacity: 0;
 +  filter: alpha(opacity=0);
 +}
 +.tooltip.in {
 +  opacity: 0.8;
 +  filter: alpha(opacity=80);
 +}
 +.tooltip.top {
 +  margin-top: -2px;
 +}
 +.tooltip.right {
 +  margin-left: 2px;
 +}
 +.tooltip.bottom {
 +  margin-top: 2px;
 +}
 +.tooltip.left {
 +  margin-left: -2px;
 +}
 +.tooltip.top .tooltip-arrow {
 +  bottom: 0;
 +  left: 50%;
 +  margin-left: -5px;
 +  border-left: 5px solid transparent;
 +  border-right: 5px solid transparent;
 +  border-top: 5px solid #000000;
 +}
 +.tooltip.left .tooltip-arrow {
 +  top: 50%;
 +  right: 0;
 +  margin-top: -5px;
 +  border-top: 5px solid transparent;
 +  border-bottom: 5px solid transparent;
 +  border-left: 5px solid #000000;
 +}
 +.tooltip.bottom .tooltip-arrow {
 +  top: 0;
 +  left: 50%;
 +  margin-left: -5px;
 +  border-left: 5px solid transparent;
 +  border-right: 5px solid transparent;
 +  border-bottom: 5px solid #000000;
 +}
 +.tooltip.right .tooltip-arrow {
 +  top: 50%;
 +  left: 0;
 +  margin-top: -5px;
 +  border-top: 5px solid transparent;
 +  border-bottom: 5px solid transparent;
 +  border-right: 5px solid #000000;
 +}
 +.tooltip-inner {
 +  max-width: 200px;
 +  padding: 3px 8px;
 +  color: #ffffff;
 +  text-align: center;
 +  text-decoration: none;
 +  background-color: #000000;
 +  -webkit-border-radius: 4px;
 +  -moz-border-radius: 4px;
 +  border-radius: 4px;
 +}
 +.tooltip-arrow {
 +  position: absolute;
 +  width: 0;
 +  height: 0;
 +}
 +.popover {
 +  position: absolute;
 +  top: 0;
 +  left: 0;
 +  z-index: 1010;
 +  display: none;
 +  padding: 5px;
 +}
 +.popover.top {
 +  margin-top: -5px;
 +}
 +.popover.right {
 +  margin-left: 5px;
 +}
 +.popover.bottom {
 +  margin-top: 5px;
 +}
 +.popover.left {
 +  margin-left: -5px;
 +}
 +.popover.top .arrow {
 +  bottom: 0;
 +  left: 50%;
 +  margin-left: -5px;
 +  border-left: 5px solid transparent;
 +  border-right: 5px solid transparent;
 +  border-top: 5px solid #000000;
 +}
 +.popover.right .arrow {
 +  top: 50%;
 +  left: 0;
 +  margin-top: -5px;
 +  border-top: 5px solid transparent;
 +  border-bottom: 5px solid transparent;
 +  border-right: 5px solid #000000;
 +}
 +.popover.bottom .arrow {
 +  top: 0;
 +  left: 50%;
 +  margin-left: -5px;
 +  border-left: 5px solid transparent;
 +  border-right: 5px solid transparent;
 +  border-bottom: 5px solid #000000;
 +}
 +.popover.left .arrow {
 +  top: 50%;
 +  right: 0;
 +  margin-top: -5px;
 +  border-top: 5px solid transparent;
 +  border-bottom: 5px solid transparent;
 +  border-left: 5px solid #000000;
 +}
 +.popover .arrow {
 +  position: absolute;
 +  width: 0;
 +  height: 0;
 +}
 +.popover-inner {
 +  padding: 3px;
 +  width: 280px;
 +  overflow: hidden;
 +  background: #000000;
 +  background: rgba(0, 0, 0, 0.8);
 +  -webkit-border-radius: 6px;
 +  -moz-border-radius: 6px;
 +  border-radius: 6px;
 +  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
 +  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
 +  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
 +}
 +.popover-title {
 +  padding: 9px 15px;
 +  line-height: 1;
 +  background-color: #f5f5f5;
 +  border-bottom: 1px solid #eee;
 +  -webkit-border-radius: 3px 3px 0 0;
 +  -moz-border-radius: 3px 3px 0 0;
 +  border-radius: 3px 3px 0 0;
 +}
 +.popover-content {
 +  padding: 14px;
 +  background-color: #ffffff;
 +  -webkit-border-radius: 0 0 3px 3px;
 +  -moz-border-radius: 0 0 3px 3px;
 +  border-radius: 0 0 3px 3px;
 +  -webkit-background-clip: padding-box;
 +  -moz-background-clip: padding-box;
 +  background-clip: padding-box;
 +}
 +.popover-content p, .popover-content ul, .popover-content ol {
 +  margin-bottom: 0;
 +}
 +.thumbnails {
 +  margin-left: -20px;
 +  list-style: none;
 +  *zoom: 1;
 +}
 +.thumbnails:before, .thumbnails:after {
 +  display: table;
 +  content: "";
 +}
 +.thumbnails:after {
 +  clear: both;
 +}
 +.thumbnails > li {
 +  float: left;
 +  margin: 0 0 18px 20px;
 +}
 +.thumbnail {
 +  display: block;
 +  padding: 4px;
 +  line-height: 1;
 +  border: 1px solid #ddd;
 +  -webkit-border-radius: 4px;
 +  -moz-border-radius: 4px;
 +  border-radius: 4px;
 +  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
 +  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
 +  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
 +}
 +a.thumbnail:hover {
 +  border-color: #0088cc;
 +  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
 +  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
 +  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
 +}
 +.thumbnail > img {
 +  display: block;
 +  max-width: 100%;
 +  margin-left: auto;
 +  margin-right: auto;
 +}
 +.thumbnail .caption {
 +  padding: 9px;
 +}
 +.label {
 +  padding: 1px 3px 2px;
 +  font-size: 9.75px;
 +  font-weight: bold;
 +  color: #ffffff;
 +  text-transform: uppercase;
 +  background-color: #999999;
 +  -webkit-border-radius: 3px;
 +  -moz-border-radius: 3px;
 +  border-radius: 3px;
 +}
 +.label-important {
 +  background-color: #b94a48;
 +}
 +.label-warning {
 +  background-color: #f89406;
 +}
 +.label-success {
 +  background-color: #468847;
 +}
 +.label-info {
 +  background-color: #3a87ad;
 +}
 +@-webkit-keyframes progress-bar-stripes {
 +  from {
 +    background-position: 0 0;
 +  }
 +  to {
 +    background-position: 40px 0;
 +  }
 +}
 +@-moz-keyframes progress-bar-stripes {
 +  from {
 +    background-position: 0 0;
 +  }
 +  to {
 +    background-position: 40px 0;
 +  }
 +}
 +@keyframes progress-bar-stripes {
 +  from {
 +    background-position: 0 0;
 +  }
 +  to {
 +    background-position: 40px 0;
 +  }
 +}
 +.progress {
 +  overflow: hidden;
 +  height: 18px;
 +  margin-bottom: 18px;
 +  background-color: #f7f7f7;
 +  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
 +  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
 +  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
 +  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
 +  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
 +  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
 +  background-repeat: repeat-x;
 +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
 +  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 +  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 +  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 +  -webkit-border-radius: 4px;
 +  -moz-border-radius: 4px;
 +  border-radius: 4px;
 +}
 +.progress .bar {
 +  width: 0%;
 +  height: 18px;
 +  color: #ffffff;
 +  font-size: 12px;
 +  text-align: center;
 +  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 +  background-color: #0e90d2;
 +  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
 +  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
 +  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
 +  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
 +  background-image: -o-linear-gradient(top, #149bdf, #0480be);
 +  background-image: linear-gradient(top, #149bdf, #0480be);
 +  background-repeat: repeat-x;
 +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
 +  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
 +  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
 +  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
 +  -webkit-box-sizing: border-box;
 +  -moz-box-sizing: border-box;
 +  box-sizing: border-box;
 +  -webkit-transition: width 0.6s ease;
 +  -moz-transition: width 0.6s ease;
 +  -ms-transition: width 0.6s ease;
 +  -o-transition: width 0.6s ease;
 +  transition: width 0.6s ease;
 +}
 +.progress-striped .bar {
 +  background-color: #62c462;
 +  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 +  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  -webkit-background-size: 40px 40px;
 +  -moz-background-size: 40px 40px;
 +  -o-background-size: 40px 40px;
 +  background-size: 40px 40px;
 +}
 +.progress.active .bar {
 +  -webkit-animation: progress-bar-stripes 2s linear infinite;
 +  -moz-animation: progress-bar-stripes 2s linear infinite;
 +  animation: progress-bar-stripes 2s linear infinite;
 +}
 +.progress-danger .bar {
 +  background-color: #dd514c;
 +  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
 +  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
 +  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
 +  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
 +  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
 +  background-image: linear-gradient(top, #ee5f5b, #c43c35);
 +  background-repeat: repeat-x;
 +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
 +}
 +.progress-danger.progress-striped .bar {
 +  background-color: #ee5f5b;
 +  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 +  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +}
 +.progress-success .bar {
 +  background-color: #5eb95e;
 +  background-image: -moz-linear-gradient(top, #62c462, #57a957);
 +  background-image: -ms-linear-gradient(top, #62c462, #57a957);
 +  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
 +  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
 +  background-image: -o-linear-gradient(top, #62c462, #57a957);
 +  background-image: linear-gradient(top, #62c462, #57a957);
 +  background-repeat: repeat-x;
 +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
 +}
 +.progress-success.progress-striped .bar {
 +  background-color: #62c462;
 +  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 +  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +}
 +.progress-info .bar {
 +  background-color: #4bb1cf;
 +  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
 +  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
 +  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
 +  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
 +  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
 +  background-image: linear-gradient(top, #5bc0de, #339bb9);
 +  background-repeat: repeat-x;
 +  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
 +}
 +.progress-info.progress-striped .bar {
 +  background-color: #5bc0de;
 +  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 +  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +}
 +.accordion {
 +  margin-bottom: 18px;
 +}
 +.accordion-group {
 +  margin-bottom: 2px;
 +  border: 1px solid #e5e5e5;
 +  -webkit-border-radius: 4px;
 +  -moz-border-radius: 4px;
 +  border-radius: 4px;
 +}
 +.accordion-heading {
 +  border-bottom: 0;
 +}
 +.accordion-heading .accordion-toggle {
 +  display: block;
 +  padding: 8px 15px;
 +}
 +.accordion-inner {
 +  padding: 9px 15px;
 +  border-top: 1px solid #e5e5e5;
 +}
 +.carousel {
 +  position: relative;
 +  margin-bottom: 18px;
 +  line-height: 1;
 +}
 +.carousel-inner {
 +  overflow: hidden;
 +  width: 100%;
 +  position: relative;
 +}
 +.carousel .item {
 +  display: none;
 +  position: relative;
 +  -webkit-transition: 0.6s ease-in-out left;
 +  -moz-transition: 0.6s ease-in-out left;
 +  -ms-transition: 0.6s ease-in-out left;
 +  -o-transition: 0.6s ease-in-out left;
 +  transition: 0.6s ease-in-out left;
 +}
 +.carousel .item > img {
 +  display: block;
 +  line-height: 1;
 +}
 +.carousel .active, .carousel .next, .carousel .prev {
 +  display: block;
 +}
 +.carousel .active {
 +  left: 0;
 +}
 +.carousel .next, .carousel .prev {
 +  position: absolute;
 +  top: 0;
 +  width: 100%;
 +}
 +.carousel .next {
 +  left: 100%;
  }
 -#recent-games_filter {
 -      position: absolute;
 -      top: -38px;
 -      right: 0;
 +.carousel .prev {
 +  left: -100%;
  }
 -#search { margin-bottom:10px; }
 -table { text-shadow:1px 1px 4px #013; }
 -thead {
 -      background-color:#020F1C;
 +.carousel .next.left, .carousel .prev.right {
 +  left: 0;
  }
 -thead.red {
 -      color:#EEAFAB;
 -      background-color:#170403;
 -      text-shadow:1px 1px 4px #722;
 +.carousel .active.left {
 +  left: -100%;
  }
 -tr.odd.red {
 -      background-color:#571612;
 +.carousel .active.right {
 +  left: 100%;
  }
 -tr.even.red {
 -      background-color:#571612;
 +.carousel-control {
 +  position: absolute;
 +  top: 40%;
 +  left: 15px;
 +  width: 40px;
 +  height: 40px;
 +  margin-top: -20px;
 +  font-size: 60px;
 +  font-weight: 100;
 +  line-height: 30px;
 +  color: #ffffff;
 +  text-align: center;
 +  background: #222222;
 +  border: 3px solid #ffffff;
 +  -webkit-border-radius: 23px;
 +  -moz-border-radius: 23px;
 +  border-radius: 23px;
 +  opacity: 0.5;
 +  filter: alpha(opacity=50);
 +}
 +.carousel-control.right {
 +  left: auto;
 +  right: 15px;
 +}
 +.carousel-control:hover {
 +  color: #ffffff;
 +  text-decoration: none;
 +  opacity: 0.9;
 +  filter: alpha(opacity=90);
 +}
 +.carousel-caption {
 +  position: absolute;
 +  left: 0;
 +  right: 0;
 +  bottom: 0;
 +  padding: 10px 15px 5px;
 +  background: #333333;
 +  background: rgba(0, 0, 0, 0.75);
 +}
 +.carousel-caption h4, .carousel-caption p {
 +  color: #ffffff;
 +}
 +.hero-unit {
 +  margin-bottom: 30px;
 +  -webkit-border-radius: 6px;
 +  -moz-border-radius: 6px;
 +  border-radius: 6px;
 +  text-align: center;
 +}
 +.hero-unit h1 {
 +  margin-bottom: 0;
 +  font-size: 60px;
 +  line-height: 1;
 +  letter-spacing: -1px;
 +}
 +.hero-unit p {
 +  font-size: 18px;
 +  font-weight: 200;
 +  line-height: 27px;
 +}
 +.pull-right {
 +  float: right;
 +}
 +.pull-left {
 +  float: left;
 +}
 +.hide {
 +  display: none;
 +}
 +.show {
 +  display: block;
 +}
 +.invisible {
 +  visibility: hidden;
 +}
 +#statline {
 +  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +  font-size: 12px;
 +  position: relative;
 +  top: -25px;
 +}
 +#xonborder {
 +  //border-width: 56px 56px 56px;
 +  -moz-border-image: url(img/web_border.png) 85 85 85 stretch;
 +  -webkit-border-image: url(img/web_border.png) 72 85 85 stretch;
 +  -o-border-image: url(img/web_border.png) 96 96 96 stretch;
 +  background-color: #000000;
 +  border-image: url(img/web_border.png) 96 96 96 stretch;
 +  border-width: 40px;
 +  left: -40px;
 +  position: relative;
 +}
 +#title {
 +    font-size: 16px;
 +    position: relative;
 +    top: -35px;
 +    text-align: center;
  }
 -thead.blue {
 -      color:#ABBBEE;
 -      background-color:#04081A;
 -      text-shadow:1px 1px 4px #227;
 +#navsearch {
 +  float: right;
 +  margin-bottom: 0px;
 +  padding-top: 6px;
  }
 -tr.odd.blue {
 -      background-color:#000F4C;
 +#navsearch input, #navsearch select{
 +  background-color: #606060;
 +  border: 1px solid #202020;
 +  color: #AAA;
 +  margin-bottom: 0px;
  }
 -tr.even.blue {
 -      background-color:#571612;
 +#navsearch select {
 +  width: 80px;
  }
 -/* Containers */
 -#filter {
 -      float:left;
 -      width:200px;
 -#recent-games-list {
 -      float:right;
 -      width:735px;
++header {
++  height:0;
+ }
++header a {
++  position:absolute;
++  top:20px;
++  left:180px;
++  display:block;
++  height:210px;
++  width:0;
++  padding-left:660px;
++  overflow:hidden;
+ }
++header h2 { display:none; }
++
 +/* Game scoreboard */
  .game {
 -      float:left;
 -    background-image: -moz-linear-gradient(center bottom , #062C52, #041B33);
 -      background-image: -webkit-gradient(
 -              linear,
 -              left bottom,
 -              left top,
 -              color-stop(0.51, #062C52),
 -              color-stop(0.51, #041B33)
 -      );
 -    border: 1px solid #A4B7CA;
 -    border-radius: 7px;
 -    -moz-border-radius: 7px;
 -    -webkit-border-radius: 7px;
 -    margin-bottom: 20px;
 -    padding: 10px 7px;
 -      box-shadow: 0 0 3px 1px;
 -      min-width:700px;
 -}
 -.game h3 {
 -      color:#93B1CF;
 -      text-shadow:1px 1px 2px #000;
 -      padding:4px 4px 8px;
 -      margin:0;
 -}
 -.game h3 a {
 -      color:#C5DCF3;
 -}
 -.game h3 a:hover {
 -      color:#fff;
 -}
 -.game th {
 -      font-size:10px;
 -      padding:2px 5px;
 -      min-width:50px;
 -}
 -.game th.nick {
 -      text-align:right;
 -      width:160px;
 -      max-width:260px;
 +  background-image: -moz-linear-gradient(center bottom , #062C52, #041B33);
 +  border: 1px solid #A4B7CA;
 +  border-radius: 7px 7px 7px 7px;
 +  box-shadow: 0 0 3px 1px;
 +  float: left;
 +  margin-bottom: 30px;
 +  min-width: 700px;
 +  padding: 10px 7px;
 +}
 +.game a {
 +    color: #CCC;
 +}
 +.game a:hover {
 +    color: #d95f00;
 +    text-decoration: none;
  }
  .game tr {
 -      font-size:14px;
 +    background-color: #000;
  }
 -.game td:first-child {
 -      text-align:right;
 -      padding-right:8px;
 +.game tr.red {
 +  background-color: #571612;
  }
 -.permalink {
 -      float:right;
 -      font-size:12px;
 +.game tr.blue {
 +  background-color: #000F4C;
  }
 -.permalink a {
 -      color:#6F8194 !important;
 +.game tr:hover {
 +    background-color: #222;
  }
 -.permalink a:hover {
 -      color:#A4B7CA !important;
 -      text-decoration:underline;
 +
 +/* accuracy and weapon graphs */
 +.weapon-nav {
 +  height: 70px;
 +  margin-bottom: 20px;
 +}
 +.weapon-nav ul {
 +  display: block;
 +  list-style: none outside none;
  }
 +.weapon-nav li {
 +  cursor: pointer;
 +  float: left;
 +  margin-right: 10px;
 +}
 +.weapon-nav li:hover {
 +  border-bottom: 2px solid #001021;
 +}
 +.weapon-nav .weapon-active {
 +  border-bottom: 2px solid #436688;
 +}
 +.weapon-nav p {
 +  text-align: center;
 +}
 +
 +.flot table, .flot td {
 +      border: 0;
 +}
 +
index 288fd2e23434d1e62eac364f888edabef584325a,0000000000000000000000000000000000000000..3e10e673d5a468230729a82f8e4a8493313242b5
mode 100755,000000..100755
--- /dev/null
@@@ -1,53 -1,0 +1,59 @@@
-           <a class="brand" href="${request.route_url('main_index')}"><img src="/static/css/img/Xonotic_icon.png" /></a>
 +<%def name="nav(active)">
 +    <div class="navbar navbar-fixed-top">
 +      <div class="navbar-inner">
 +        <div class="container">
 +          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 +            <span class="i-bar"></span>
 +            <span class="i-bar"></span>
 +            <span class="i-bar"></span>
 +          </a>
++          <header>
++            <a class="brand" href="${request.route_url('main_index')}">
++             <img src="/static/css/img/Xonotic_icon.png" />
++             <h1>Xonotic Game Statistics</h1>
++            </a>
++            <h2>Xonotic is a fast-paced open-source GPL first person shooter</h2>
++          </header>
 +          <div class="nav-collapse">
 +            <ul class="nav">
 +              <li 
 +                % if active=="leaderboard":
 +                class="active"
 +                % endif
 +                ><a href="${request.route_url('main_index')}" title="Leaderboard">Leaderboard</a></li>
 +              <li 
 +                % if active=="players":
 +                class="active"
 +                % endif
 +                ><a href="${request.route_url('player_index')}" title="Player Index">Players</a></li>
 +              <li 
 +                % if active=="games":
 +                class="active"
 +                % endif
 +                ><a href="${request.route_url('game_index')}" title="Game Index">Games</a></li>
 +              <li 
 +                % if active=="servers":
 +                class="active"
 +                % endif
 +                ><a href="${request.route_url('server_index')}" title="Server Index">Servers</a></li>
 +              <li 
 +                % if active=="maps":
 +                class="active"
 +                % endif
 +                ><a href="${request.route_url('map_index')}" title="Map Index">Maps</a></li>
 +            </ul>
 +            <form id="navsearch" action="${request.route_url('search')}" method="get">
 +              <input type="hidden" name="fs" />
 +              <input type="search" class="input-small" placeholder="search" name="sval"/>
 +              <select name="stype">
 +                <option>players</option>
 +                <option>servers</option>
 +                <option>maps</option>
 +              </select>
 +            [<a href="${request.route_url('search')}"" title="Advanced search">+</a>]
 +            </form>
 +          </div><!--/.nav-collapse -->
 +        </div>
 +      </div>
 +    </div>
 +</%def>