/* Macros
--------------------------------*/

.zero{        margin:0;padding:0; }
.left{        text-align:left; }
.center{      text-align:center; }
.right{       text-align:right; }
.top{         vertical-align:top; }
.middle{      vertical-align:middle; }
.bottom{      vertical-align:bottom; }
.floatleft{   float:left; }
.floatright{  float:right; }
.underline{   border-bottom:1px solid #999; }
.smaller{     font-size:smaller;}
.larger{      font-size:larger; }
.bold{        font-weight:bold; }
.notbold{     font-weight:normal; }
.lighter{     color:#666; }
.white{       color:#fff; }
.hide{        display:none; }
.clearbox{    margin:0;padding:0; }
.inheritcolor{color:inherit !important; }
.strike{      text-decoration: line-through; }
.inline{      display:inline !important; }
.uppercase{   text-transform: uppercase; }
.nowrap{      white-space: nowrap; }

.super {
    font-size:60%;
    line-height:60%;
    position:relative;
    top:-.6em;
    font-weight:normal;
}

.ellipses {
    font-size:smaller;
    line-height:8px;
}

.rotate90 {
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
             filter: progid:DXImageTransform.Microsoft.Matrix(
                     M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17, sizingMethod='auto expand');
               zoom: 1;
}

table{
  width:100%;
}
table thead tr {
    vertical-align: bottom;
}
table.sticky-header {
    z-index:10;
}
table th,
table td {
  padding:2px 8px;
}
table tr.odd {
    background:#e6e6e6;
}
table tr.even {
    background:#eee;
}

table.highlightable tbody tr:hover td,
tr.highlightrow {
    background: #FFb !important;
}
.highlightcell,
.highlight {
    background:yellow !important;
}

fieldset {
    border:1px solid #999;
}

.narrowcontent {
    width:500px;
    margin:40px auto;
}

.warningnote {
    text-align:center;
    background:#FFC;
    border:1px solid #F5C496;
    padding:4px;
    margin:auto;
}

.drilldown {
    font-weight:bold;
    /*
    border:none;
    width:16px;
    height:16px;
    background: url(img/zoominout.png) no-repeat 0 0;
    */
}

.pagenotfound {
    font-size:24px;
    line-height:1.2em;
    color:#666;
    width:60%;
    margin:auto;
    margin-top:2em;
}

.layout-table {
    margin:0;
}
.layout-table td {
    padding:0;
}

.well {
    min-height: 20px;
    padding: 8px;
    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.dark {
    background-color: rgba(120, 120, 120, .2);
}

.edit-link {
    position:absolute;
    margin:6px;
    right:-12px;
    z-index:10;
}
.gamecell .edit-link {
    right:0;
}

a:link,
.tablesorter th.tablesorter-header {
	color: #2a496f;
}

a:visited {
    color: #7c5194;
}

a.btn,
a.btn:link,
a.btn:visited,
.nav > li > a,
.nav > li > a:link
.nav > li > a:visited {
    color:inherit;
    text-decoration: none;
}
.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, .btn-inverse, .btn-inverse:hover {
    color: white !important;
}

a:active {
}

a:hover,
.tablesorter th.tablesorter-header:hover {
    color: #3F6EA6;
}

a.non-admin {
    background: rgba(201, 30, 30, 0.4) url(img/stripe-light.png) !important;
}
a.non-admin:hover {
    background-color: rgba(201, 30, 30, 0.3) !important;
}
a.non-admin.active {
    background-color:#fff !important;
    background-image:none !important;
}

#page {
	background:url(img/header-blue-bg.png) repeat-x;
	width: 100%;
	height:100%;
	margin:0;
	padding:0;
}

#page-inner,
#header-inner {
	margin-left: auto;
    margin-right: auto;
	width: 960px;
}

#main {
    background:#fff;
    box-shadow: inset 0 7px 7px -8px black, 0 0px 6px 0px #555;
    -webkit-box-shadow: inset 0 7px 7px -8px black, 0 0px 6px 0px #555;
    -moz-box-shadow: inset 0 7px 7px -8px black, 0 0px 6px 0px #555;
    
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.frontpage-lower {
    background: #524540 url('./img/blog-bg.png');
    padding-bottom: 1em;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    box-shadow: 0 0 6px 0px #555;
    -webkit-box-shadow: 0 0 6px 0 #555;
    -moz-box-shadow: 0 0 6px 0 #555;
}

#content {
    width: 100%;    
}
#main, #content {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
body.sidebar-left #content {
    border-left: 1px dashed #BBB;
}

#sidebar-left {
    margin-top:20px;
}
#sidebar-left-inner {
    padding:0 0 0 16px;
}

#content-top {
    padding:0 16px;
}

.frontpage-lower {
    margin-top: 2em;
}

/* Available content width = 960 - 16 - 16 = 928 */
#content-area {
    min-height: 300px;
    padding-top: 1em;
    padding-bottom: 1em;
}

/* Header */
#header {
    width:100%;
    padding:0;
    height: 147px;
    border-bottom:1px solid #ccc;
    position:relative;
    z-index:100;
    background: #101d2d;
}
.header-border {
    height: 148px;
    border-bottom:1px solid #9a9d9f;
}


#header-inner {
	background: url(img/track-swoop.png) no-repeat;
	background-position: 140px 56px;
	position:relative;
}

body {
    background: #e4e0cf;
	margin:0;
	padding:0;
	height: 100%;
}

#logo-title {
    float: left;
	height:100%;
	line-height:147px;
	position:relative;
	top:52px;
}

