/* LEADERBORDS */
.body_leaderboard {
    width: 796px;
    float: left;
}
.search {
    width: 300px;
    display: inline-block;
}
.search p {
    color: #ffffff;
    border: none;
    padding: 0;
    margin: 0 0 0 15px;
    font-size: 13px;
    text-transform: uppercase;
}
.search input {
    width: 150px;
    color: #ffffff;
    text-align: center;
    border: none;
    background: none;
    background-image: url("/platform/images/leaderboard_even_bg.png");
    padding: 0;
    margin: 0 0 7px 15px;
}
.search button {
    width: 100px;
    height: 30px;
    border: none;
    background: none;
    background-image: url("/platform/images/search_btn.png");
    cursor: pointer;
    position: relative;
    top: -6px;
    cursor: pointer;
    margin-left: 12px;
}
.legend {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
    display: inline-block;
    float: right;
    padding: 15px 15px;
}
.legend p {
    display: inline-block;
    line-height: 28px;
    padding: 0 10px;
    font-size: 11px;
    text-transform: uppercase;
}
.legend .label {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 11px;
    text-transform: uppercase;
    padding-right: 5px;
}
.legend .bg {
    background-image: url("/platform/images/legend_bg.png");
    padding: 3px 5px;
    height: 26px;
    display: inline-block;
}
.legend p span {
    padding-right: 5px;
    font-size: 12px;
    line-height: 20px;
    vertical-align: top;
}
.legend .square_tier1 {
    color: #2692b2;
}
.legend .square_tier2 {
    color: #ff0000;
}
.legend .square_tier3 {
    color: #deff00;
}
.body_leaderboard .top {
    background-image: url("/platform/images/body_leaderboard_top.png");
    margin-top: 10px;
    width: 796px;
    height: 38px;
}
.body_leaderboard .middle {
	margin-top: 22px;
    width: 1098px;
    height: auto;
    overflow: hidden;
    padding-bottom: 14px;
}
.body_leaderboard .bottom {
    background-image: url("/platform/images/body_leaderboard_bottom.png");
    width: 796px;
    height: 38px;
}
.leaderboard {
    width: 797px;
    padding: 15px;
    color: #ffffff;
    border-spacing: 0;
    border: none;
    font: 12px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.leaderboard .leaderboard_header{
    font-size: 9px !important;
}
.leaderboard tr {
    height: 31px;
}
.leaderboard tr:nth-child(even) {
    background-image: url("/platform/images/leaderboard_even_bg.png");
}
.leaderboard tr:nth-child(odd) {
    background-image: url("/platform/images/leaderboard_odd_bg.png");
}
.leaderboard td {
    padding: 0;
}
/* Colors for different tiers */
.leaderboard .tier1 {
    color: #2692b2;
}
.leaderboard .tier2 {
    color: #ff0000;
}
.leaderboard .tier3 {
    color: #deff00;
}

.leaderboard .rank {
    font-weight: bold;
}
.leaderboard .tier {
}
.leaderboard .flag {
    background-image: url("/platform/images/leaderboard_highlight_bg.png");
}
.leaderboard .gamertag {
    letter-spacing: 0.1em;
}
.leaderboard .score_value {
    background-image: url("/platform/images/leaderboard_highlight_bg.png");
    text-align: right;
}
.leaderboard .score {
    font-weight: bold;
}
.leaderboard .selected {
    background-image: url("/platform/images/leaderboard_selected_bg.png")!important; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,60,0,0.5) 0%, rgba(255,90,0,0.5) 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,60,0,0.5)), color-stop(100%,rgba(255,90,0,0.5)))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,60,0,0.5) 0%,rgba(255,90,0,0.5) 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,60,0,0.5) 0%,rgba(255,90,0,0.5) 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,60,0,0.5) 0%,rgba(255,90,0,0.5) 100%)!important; /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,60,0,0.5) 0%,rgba(255,90,0,0.5) 100%)!important; /* W3C */
}
.leaderboard .selected td {
    color: #ffffff !important;
}
.pagination_left {
    float: left;
    width: 45%;
    text-align: left;
    padding: 0 0 0 15px;
    font-size: 12px; 
}
.pagination_left .first {
    background: url("/platform/images/pagination_sprite.png") no-repeat scroll left 6px transparent;
    padding: 0 5px 0 15px;
}
.pagination_left .previous {
    background: url("/platform/images/pagination_sprite.png") no-repeat scroll left -13px transparent;
    padding: 0 5px 0 15px;
}
.pagination_left .next {
    background: url("/platform/images/pagination_sprite.png") no-repeat scroll right -32px transparent;
    padding: 0 15px 0 5px;
}
.pagination_left .last {
    background: url("/platform/images/pagination_sprite.png") no-repeat scroll right -50px transparent;
    padding: 0 15px 0 5px;
}

