html, body { height: 100%; }

/* --------------------------------------------------------------------*/
/*    css sticky footer 
/*    http://ryanfait.com/sticky-footer/
/* --------------------------------------------------------------------*/
footer { color: #666; background: #222; padding: 25px 0 18px 0; border-top: 1px solid #000; }
footer a { color: #999; }
footer a:hover { color: #efefef; }
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -140px;
}
.footer, .push { height: 140px; }
.footer { background: #222; }
.wrapper > .container, .wrapper > .container-fluid { padding-top: 65px; }
.center { margin: 0 auto !important; text-align: center; }
/* END sticky footer */

/* social footer */
.social { line-height: 25px; overflow: auto; }
.social a {
    background: url("../img/social.png") no-repeat scroll left top transparent;
    display: block;
    float: right;
    height: 34px;
    line-height: 34px;
    margin-left: 6px;
    overflow: hidden;
    text-decoration: none;
    text-indent: 10000px;
    width: 34px;
}
.social a.lk { background-position: -84px 0; }
.social a.tw { background-position: -42px 0; }
/* END social footer */

.customerbox { height: 270px; }
.customerbox h3 { margin-bottom: 20px; }
#slider .logo { height: 90px; width: 250px; text-align: left; margin-top: 0; margin-bottom: 0; }

/* loading boxes */
.loadingContainer {
    width: 220px; 
    margin: 0 auto !important; 
    text-align: center; 
}
    
.loading {
    background: transparent url(../img/loader-bar.gif) no-repeat scroll left bottom;
    width: 220px;
    height: 16px;
}

.loading-spinner {
    background: transparent url(../img/ajax-loader.gif) no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    display: inline;
    margin-left: 10px;
}
/* END loading boxes */

.queue-message { padding-top: 5px; padding-bottom: 5px; margin: 5px 0; border: 1px solid #666666; background-color: white; width: 100%; }
.queue-message > .queue-message-header { border-bottom: 1px solid black; padding: 5px; }

.sidebar-nav { padding: 9px 0; }

/* code mirror auto height http://codemirror.net/demo/resize.html */
.CodeMirror { height: auto !important; min-height: 250px !important; }
.CodeMirror-scroll { overflow-x: auto; overflow-y: hidden; }

.globalalert { text-align: center; margin-left: auto; margin-right: auto; width: 600px; }
.brand-logo { float: left; padding: 2px 2px 0 0; width: 27px; height: 30px; }

.app-fluid-subnav {
    margin-top: -20px;
    margin-bottom: 10px;
}

.app-fluid-actionbar {
    line-height: 50px;
    
}

input.apiKeyMask {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: none;
    color: #555555;
    float: left;
    outline: medium none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    cursor: default;
    width: 225px;
}

input[disabled].auth-token, input[readonly].auth-token {
    font-family: sans-serif;
    background-color: #FFF;
    border-color: #FFF;
    cursor: pointer;
    box-shadow: none;
}

.tooltip-job { padding: 10px; }
.tooltip-job-info { padding-bottom: 10px; margin-bottom: 2px; }

.span6 > .chart-title { width: 450px; font-weight: bold; font-size: 12px; margin-bottom: 5px; margin: 0 auto !important; text-align: center; }

/* pricing and plan page */
table.pricing { clear: both; margin: 0 auto; width: 100%; }
table.pricing thead th { padding: 6px; font-weight: bold; text-align: center; height: 50px; }
table.pricing td { padding: 12px 4px; }
table.pricing td.center { text-align: center; }
table.pricing td.right { text-align: right; }

.pad3 { margin-left: 20px; }
.price { margin-left: auto; margin-right: auto; width: 100px; }
.price span { display: block; float: left; }
span.symbol { color: #444444; font-weight: normal; padding-right: 3px;}
span.int { font-size: 1.8em; letter-spacing: -1px; margin-top: 2px; }
span.cents { font-size: 0.7em; font-weight: normal; margin-top: -5px; }
/* END pricing and plan page */



/* --------------------------------------------------------------------*/
/* Subnav
/* --------------------------------------------------------------------*/
.subhead {
  padding-bottom: 0;
  margin-bottom: 9px;
}
.subhead h1 {
  font-size: 54px;
}

/* Subnav */
.subnav {
  width: 100%;
  height: 36px;
  background-color: #eeeeee; /* Old browsers */
  background-repeat: repeat-x; /* Repeat the gradient */
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
  background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.subnav .nav {
  margin-bottom: 0;
}
.subnav .nav > li > a {
  margin: 0;
  padding-top:    11px;
  padding-bottom: 11px;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #e5e5e5;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
  padding-left: 13px;
  color: #777;
  background-color: #e9e9e9;
  border-right-color: #ddd;
  border-left: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
     -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
          box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
  border-top-color: #777;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
  border-left: 0;
  padding-left: 12px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}
.subnav .nav > li:last-child > a {
  border-right: 0;
}
.subnav .dropdown-menu {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
@media (min-width: 980px) {
  .subnav-fixed {
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
    border-color: #d5d5d5;
    border-width: 0 0 1px; /* drop the border on the fixed edges */
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
       -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
            box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
  }
  .subnav-fixed .nav {
    width: 938px;
    margin: 0 auto;
    padding: 0 1px;
  }
  .subnav .nav > li:first-child > a,
  .subnav .nav > li:first-child > a:hover {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
}
/* --------------------------------------------------------------------*/
/* END Subnav
/* --------------------------------------------------------------------*/