/* Navigation menu in header */
.navigation-bar {
    position: absolute;
	left: 0;
}
.navigation-bar ul.links {
    background-color: #79899c;    
    background-image: -moz-linear-gradient(top, #889bb0, #79899c);
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #889bb0),color-stop(1, #79899c));
    background-image: -webkit-linear-gradient(#889bb0, #79899c);
    background-image: linear-gradient(top, #889bb0, #79899c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#889bb0', EndColorStr='#79899c');    
        
    box-shadow: inset 0px 0px 5px 3px #92A2B5;
    -webkit-box-shadow: inset 0px 0px 5px 3px #92A2B5;
    -moz-box-shadow: inset 0px 0px 5px 3px #92A2B5;
    
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    
    border-bottom: 1px solid #4d5c6d;
    float:left;
	margin:0;
	padding:0;
}

.navigation-bar ul.links li {
	float:left;
    padding: 0;
	margin: 0;
    border-left:1px solid #8495a8;
    border-right:1px solid #6f7c8b;
    text-align: center;
}

.navigation-bar ul.links li.first {
    border-left: none;
}

.navigation-bar ul.links li.last {
    border-right: none;    
}

.navigation-bar ul.links li a {
    display:block;
    padding: 9px 18px;    
	font-size: 14px;
	color:#fff;
	text-decoration:none;
}

.navigation-bar ul.links li:hover {
    background-color: #8596ab;    
    background-image: -moz-linear-gradient(top, #93a8bf, #8596ab);
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #93a8bf),color-stop(1, #8596ab));
    background-image: -webkit-linear-gradient(#93a8bf, #8596ab);
    background-image: linear-gradient(top, #93a8bf, #8596ab);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#93a8bf', EndColorStr='#8596ab');
}
.navigation-bar ul.links li:active {
    background-color: #6d7b8c;    
    background-image: -moz-linear-gradient(top, #7c8da1, #6d7b8c);
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #7c8da1),color-stop(1, #6d7b8c));
    background-image: -webkit-linear-gradient(#7c8da1, #6d7b8c);
    background-image: linear-gradient(top, #7c8da1, #6d7b8c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7c8da1', EndColorStr='#6d7b8c');    
}
.navigation-bar ul.links li.first:hover {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}
.navigation-bar ul.links li.last:hover {
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
}

/* Submit Button */
.navigation-bar ul.links.submitbtn {
    margin-left:20px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}

.navigation-bar ul.links.submitbtn li {
    line-height: .9em;
}
.navigation-bar ul.links.submitbtn li a {
    font-size:18px;
}
.navigation-bar ul.links.submitbtn li a span {
    font-size:11px;
    font-weight: normal;
}

.navigation-bar ul.links li.last:hover {
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}


#user-bar {
    float:right;
    font-size:12px;
    width:150px;
    text-align:right;
    padding:10px 0;
    color:#fff;
}
#user-bar .admin-link {
    margin-top:1em;
}
#user-bar .sep {
    padding:0 4px;
}
#user-bar a {
    color:#fff;
	text-decoration:none;
}
#user-bar a:hover {
    color:#fff;
    text-decoration:underline;
}

.block-ftsfrontpage {
    margin:0;
}
.block-ftsfrontpage .content {
    overflow:hidden;
}

/* Tagline/Head Title */
.headtitle {
	font-size: 30px;
    line-height:1em;
	color: #a9b8ca;
    position: absolute;
    bottom: 18px;
    left: 160px;
    width:500px;
    margin:0;
    font-weight:normal;
}

.headtitle .tagline-smaller {
    font-size: 20px;
    line-height:1em;
    color: #8897a8;
    position:relative;
    bottom: 0px;
    -webkit-font-smoothing: antialiased;
}

.headtitle a {
    color:inherit;
    text-decoration:none;
}
.headtitle a:hover {
    text-decoration:underline;
}

/* Content Tab Bar */
#content-header {
    background: #E7EBEE;
    
    /* Repeat header cast shadow from #main */
    box-shadow: inset 0 7px 7px -8px black;
    -webkit-box-shadow: inset 0 7px 7px -8px black;
    -moz-box-shadow: inset 0 7px 7px -8px black;
}
.tabs {
    margin:0;
}
.tabs.secondary {
    background:#fff;
}

/* Search */
#search {
	background: #404a57;
	padding: 10px;
	position:absolute;
	bottom:2px;
	right:0;
}

.finder-3 .form-item {
    display:inline;
}
.finder-form .form-item input{
    width:180px;
    font-size:14px;
    padding:4px;
}

/* Search Results */
body.section-search #content-area{
    padding:1em;
    width:600px;
    margin:auto;
}
.view-Search .views-row-last {
    margin-bottom:16px;
}

/* Footer */
#footer {
	padding: 0 0 20px 0;
	height: 100%;
}

/* Clip "followers" from twitter button */
#twitter-hack {
    border-radius: 4px;
    border-right: 1px solid #AAAAAA;
    height: 20px;
    width: 100px;
    overflow: hidden;
    margin-bottom: 6px;
}

#footerList {
	padding: 0;
    list-style: none;
	margin:auto;
	width:775px;
}

#footerList dt {
    font-size: 10pt;
    font-weight:bold;
	border-bottom: 1px solid #6c6c6c;
	margin: 25px 0 2px 0;
	color: #6c6c6c;
}

#footerList dd {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	line-height: 1.5em;
}

#footerList dd .feed-icon span {
    vertical-align:text-bottom;
}

#footerList li {
	width: 175px;
	float: left;
	padding: 0 45px 0 0;
}

#footerList li.last {
    width:100px;
    padding: 0;
	float: left;
}

#footerList a:link {
    text-decoration: none;
	color: #6c6c6c;
}

#footerList a:visited {
    text-decoration: none;
	color: #6c6c6c;
}

#footerList a:hover {
    text-decoration: underline;
}

#footerList a:active {
    text-decoration: none;
	color: #6c6c6c;
}

#license {
    text-align: center;
	font-size: 8pt;
	color: #999;
    margin:0;
}