.pagination_left input {
    width: 27px;
    color: #ffffff;
    text-align: center;
    border: none;
    background: none;
    background-image: url("/platform/images/leaderboard_even_bg.png");
}
.pagination_right {
    float: right;
    width: 50%;
    text-align: right;
}

.sidebar_leaderboard {
    float: right;
    width: 289px;
    padding-left: 12px;
    margin-top: 10px;
    line-height: 18px
}
.sidebar_leaderboard hr {
    border: none;
    background: url("/platform/images/tier_hr.png") no-repeat scroll center 0 transparent;
    height: 2px;
    margin: -0;
}
.sidebar_leaderboard .tier1 hr {
    border: none;
    background: url("/platform/images/tier1_hr.png") no-repeat scroll center 0 transparent;
    height: 2px;
    margin: -0;
}
.sidebar_leaderboard .tier2 hr {
    border: none;
    background: url("/platform/images/tier2_hr.png") no-repeat scroll center 0 transparent;
    height: 2px;
    margin: -0;
}
.sidebar_leaderboard .tier3 hr {
    border: none;
    background: url("/platform/images/tier3_hr.png") no-repeat scroll center 0 transparent;
    height: 2px;
    margin: -0;
}
.sidebar_leaderboard .section {
    padding: 4px 0 0 15px;
}
.sidebar_leaderboard .section p {
    font-weight: 400;
    font-size: 11px;
    padding: 5px 15px 0 0;
    line-height: 130%;
}
.wargames .sidebar_leaderboard .top_bucket {
    background-image: url("/platform/images/sidebar_leaderboard_top_bucket_wargames_bg.png");
    width: 289px;
    height: 128px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.spartan .sidebar_leaderboard .top_bucket {
    background-image: url("/platform/images/sidebar_leaderboard_top_bucket_spartan_bg.png");
    width: 289px;
    height: 128px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.sidebar_leaderboard .bucket {
    margin-top: 15px;
}
.sidebar_leaderboard h3 {
    font-weight: 600;
    font-size: 19px;
    padding: 10px 0 0 0;
}
.sidebar_leaderboard .tier1 h3 {
    border-bottom: 3px solid #279BBE;
}
.sidebar_leaderboard .tier2 h3 {
    border-bottom: 3px solid #FF0000;
}
.sidebar_leaderboard .tier3 h3 {
    border-bottom: 3px solid #DEFF00;
}
.sidebar_leaderboard h3 span {
    font-weight: 400;
    font-size: 12px;
    padding: 0 0 0 10px;
}
.sidebar_leaderboard .place {
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 5px;
}
.sidebar_leaderboard .tier1 .place {
    color: #279bbe;
}
.sidebar_leaderboard .tier2 .place {
    color: #ff0000;
}
.sidebar_leaderboard .tier3 .place {
    color: #deff00;
}
.sidebar_leaderboard .gamertag {
    color: #dcf1f9;
    font-size: 18px;
    font-weight: 600;
}
.sidebar_leaderboard .gamertag_top span {
    font-weight: 400;
}
.sidebar_leaderboard .xp {
    color: #dcf1f9;
    font-size: 11px;
    font-weight: 800;
    padding-right: 5px;
    text-transform: uppercase;
}
.sidebar_leaderboard .xp span {
    font-weight: 400;
    padding-right: 5px;
}
.sidebar_leaderboard .needed {
    color: #dcf1f9;
    font-size: 11px;
    font-weight: 800;
    padding: 0 0;
    text-transform: uppercase;
}
.sidebar_leaderboard .needed span {
    font-weight: 400;
}

.sidebar_leaderboard .rank {
    color: #dcf1f9;
    font-size: 11px;
    font-weight: 800;
    text-transform: none;
    padding-right: 5px;
}
.sidebar_leaderboard .rank span {
    font-weight: 400;
    padding-right: 5px;
}
.sidebar_leaderboard .bucket .top img{
    position: absolute;
    top: -10px;
    right: 30px;
}
.sidebar_leaderboard .bucket .top {
    background-image: url("/platform/images/sidebar_leaderboard_bucket_top_bg.png");
    width: 288px;
    height: 31px;
    position: relative;
}
.sidebar_leaderboard .bucket .middle {
    background-image: url("/platform/images/sidebar_leaderboard_bucket_middle_bg.png");
    width: 288px;
    height: auto;
    padding-bottom: 10px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.sidebar_leaderboard .bucket.tier3 .middle {
    /*height: 135px;*/
}
.sidebar_leaderboard .bucket .bottom {
    background-image: url("/platform/images/sidebar_leaderboard_bucket_bottom_bg.png");
    width: 288px;
    height: 5px;
}

.tierContainerTop {
	width: 350px;
	height: 2px;
	background-image: url("/platform/images/body_leaderboard_final_top.png");
}

.tierContainer {
	width: 350px;
	float: left;
	background-image: url("/platform/images/body_leaderboard_final_middle.png");
}

.tierContainerBottom {
	width: 350px;
	height: 2px;
	background-image: url("/platform/images/body_leaderboard_final_bottom.png");
}

#tier1ContainerStrip {
	width: 261px;
	height: 4px;
	position: relative;
	left: 87px;
	background-image: url("/platform/images/t1_finals_column_bg_strip.png");
}

#tier2ContainerStrip {
	width: 261px;
	height: 4px;
	position: relative;
	left: 87px;
	background-image: url("/platform/images/t2_finals_column_bg_strip.png");
}

#tier3ContainerStrip {
	width: 261px;
	height: 4px;
	position: relative;
	left: 87px;
	background-image: url("/platform/images/t3_finals_column_bg_strip.png");
}