/* Heading for Group By section */
.views-table caption,
.view-Search h3{
    font-size:180%;
    line-height:180%;
    font-weight:bold;
    color:#999;
    margin:0
}

/* Team Filter/Search */
.finder-2 {
    text-align:center;
    margin-top:1em;
}
.finder-2 #edit-4-wrapper {
    display:inline;
}
.finder-2 #edit-4-wrapper input{
    font-size:14px;
    padding:4px;
    width:400px;
}
.finder-2 #edit-submit {
    width:110px;
}

/* Fix: Submit button jumps around on AHAH submit */
.finder-form .progress-disabled {
    float:none;
}
.finder-form .ahah-progress-throbber .throbber {
    display:none;
}

/* Team Faceted Search */
#content-top .block-faceted_search_ui {
    padding: 20px;
}

#edit-keywords-wrapper {
    display: inline;
}
#edit-keywords-wrapper input {
    padding:4px;
    width:45%;
}

.faceted-search-stage-results {
    clear:both;
}
.faceted-search-stage-results h2 {
    display: none;
}
.faceted-search-numbering {
    margin-bottom:12px;
}

.faceted-search-count {
    font-size:smaller;
}

#block-ftsdb-1_currentfts {
    overflow: hidden;
    line-height: 30px;
    margin: 20px 0 0;
}
.currentsearch-title {
    float:left;
    font-size:16px;
    font-weight: bold;
    color:#999;
    margin-right:12px;
}
.faceted-search-current,
.teamtype-tag {
    float:left;
    padding: 0 8px 4px 6px;
    margin: 2px 8px 2px 2px;
    
    font-size: 13px;
    line-height: 15px;
    color: white;
    vertical-align: middle;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #222;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.clear-search {
    float:left;
}

.close {
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #fff !important;
    text-shadow: 0 -1px 0 #000;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    cursor: pointer;    
}

.close:hover {
    color: #fff !important;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.block-faceted_search_ui h2,
#block-ftsdb-1_guidedfts h2 {
    margin-bottom: 16px;
    color: #999;
}
#block-ftsdb-1_guidedfts .content>p {
    display: none;
}
#block-ftsdb-1_guidedfts ul {
    padding: 0 0 0 10px;
}
.faceted-search-facet .item-list li {
    white-space: nowrap;
}

.view-teambrowse .views-table th,
.view-teambrowse .views-table td {
    white-space: nowrap;
}
.view-teambrowse td.views-field-name {
    border-right: 1px solid #ccc;
}
.view-teambrowse td.views-field-field-team-location-value {
    font-size:13px;
}
th.views-field-title {
    width:100%;
}

.views-field-field-team-logo-fid img {
    vertical-align: middle;
    width:20px;
    height:20px;
}
.views-field-field-team-logo-fid .missing-logo-icon {
    margin-left:20px;
    display:inline;
}

/* Indented child teams */
.views-field-field-team-location-value .indent.lighter,
.indent-teamtype-12,
.indent-teamtype-13,
.indent-teamtype-14 {
    margin-left:20px;
}

.teamtype-tag {
    padding:1px 6px;
}
.teamtype-tag.short {
    font-family: Courier, monospace;
    letter-spacing:1px;
}
/* Travel Team */
.teamtype-11 {
    background: #B94A48;   
}
/* B Team */
.teamtype-12 {
    background: #F89406; 
}
/* Home Team */
.teamtype-13 {
    background: #3A87AD;
}
/* Exhibition Team */
.teamtype-14 {
    background: #999;
}

.faceted-search-guided .teamtype-tag {
    float: none;
    display: inline;
}

/*
 * Up/Down, Positive/Negative
 */
.up {
    color:#009900;
}
.down {
    color:#990000;
}
.neutral {
    color:inherit;
}
.bg.up {
    background: rgba(0, 153, 0, 0.4);
}
.bg.down {
    background: rgba(153, 0, 0, 0.4);
}
.bg.neutral {
    background: #bbb;
}
.up .arrow, .down .arrow, .new .arrow {
    display:block;
    width:12px;
    height:12px;
    background: url(../../themes/ftszen/img/updown.png) no-repeat 0 0;    
}
.up .arrow {
    background-position: 0 0;
}
.down .arrow {
    background-position: -12px 0;
}
.new .arrow {
    background-position: -24px 0;
}

/*
 * Assigned by GetWinLossClass in ftscommon
 */
.win {
    font-weight: bold;
}
.loss {
}
.tie {
}

/* Stats display */
.stats {
    line-height:24px;
}
.stats .title {
    font-size: 1em;
    color:#888;
    font-weight:normal;
}
.stats .title.large {
    font-weight:bold;
    font-size:1.3em;
    margin-top:1em;
}
.stats .title.small {
    font-size:11px;
    line-height:11px;
}
.stats .title.bold {
    font-weight:bold;
    color:#bbbbbb;
}
.stats .title.multiline {
    line-height:1.2em;
}

.caption-row {
    padding-bottom:6px
}
.stats .caption {
    font-size:11px;
    line-height:1.2em;
    text-transform: uppercase;
}

.stats .title a {
    color:inherit;
}
.stats .title a:hover {
    color:#0000cc;
}
.stats .value {
    font-weight:bold;
}
.stats .value.large{
    font-size:1.3em;
    font-weight:bold;
}

.left_sep {
    border-left:1px solid #ccc;   
}

/*
Game Slug
*/
.gameslug {
    font-size:12px;
    white-space:nowrap;
}
.gameslug img {
    margin-left:8px;
    background: rgba(255,255,255,.8);
    padding: 2px 0px 3px 3px;
    vertical-align: text-bottom;
    box-shadow: 1px 1px 0px #bbb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.gameslug img:hover {
    background: rgba(255,255,255,1);    
    box-shadow: 1px 1px 0px #ccc;
}
.gameslug .at {
    font-family: sans-serif;
    font-size:14px;
    color:#999;
}
/* Two-line mode */
.gameslug table {
    width:auto;
}
.gameslug table td {
    line-height: 1.6em;
    padding:0 4px;
}

/*
Admin HUD
*/
.adminhud {
    position: fixed;
    min-width:130px;
    right:-124px;
    top:175px;
    background: url(img/stripe-light.png) 5% 0% repeat rgba(201, 30, 30, 0.4);
    border: 1px solid #888;
    border-width: 1px 0 1px 1px;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    box-shadow: 4px 2px 12px 0 rgba(131, 37, 37, 0.4);
    z-index:100;
    
    padding-left:20px;
    
    transition: all .1s;
    -webkit-transition: all .1s;
}
.adminhud:hover {
    right:0px;
    padding-left:0;
}
.admin-icon {
    padding:2px;
    background:rgba(201, 30, 30, 0.3);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.admin-icon a {
    padding: 1px;
    height:16px;
    width:16px;
}
.adminhud a {
    display:block;
    white-space: nowrap;
    padding:4px;
    margin:8px;
}

/*
Input Hint
*/
.inputhint {
    color:#999;
}

/*
Forms
*/
input[type='text'],
input[type='email'],
input[type='password'],
select,
textarea {
    margin:0;
    font-size:14px;
    line-height:20px;
}

/*
Confirmation Forms
*/
form.confirmation {
    width:500px;
    margin: 2em auto;
    border: 2px solid #fc0;
    background: #ffc;
    padding:1em;
}
form.confirmation .container-inline {
    margin-top:2em;
    text-align:center;
}

/*
Form Buttons
*/
.lightbutton,
input[type='submit'],
input[type='button'] {
    font-size:14px;
    line-height:20px;
    padding:5px;
    margin:2px;
    position:relative;
    text-align:center;
    color: #444;

    background-color: #eee;
    background-image: -moz-linear-gradient(top, #eee, #ddd); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #eee),color-stop(1, #ddd)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#eee, #ddd); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #eee, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eee', EndColorStr='#ddd'); /* IE6–IE9 */

    -webkit-box-shadow: inset 0px 0px 1px 1px #F1F6F6;
    -moz-box-shadow: inset 0px 0px 1px 1px #F1F6F6;
    box-shadow: inset 0px 0px 1px 1px #F1F6F6;

    border: 1px solid #aaa;
    -moz-border-radius: 3px; /* FF1+ */
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    
    text-shadow: 0px 1px 0px #fff;
    
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}
.lightbutton:hover,
input[type='submit']:hover,
input[type='button']:hover {
    cursor:pointer;
    color: #222;
        
    background-color: #ddd;
    background-image: -moz-linear-gradient(top, #ddd, #ccc); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #ddd),color-stop(1, #ccc)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#ddd, #ccc); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #ddd, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ddd', EndColorStr='#ccc'); /* IE6–IE9 */
    
    -webkit-box-shadow: inset 0px 0px 1px 1px #EAEAEA;
    -moz-box-shadow: inset 0px 0px 1px 1px #EAEAEA;
    box-shadow: inset 0px 0px 1px 1px #EAEAEA;
}
.lightbutton:active,
.lightbutton.pressed,
input[type='submit']:active,
input[type='button']:active {
    color: #000;
        
    background-color: #ccc;
    background-image: -moz-linear-gradient(top, #ccc, #bbb); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #ccc),color-stop(1, #bbb)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#ccc, #bbb); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #ccc, #bbb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ccc', EndColorStr='#bbb'); /* IE6–IE9 */

    -webkit-box-shadow: inset 0px 0px 3px 3px #bbb;
    -moz-box-shadow: inset 0px 0px 3px 3px #bbb;
    box-shadow: inset 0px 0px 3px 3px #bbb;
}

.lightbutton.big {
    font-size:18px;
    line-height:inherit;
    padding:10px;
    font-weight:bold;
}

/* If styling an <a> we need to modify it further */
.lightbutton.link {
    display:block;
    color: #444;
    text-decoration:none;
}

/* Webform */
form.webform-client-form .description p {
    margin:0;
    color:#777;
}


/*
Vitals Header
(Team Page and Tournament Page)
*/
.vitals {
    background:#d4dbe1;
    border-top: 1px solid #B7C2CD;
    border-bottom: 1px solid #B7C2CD;
    margin: 10px 0px 20px;
    padding:20px;
    margin-left:-16px;
    margin-right:-16px;
}
.vitals table {
    margin:0;
}
.vitals table tr {
    vertical-align: top;
}
.vitals .tdlogo {
    width:215px;
    padding-top:50px;
}
.vitals .tdgames {
    width:300px;
}
.vitals .title {
    font-weight: normal;
    font-size: 1.2em;
    margin-top: 8px;
    font-variant: small-caps;
    text-transform: lowercase;
}

.vitals .logo {
    width:200px;
}
.vitals .logo img{
    display:block;
    margin:auto;
}
.vitals .logo-wrapper.faded img {
    -moz-opacity:.3;
    filter:alpha(opacity=30);
    opacity:.3;
}
.vitals .website {
    line-height: 2em;
    white-space: nowrap;
}
.external {
    width:12px;
    height:12px;
    background: url(img/external.png) 0 0 no-repeat;
    margin:0 5px 0 0;
    
    /* IE 7 inline-block */
    zoom: 1;
    *display: inline;    
}

.vitals ul {
    list-style-type: none;
    padding:0;
    margin:0;
}

/*
Team Page
*/
.vitals .leaguename {
    font-size:40px;
    line-height:36px;
    font-weight:bold;
    color: #666;
    text-shadow: 0px 1px 0px #fff;
    margin-bottom:8px;
}
.vitals .teamname {
    font-size:20px;
}
.vitals .teamname .teamtype-tag {
    line-height: 18px;
}
.vitals .value.large {
    margin-top: 1em;
}

.vitals .relatedteams .disbanded {
    color:#999;
    text-decoration: line-through;
}

.vitals table.affiliation-history {
    margin:0;
}
.vitals table.affiliation-history tr {
    vertical-align: top;
}
.vitals table.affiliation-history td {
    padding:0;
}
.vitals table.affiliation-history .strike {
    text-decoration: line-through;
    color:#ff0099;
}
.vitals table.affiliation-history .strike-text {
    text-decoration: none;
    color:#000;
}
.vitals table.affiliation-history .estimated {
    color:red;
}
.vitals table.affiliation-history .estimated-info {
    font-variant: small-caps;
    color:#777;
}

.view-teams span {
    white-space:nowrap;
}
.view-teams .views-field-field-team-location-value {
    font-size:85%;
    font-style:italic;
}

/*
Teams Tables
*/
.view-teams table {
    border-collapse:separate;
    border-spacing:8px;
    font-size:90%;
}

/*
Team badge
*/
.view-teams .views-view-grid td.notempty {
    width:25%;
    padding:4px;
    background:#D4DBE1;
    border:1px solid #a8b7c4;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    -webkit-box-shadow: 0px 4px 3px -2px #ddd;
    -moz-box-shadow: 0px 4px 3px -2px #ddd;
    box-shadow: 0px 4px 3px -2px #ddd;
}
.view-teams .views-field-field-team-logo-fid {
    float:left;
    margin-right:8px;
    width:50px;
    height:50px;
}
.view-teams .views-field-field-team-joindate-value {
    font-size:85%;
    font-weight:bold;
}

/*
Tournament Page
*/
.vitals .mainpane {
    position: relative;
    min-height:120px;
    overflow: hidden;
}
.vitals .tournname {
    font-size:40px;
    line-height:36px;
    font-weight:bold;
    color: #666;
    text-shadow: 0px 1px 0px #fff;
    margin-bottom:6px;
}
.vitals .location {
    font-size:20px;
    font-weight:bold;
}
.vitals .hosts ul {
    margin: 0;
    padding: 0;
}
.vitals .hosts ul li {
    list-style-type: none;
    line-height: 1.3em;
    margin-left:16px;
}


.bracketimage {
    padding:6px;
}
.bracketimage img {
    border:2px solid #999;
    -webkit-box-shadow: 2px 3px 7px -3px rgba(0,0,0,.5);
    -moz-box-shadow: 2px 3px 7px -3px rgba(0,0,0,.5);                
    box-shadow: 2px 3px 7px -3px rgba(0,0,0,.5);
}
.bracketimage:hover img {
    border:2px solid #bbb;
    -webkit-box-shadow: 2px 3px 7px -3px rgba(0,0,0,.3);
    -moz-box-shadow: 2px 3px 7px -3px rgba(0,0,0,.3);                
    box-shadow: 2px 3px 7px -3px rgba(0,0,0,.3);
}

.bracketprediction-button:link,
.bracketprediction-button:visited {
    display: block;
    position: relative;
    float: left;
    color:#444;
    text-decoration: none;
    padding: 8px 12px 8px 90px;
    margin: 8px;
    background: url(/sites/all/modules/ftsranks/tools/bracketpredict/champ_on.png) no-repeat #fff;
    height: 65px;
    line-height: 1.1em;
    font-size: 18px;
    font-weight: bold;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.5), 0px 1px 2px rgba(0,0,0,.9), inset 0 -4px 14px 4px rgba(0,0,0,.15), inset 0 -3px 2px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.5), 0px 1px 2px rgba(0,0,0,.9), inset 0 -4px 14px 4px rgba(0,0,0,.15), inset 0 -3px 2px rgba(0,0,0,.4);    
    box-shadow: 0px 3px 10px rgba(0,0,0,0.5), 0px 1px 2px rgba(0,0,0,.9), inset 0 -4px 14px 4px rgba(0,0,0,.15), inset 0 -3px 2px rgba(0,0,0,.4);
}
.bracketprediction-button:hover {
    color:#666;
    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.5), 0px 1px 2px rgba(0,0,0,.9), inset 0 -4px 14px 4px rgba(0,0,0,.1), inset 0 -3px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.5), 0px 1px 2px rgba(0,0,0,.9), inset 0 -4px 14px 4px rgba(0,0,0,.1), inset 0 -3px 2px rgba(0,0,0,.3);        
    box-shadow: 0px 3px 10px rgba(0,0,0,0.5), 0px 1px 2px rgba(0,0,0,.9), inset 0 -4px 14px 4px rgba(0,0,0,.1), inset 0 -3px 2px rgba(0,0,0,.3);
}
.bracketprediction-button:active {
    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.7), 0px 1px 4px rgba(0,0,0,.9), inset 0 -4px 14px 4px rgba(0,0,0,.1), inset 0 -2px 2px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.7), 0px 1px 4px rgba(0,0,0,.9), inset 0 -4px 14px 4px rgba(0,0,0,.1), inset 0 -2px 2px rgba(0,0,0,.4);            
    box-shadow: 0px 3px 10px rgba(0,0,0,0.7), 0px 1px 4px rgba(0,0,0,.9), inset 0 -4px 14px 4px rgba(0,0,0,.1), inset 0 -2px 2px rgba(0,0,0,.4);
    top:2px;
}