.tierContainer.space {
	margin-right: 18px;
}


.tier_column_header {
	color: #FFF;
	font-size: 18pt;
	margin-left: 16px;
	text-transform: uppercase;
}


.leaderboard_final_block{
    width:1100;
    /*height:160px;*/
    margin-top: 10px;
}

.leaderboard_final_block .section {
    padding: 4px 0 0 15px;
    float: right;
    width: 260px;
}
.leaderboard_final_block .section p {
    font-size: 11px;
    font-weight: 400;
    line-height: 130%;
    padding: 5px 15px 0 0;
    text-align: right;
}

.leadberboard_final_schedule{
    background-image: url("/platform/images/body_leaderboard_final_schedule_bg.png");
    width:602px;
    height:86px;
    float: left;
}

.leadberboard_final_schedule h3{
    font-size: 26px;
    font-weight: 600;
    padding: 0 0 0 15px;
}
.leadberboard_final_schedule h3 span{
    font-size: 18px;
    font-weight: 400;
    padding: 0 0 0 10px;
}

.leadberboard_final_schedule h3 span.link{
    float: right;
    padding: 9px 40px 0 0 !important;
    text-decoration: underline;
    text-transform: none;
    font-size: 15px;
}

.leadberboard_final_schedule .xp {
    color: #DCF1F9;
    font-size: 15px;
    font-weight: 800;
    padding-right: 5px;
    padding-left:15px;
    text-transform: uppercase;
}
.leadberboard_final_schedule .xp span {
    font-weight: 400;
    padding-right: 5px;
}
.leadberboard_final_schedule .xp.right{
    float:right;
    padding-right:35px;
}