/*
All View Tables
*/
.views-table td,
.views-table th {
    border-left:1px solid #ccc;
    padding:4px 6px;
}

th.views-field a:link{
    color: #000000;
}

/*
Game Tables
*/
.view-games thead tr {
    vertical-align:bottom;
    border-bottom:1px solid #999;
}
.view-games td {
    white-space:nowrap;
    height:20px;
}
.view-games td.active {
    background-color: inherit;
}

/* No top pager for game tables on team pages */
body.section-teams .top-pager {
    display:none;
}

/* date */
.view-games th.views-field-field-game-date-value,
.view-games td.views-field-field-game-date-value {
    border-right:2px solid #999;
    width:90px;
}
.view-games .views-field-field-game-date-value .time {
    font-size:smaller;
    float:right;
    color:#000;
}

.view-games tr.redundant-date td.views-field-field-game-date-value {
    color:#999;
}

/* sanctioned by */
.view-games th.views-field-nid-2,
.view-games td.views-field-nid-2 {
    border-right:2px solid #999;
    width:40px;
}

/* home team */
.view-games th.views-field-title{
    width:177px;
}

/* home score */
.view-games th.views-field-field-game-home-score-value,
.view-games td.views-field-field-game-home-score-value {
    border-right:2px solid #999;
    width:55px;
}