.leadberboard_final_schedule hr{
    margin:0 40px 0 15px;
}

.body_leaderboard_final{
    width:350px;
    float:left;
    padding: 0 8px;
}

.btn_how.finals{
    padding:0 !important;
    float:right;
}


/* demo_table css */

/*
 *  File:         demo_table.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     /platform/images/ - relative to this CSS file.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
    position: relative;
    clear: both;
    overflow: hidden; /* Because we have floated children */
    zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 47%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    /*border: 1px solid #ddd;*/
    text-align: center;
    color: #999;
    font-size: 14px;
    /*background-color: white;*/
}

.dataTables_length {
    width: 40%;
    float: left;
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
}

.dataTables_info {
	display:none;
    /*float:right;
    width:50%;
    text-align:right;
    padding-right: 15px;
    padding-bottom: 15px;
    color: #9C9C9C;
    font-size:12px;
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
}

.dataTables_paginate {
	display:none;
    /*float: left;
    text-align: right;
    padding-left: 15px;
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/

}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous,
.paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
.paginate_disabled_next:hover, .paginate_enabled_next:hover {
    text-decoration: none !important;
}
.paginate_disabled_previous:active, .paginate_enabled_previous:active,
.paginate_disabled_next:active, .paginate_enabled_next:active {
    outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}
.paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 23px;
}
.paginate_disabled_next, .paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_disabled_previous {
    background: url('/platform/images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_previous {
    background: url('/platform/images/back_enabled.png') no-repeat top left;
}
.paginate_enabled_previous:hover {
    background: url('/platform/images/back_enabled_hover.png') no-repeat top left;
}

.paginate_disabled_next {
    background: url('/platform/images/forward_disabled.png') no-repeat top right;
}

.paginate_enabled_next {
    background: url('/platform/images/forward_enabled.png') no-repeat top right;
}
.paginate_enabled_next:hover {
    background: url('/platform/images/forward_enabled_hover.png') no-repeat top right;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;
    
    /* Note Firefox 3.5 and before have a bug with border-collapse
     * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
     * border-spacing: 0; is one possible option. Conditional-css.com is
     * useful for this kind of thing
     *
     * Further note IE 6/7 has problems when calculating widths with border width.
     * It subtracts one px relative to the other browsers from the first column, and
     * adds one to the end...
     *
     * If you want that effect I'd suggest setting a border-top/left on th/td's and 
     * then filling in the gaps with other borders.
     */
}

table.display thead th {
    padding: 3px 10px 3px 10px;
    font-weight: bold;
    text-transform:uppercase;
    cursor: pointer;
    *cursor: hand;
}