/* visitor team */
.view-games th.views-field-title-1 {
    width:177px;
}

/* visitor score */
.view-games th.views-field-field-game-visitor-score-value,
.view-games td.views-field-field-game-visitor-score-value {
    border-right:2px solid #999;
    width:55px;
}

/* tournament */
.view-games th.views-field-title-2 {
    width:170px;
}

/* score diff */
.view-games th.views-field-nid-1 {
    width:55px;
}
.view-games td.views-field-nid-1 {
    color:#777;
    font-size:smaller;
}

/* Stats: link to game page */
.view-games th.views-field-view-node,
.view-games td.views-field-view-node {
    text-align:center;    
    border-left:2px solid #999;
    width:44px;
}

.gamelink.no-stats {
    color: #8A97A8;
}

.gamelink-button,
.view-games td.views-field-view-node {
    position:relative;
    padding:0;
    cursor:pointer;
    
    background-color: #eee;
    background-image: -moz-linear-gradient(top, #eee, #ddd); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #eee),color-stop(1, #ddd)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#eee, #ddd); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #eee, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eee', EndColorStr='#ddd'); /* IE6–IE9 */

    -webkit-box-shadow: inset 0px 1px 1px 1px #fff;
    -moz-box-shadow: inset 0px 1px 1px 1px #fff;
    box-shadow: inset 0px 1px 1px 1px #fff;

    border-right: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
            
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}
.gamelink-button,
.view-games td.views-field-view-node a.gamelink {
    display:block;
    height:28px;
    line-height:28px;
}
.gamelink-button:hover,
.view-games td.views-field-view-node a.gamelink:hover {
    color: #222;
        
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #fff, #f9f9f9);
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #fff),color-stop(1, #f9f9f9));
    background-image: -webkit-linear-gradient(#fff, #f9f9f9);
    background-image: linear-gradient(top, #fff, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#f9f9f9');
    
    -webkit-box-shadow: inset 0px 0px 1px 1px #fff;
    -moz-box-shadow: inset 0px 0px 1px 1px #fff;
    box-shadow: inset 0px 0px 1px 1px #fff;
}
.gamelink-button:active,
.view-games td.views-field-view-node a.gamelink:active {
    color: #000;
        
    background-color: #ddd;
    background-image: -moz-linear-gradient(top, #ddd, #ccc);
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #ddd),color-stop(1, #ccc));
    background-image: -webkit-linear-gradient(#ddd, #ccc);
    background-image: linear-gradient(top, #ddd, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ddd', EndColorStr='#ccc');

    -webkit-box-shadow: inset 0px 0px 3px 3px #ccc;
    -moz-box-shadow: inset 0px 0px 3px 3px #ccc;
    box-shadow: inset 0px 0px 3px 3px #ccc;
}

.gamelink-button {
    width:60px;
    font-size:14px;
    border:1px solid #ccc;
}

/* Edit icon */
.view-teambrowse td.views-field-name {
    position:relative;
}
.view a.edit-icon {
    display:none;
    position:absolute;
    top:0;
    right: -27px;
    background: rgba(255, 255, 255, 0.8);
    padding: 0px 6px;
    border-radius: 0 6px 6px 0;
    border: 1px solid #CCC;
    border-left: none;
    z-index:100;
    height:26px;
    line-height:26px;
}
.view tr:hover a.edit-icon {
    display:block;
}
.view a.edit-icon:hover {
    background: #fff;
}

/* Game Type */
.view-games tr.official {
    background: #fde8d1;
}
.view-games tr.official.odd {
    background: #fce1c2;
}
.view-games tr.official:hover {
    background: #fceede;
}

.view-games tr.otherruleset {
    background: #ebe8e5;
}
.view-games tr.otherruleset.odd {
    background: #e4e0dc;
}
.view-games tr.otherruleset:hover {
    background: #eeebe9;
}

.view-games tr.upcoming {
    background:#D9E2F2;
}
.view-games tr.upcoming.odd {
    background:#ced9ee;
}
.view-games tr.upcoming a:visited {
    color:#2a496f;
}
.view-games tr.upcoming:hover {
    background: #e6eaf2;
}

/* Games page tab icons */
body.section-games:not(.node-type-game) ul.tabs.primary li:nth-child(3) a {
    padding-left:10px;
}
body.section-games:not(.node-type-game) ul.tabs.primary li:nth-child(3) span {
    padding-left:20px;
    background: url(img/stats.png) 0 50% no-repeat;
}

body.section-games:not(.node-type-game) ul.tabs.primary li:nth-child(4) a {
    padding-left:10px;
}
body.section-games:not(.node-type-game) ul.tabs.primary li:nth-child(4) span {
    padding-left:20px;
    background: url(img/orgbadge/wftda.png) 0 50% no-repeat;
}

body.section-games:not(.node-type-game) ul.tabs.primary li:nth-child(5) a {
    padding-left:10px;
}
body.section-games:not(.node-type-game) ul.tabs.primary li:nth-child(5) span {
    padding-left:20px;
    background: url(img/orgbadge/mrda.png) 0 50% no-repeat;
}

body.section-games:not(.node-type-game) ul.tabs.primary li:nth-child(6) a {
    padding-left:10px;
}
body.section-games:not(.node-type-game) ul.tabs.primary li:nth-child(6) span {
    padding-left:20px;
    background: url(img/orgbadge/ukrda.png) 0 50% no-repeat;
}


/*
Tournament Table
*/

/* title */
.view-tournaments th.views-field-title,  
.view-tournaments td.views-field-title{
  width:300px;
}

/* date */
.view-tournaments th.views-field-field-tournament-dates-value,  
.view-tournaments td.views-field-field-tournament-dates-value{
  width:150px;
}

/* omitting location for auto-width */

/* class */
.view-tournaments th.views-field-name,  
.view-tournaments td.views-field-name{
  width:170px;
}


/* TinyMCE Editor */
body.mceContentBody {
    background: #fff !important;
}

/* Pages (static documents) */
body.node-type-page #content-area {
    width:500px;
    margin:20px auto;
}
/* People Page */
body.node-type-page.page-about-people #content-area {
    width:850px;
    overflow:hidden;
}
body.node-type-page.page-about-people .person {
    float:left;
    width:220px;
    height:165px;
    padding:16px;
    margin:1em;
    background:#D4DBE1;
    border:1px solid #a8b7c4;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    -webkit-box-shadow: 0px 4px 3px -2px #ddd;
    -moz-box-shadow: 0px 4px 3px -2px #ddd;
    box-shadow: 0px 4px 3px -2px #ddd;
}
body.node-type-page.page-about-people .person p {
    margin:0;
}

/* Blog page */
body.page-blog #content-inner,
body.node-type-blog #content-inner,
body.section-comment #content-inner {
    width:500px;
    margin:40px auto;
}

/* listing of blog posts */
div.node-type-blog {
    margin-bottom:1em;
}

.node-type-blog .title {
    font-size:18px;
    font-weight:bold;
    line-height:1.2em;
    height: 2.4em;
    display: table-cell;
    vertical-align: bottom;
}
.node-type-blog .read-more {
    float:right;
}

body.node-type-blog .node-type-blog .submitted {
    font-size:16px;
    text-align:right;
}
/* blog styles (available in tinymce) */
.blog-heading {
    font-size:16px;
    font-weight:bold;
    color:#666;
}

/* Comments */
#comments,
body.section-comment #content-inner {
    padding:4px 20px 16px !important;
    background:#d4dbe1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#comments-title {
    text-shadow: 0px 1px 0px #fff;
    color:#666;
}
.comment_forbidden {
    white-space:nowrap;
    color:#666;
}
#edit-comment {
    height: 5em;
}

.comment {
    background:#fff;
    padding:16px;
    margin:16px 0;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    -webkit-box-shadow: 0px 4px 3px -2px #999;
    -moz-box-shadow: 0px 4px 3px -2px #999;
    box-shadow: 0px 4px 3px -2px #999;
}
.comment .submitted {
    color:#999;
}
.comment .submitted .user {
    font-size:larger;
    font-weight:bold;
    color:#666;
}

/* Generic Edit Form */
.node-form {
    width:500px;
    margin:auto;
}

/* Rank Badge */
.rankbadge img {
    vertical-align:middle;
}
.rankbadge .rating {
    font-size:smaller;
}
.rankbadge .up,
.rankbadge .down,
.rankbadge .neutral {
    font-size:10px;
    vertical-align: super;
}

/* More/Less Norgie */
.more {
    float:left;
    font-size:12px;
    width:50px;
    cursor:pointer;
    color:#2A496F;
    text-decoration:underline;
}
.more-norgie {
    float:left;
    width:11px;
    height:11px;
    margin:2px 2px 0 0;
    background: url(img/norgie.png) 0 0 no-repeat;
}
.more-norgie.open {
    background-position: 0 -11px;
}
.more .more-text {
    float:left;
}

/* Help Tooltips */
.help-button {
    background:#f8eec6;
    border:1px solid #ccc;
}
.help-button:hover {
    background:#f8f3dd;
}
.help-content {
    background:#f8eec6;
    border: 1px solid #bbb;
    box-shadow: 0px 3px 9px -2px #999;
    -webkit-box-shadow: 0px 3px 9px -2px #999;
    -moz-box-shadow: 0px 3px 9px -2px #999;
}

/* Tablesorter */
table.tablesorter thead th.sorted {
    background: #FFB;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
}
table.tablesorter thead th.sorted.asjammer {
    background: #FFCE99;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);    
}
table.tablesorter thead th.sorted.asblocker {
    background: #99B9FF;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);    
}
table.tablesorter thead th.tablesorter-header {
    cursor: pointer;
}
table.tablesorter thead th.tablesorter-header:hover {    
    -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
    -ms-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
    -o-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
}
table.tablesorter thead th.tablesorter-header:active {
    -moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.3);
    -ms-box-shadow:inset 0 1px 6px rgba(0,0,0,0.3);
    -o-box-shadow:inset 0 1px 6px rgba(0,0,0,0.3);
    -webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.3);
    box-shadow:inset 0 1px 6px rgba(0,0,0,0.3);
}
table.tablesorter tbody tr:hover {
    background: #f9f9f9;
}