table.display tfoot th {
    padding: 3px 18px 3px 10px;
/*  border-top: 1px solid black;*/
    font-weight: bold;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

table.display td {
    padding: 3px 10px;
}

table.display td.center {
    text-align: center;
}

.paginate_button.first {
    background: url("/platform/images/pagination_sprite.png") no-repeat scroll left 4px transparent;
}

/*.paginate_button.first:hover {
    background: url('/platform/images/back_enabled_hover.png') no-repeat top left;
}*/

.paginate_button.previous {
    background: url("/platform/images/pagination_sprite.png") no-repeat scroll left -15px transparent;
}

/*.paginate_button.previous:hover {
    background: url('/platform/images/back_enabled_hover.png') no-repeat top left;
}*/

.paginate_button.next {
    background: url("/platform/images/pagination_sprite.png") no-repeat scroll right -34px transparent;
}

/*.paginate_button.next:hover {
    background: url('/platform/images/forward_enabled_hover.png') no-repeat top right;
}*/

.paginate_button.last {
    background: url("/platform/images/pagination_sprite.png") no-repeat scroll right -53px transparent;
}

/*.paginate_button.last:hover {
    background: url('/platform/images/forward_enabled_hover.png') no-repeat top right;
}*/

/* Pagination nested */
.dataTables_paginate .paginate_button.next,
.dataTables_paginate .paginate_button.previous,
.dataTables_paginate .paginate_page, .dataTables_paginate .paginate_of {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #fff !important;
    padding-left: 14px;
    padding-right: 14px;
    line-height: 16px;
    font-size: 10px;
}

.dataTables_paginate .paginate_button.first {
	height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #fff !important;
    padding-left: 14px;
    padding-right: 3px;
    line-height: 16px;
    font-size: 10px;
}

.dataTables_paginate .paginate_button.last {
	height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #fff !important;
    padding-left: 3px;
    padding-right: 14px;
    line-height: 16px;
    font-size: 10px;
}

.dataTables_paginate .paginate_page {
    padding-right: 8px;
}

.dataTables_paginate .paginate_of {
    text-align: left;
    padding-left: 8px;
}

.dataTables_paginate input {
    float: left;
    text-align: center;
    width:27px;
    color:#ffffff;
    border:none;
    background:none;
    background-image: url("/platform/images/leaderboard_even_bg.png");
    position: relative;
    top: -4px;
}

.leaderboard_header th {
    background-color: #2D3B50;
    text-align: left;
}

.leaderboard_header th, .leaderboard_header td {
    color: #ccc;
}

.leaderboard_header th.tier_rank {
    color: #ccc;
    width: 25px;
}

.leaderboard_header th.tier_tier {
    display: none;
}

.leaderboard_header th.gamertag {
    color: #ccc;
    width: auto;
}

.leaderboard_header th.flag {
    color: #ccc;
    width: 20px;
}

.leaderboard_header th.score_value {
    color: #ccc;
    text-align: right;
    width: 150px;
}

.leaderboard .error_msg {
    color: #ff0000;
    font-weight:normal;
}

hr{
    border:none;
    background: url("/platform/images/hr.png");
    height:7px;
    margin:0 15px;
    border-color:transparent;
}

input.leaderboard_search{
    width:150px;
    margin-left:15px;
    color:#ffffff;
    text-align:center;
    border:none;
    background:none;
    background-image: url("/platform/images/leaderboard_even_bg.png");
}

#qualifier_search_result{
    font-weight:normal;
    font-size:14px;
    padding-left:13px;
    display:block;
    height:10px;
}

#qualifier_search_result span.searching, td.dataTables_empty{
    color: #CFAD40;
    text-align: center;
    font-size:16px;
}

td.tier{
	display: none;
}

td.dataTables_empty {
    padding:20px 0 !important;
}

#qualifier_search_result span.found{
    color: #4BBB20;
}

#qualifier_search_result span.searcherror{
    color: #FF0000;
}

#qualifier_search_result span{
    position: relative;
    top: -3px;
}

.search{
    /*width:300px;*/
    display:none;
}

.common_search input{
    width:170px;
    height:25px;
    margin-left:5px;
    margin-top:10px;
    color:#ffffff;
    text-align:center;
    border:none;
    background:none;
    background-image: url("/platform/images/leaderboard_even_bg.png");
    vertical-align: top;
}

.common_search p {
	margin-left: 5px;
}

.common_search button{
    width:100px;
    height:30px;
    border:none;
    background:none;
    background-image: url("/platform/images/search_btn.png");
    cursor:pointer;
    position:relative;
    top:-6px;
    cursor:pointer;
    margin-left:12px;
    margin-top: 14px;
    vertical-align: bottom;
}

#data_last_update{
    float:right;
    padding-right:18px;
    padding-top:8px;
    color:#D68F41;
    font-size:16px;
}

.dataTables_paginate .paging_input{
    width:40px;
    height:16px;
    margin-top:3px;
}

.score_value.score{
    text-align: left;
}