tr.tablesorter-stickyHeader {
    background:#fff;
}

/* qTip Tooltips */
.qtip {
    font-size: 12px;
    line-height: 1.2em;
}

.tooltip,
.tooltip-icon-only {
    display: inline-block;
    width:14px;
    height:14px;
    background: url(img/tooltip.png) 0 0 no-repeat;
    margin:0 5px;
    
    
    /* IE 7 inline-block */
    zoom: 1;
    *display: inline;
}
.tooltip .content {
    display:none;
}
.tooltip:hover {
    background-position: -14px 0;
}
.qtip ul {
    margin:0;
}


/* Team Autocomplete */
#autocomplete li {
    padding: 4px 4px;
}
#autocomplete span {
    white-space: nowrap;
}
#autocomplete .teamtype-tag {
    float:right;
    margin:3px 0 0 0;
    position:relative;
    z-index:10;
}
#autocomplete .teamname {
    max-width:95%;
    overflow:hidden;
    white-space:nowrap;
}
#autocomplete .location {
    font-size:smaller;
}
#autocomplete img,
#autocomplete .teamname span {
    vertical-align: middle;
}
#autocomplete img {
    width:20px;
    height:20px;
    margin-right:3px;
}
#autocomplete .missing-logo-icon {
    margin-left:23px;
    display:inline;
}


/* Org Badge */
.orgbadge {
    float:left;
    margin-right:4px;
    height:20px;
    width:13px;
}
.orgbadge.wftda {
    background: url(img/orgbadge/wftda.png) no-repeat 0 0;
}
.orgbadge.wftda-apprentice {
    background: url(img/orgbadge/wftda-apprentice.png) no-repeat 0 0;
}
.orgbadge.mrda {
    background: url(img/orgbadge/mrda.png) no-repeat 0 0;
}
.orgbadge.ukrda {
    background: url(img/orgbadge/ukrda.png) no-repeat 0 0;
}
.orgbadge.errd-eu {
    background: url(img/orgbadge/errd-eu.png) no-repeat 0 0;
}
.orgbadge.jrda {
    background: url(img/orgbadge/jrda.png) no-repeat 0 0;
}

/* Pager */
.pager-container {
    text-align: center;
}

ul.pager {
    height: 36px;
    margin: 18px 0;
    text-align:center;
    padding:0;

    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
}

.item-list .pager li {
    display: inline;
    padding:0;
}

.pager a {
    float: left;
    padding: 0 11px;
    line-height: 34px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0;
    
    -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);
}

.pager li.pager-ellipsis,
.pager li.pager-current {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    border-right: 1px solid #ddd;    
}

.pager a:hover,
.pager .active a {
    background-color: #f5f5f5;
}

.pager .active a {
    color: #999999;
    cursor: default;
}

.pager .disabled span,
.pager .disabled a,
.pager .disabled a:hover {
    color: #999999;
    background-color: transparent;
    cursor: default;
}

.pager 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;
}

.pager li:last-child a {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

/* Rankings calculating message */
.rankings-calculating {
    font-size: 12px;
    line-height: 1.4em;
    color:#666;
    text-align: center;
}
.rankings-calculating .loading {
    width:43px;
    height:11px;
    margin:6px auto;
    background: url(img/loading.gif) no-repeat 0 0;
}

#autocomplete {
    overflow: hidden;
    overflow-y: auto;
    max-height: 300px;
}

/* Boostrap overrides */

/* Vertical tabs */
.bootstrap-tabs .tabbable.vertical,
.bootstrap-tabs .tab-content {
    float:left;
}
.bootstrap-tabs .tabbable.vertical ul {
    margin-left:0;
    padding-left:0;
}
.bootstrap-tabs .tab-content {
    margin:1em 1em 1em 2em;
}

/* Dropdown menus */
.dropdown-menu a {
    text-decoration:none;
}

/* FTS Style Nav Pills */
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
    background-color: #899ab0;
}

.nav-pills > .disabled > a {
    background-color: #999;
    cursor: default;
}

.nav-pills > .disabled > a:hover {
    background-color: #999;
}

/* FTS buttons */
.btn-ftslight {
    background-color: hsl(214, 18%, 51%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8999ad", endColorstr="#6b7f98");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#8999ad), to(#6b7f98));
    background-image: -moz-linear-gradient(top, #8999ad, #6b7f98);
    background-image: -ms-linear-gradient(top, #8999ad, #6b7f98);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8999ad), color-stop(100%, #6b7f98));
    background-image: -webkit-linear-gradient(top, #8999ad, #6b7f98);
    background-image: -o-linear-gradient(top, #8999ad, #6b7f98);
    background-image: linear-gradient(#8999ad, #6b7f98);
    border-color: #6b7f98 #6b7f98 hsl(214, 18%, 48.5%);
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.16);
    -webkit-font-smoothing: antialiased;
}

.btn-ftsdark {
    background-color: hsl(212, 24%, 26%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#495f78", endColorstr="#324152");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#495f78), to(#324152));
    background-image: -moz-linear-gradient(top, #495f78, #324152);
    background-image: -ms-linear-gradient(top, #495f78, #324152);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #495f78), color-stop(100%, #324152));
    background-image: -webkit-linear-gradient(top, #495f78, #324152);
    background-image: -o-linear-gradient(top, #495f78, #324152);
    background-image: linear-gradient(#495f78, #324152);
    border-color: #324152 #324152 hsl(212, 24%, 23%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.19);
    -webkit-font-smoothing: antialiased;
}

/* FTS Progress Bar */
.progress {
    margin: 0;
}
.progress .bar {
    margin: 0;
    border: none;
}
.progress-fts .bar,
.progress .bar-fts {
    background-color: hsl(214, 18%, 51%);
    background-image: -moz-linear-gradient(top, #8999ad, #6b7f98);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8999ad), to(#6b7f98));
    background-image: -webkit-linear-gradient(top, #8999ad, #6b7f98);
    background-image: -o-linear-gradient(top, #8999ad, #6b7f98);
    background-image: linear-gradient(to bottom, #8999ad, #6b7f98);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8999ad', endColorstr='#ff6b7f98', GradientType=0);
}
.progress-fts.progress-striped .bar,
.progress-striped .bar-fts {
  background-color: hsl(214, 18%, 51%);
  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: -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);
}