﻿div.sContent { background: black; }
        div.content_hi_res{border-top:#1px solid #575757;}
        
        p.font_orange{padding:30px;}
        div.hide_section {display:none; visibility:hidden;}
        div.show_section {display:block; visibility:visible;}
        
        ul.tabbed_nav{width:auto;}
        
        .co_op_overview {}
            .co_op_overview .boxD_outer { margin:0; padding:0; border-width: 2px; }
                .co_op_overview .boxD_outer .boxD_inner{position:relative;}
                    .co_op_overview .boxD_outer .boxD_inner .co_op_screenshot { width: 300px; height: 100px;  float: left; padding: 0; margin: 0; }
                    .co_op_overview .boxD_outer  .boxD_inner .co_op_variantType{ position:absolute;top:15px;left:0;}
            .co_op_overview ul.summary li.break { display: block; padding:28px 0pt 0pt; }
        div.community_colB{background:#000;}
            div.tabbed_nav{width: 902px;margin:0 0 -2px 0;}
            div.content_matte{}
                div.content_matte .co_op_matte {height:620px;}
                    .co_op_matte ul.heading { width: 887px; margin: 0 0 15px 0; padding: 0 0 0px 15px; display: inline; float: left; list-style-type: none; border-bottom: solid 1px #666; height:30px;}
                        .co_op_matte ul.heading li { padding: 0; float: left; font-size: 12px; line-height: 30px; color: #fff; }
                        .co_op_matte ul.heading li.titleA { padding: 0 377px 0 0; }
                        .co_op_matte ul.heading li.titleB { padding: 0 80px 0 0; }
                        .co_op_matte ul.heading li.titleC { padding: 0 100px 0 0; }
                        .co_op_matte ul.heading li.titleD { padding: 0 0 0 0; }
                    .co_op_matte ul.heading_links { width: 887px; margin: 0 0 15px 0; padding: 0 0 0px 15px; display: inline; float: left; list-style-type: none; border-bottom: solid 1px #666; }
                        .co_op_matte ul.heading_links li { margin: 0; padding: 0 0 0 10px; float: left; font-size: 12px; line-height: 30px; }
                            .co_op_matte ul.heading_links li a, .co_op_matte ul.heading_links li span{ line-height: 30px; margin-right:10px;}
                    .co_op_matte .boxD_outer { margin: 0 0 0 10px; padding: 0; display: inline; border-width: 2px; }
                        .co_op_matte .boxD { margin: 0; padding: 0; }
                            .co_op_matte .boxD table { width: 222px; margin: 5px 5px 0 10px; table-layout: fixed; }
                                .co_op_matte .boxD table td { font-weight: normal;  color: #fff; } 
                                .co_op_matte .boxD table td.styled { float: right; }
                            .co_op_matte .boxD .convex_cont { clear: both; margin: 0 0 8px 0; } 
                            .co_op_matte .boxD .convex { padding: 0; width: 100%; }
                                .co_op_matte .boxD .convex p { margin: 0; padding: 0 0 0 4px; line-height: 28px; color: #fff; }
                                    .co_op_matte .boxD .convex p span { float: right; font-size: 10px; color: #bbb; margin: -27px 5px 0 0; }
                            .co_op_matte .boxD .boxD_outer { border-width: 1px; margin: 0 0 0 3px; }
                            .co_op_matte .boxD h3 { margin: 0px 0px 0px 0px; color: #fff;  }
                                .co_op_matte .boxD h3 a {  line-height:26px; }
                            
                            .co_op_matte .boxD .img_matte { width: 80px; height: 80px; margin: 5px 0 10px 5px; float: left; display: inline; position: relative; }
                            .co_op_matte .boxD .img_matte img { width: 70px; height: 70px; margin: 0; padding: 5px 0 0 5px; border: none; position: absolute; }

                            .co_op_matte .boxD .character_cont { width: 40px; margin: 0 0 6px 8px; display: inline; text-align: left; color: #fff; float: left; font-weight: normal; font-size: 10px;  position:relative;}
                                .co_op_matte .boxD .character_cont:hover .games_list_overlay{visibility:visible;}
                            .co_op_matte .boxD .character_cont .num { width: 40px; height: 12px; margin: 0; text-align: center; font: 10px/12px Arial, Helvetica, sans-serif; border-top: 1px solid #575757; background: #1a1a1a; float: left; clear: left; }
                            .co_op_matte .boxD .img_matte_small { margin: 0 0 2px; padding: 0; width: 40px; height: 40px; background: #000; }    
                        
                        .co_op_matte .section_cont .boxD_outer{margin:0;}
                          
                    .co_op_matte .results .boxD{width:350px;}
                        .co_op_matte .results .boxD table.stats{width:330px;}
                    .co_op_matte .multipliers .boxD{width:180px;}
                        ul.cp_multiply  { list-style-type:none; width:150px; float:none;  display:block; margin-top:10px;}
                        ul.cp_multiply li {padding-top:3px; width:180px;}
                        ul.cp_multiply li.underline  {border-bottom:solid 1px #fff;}
                    .co_op_matte .skulls .boxD{width:312px;}
                        .co_op_matte .skulls .boxD .games_list_overlay{top:30px;right:27px;margin:0;} 
                        .skulls_cont {margin:10px 0 10px 0;}
                            .skull_item {display:inline;float:left;position:relative;}                       	
                    
                    .co_op_matte .statsTable .boxD{width:870px;}
                        .co_op_matte .statsTable .boxD table.stats{width:850px;}
                    .co_op_matte .playerSummary .boxD{width:323px;}
                        .co_op_matte .playerSummary .boxD .ranked_medals_row{width: 315px; margin: 0; padding: 0;}
                            .co_op_matte .playerSummary .boxD .ranked_medals_row .games_list_overlay{margin:0;top:19px;left:20px;}
                    .co_op_matte .enemiesKilled .boxD{width:200px;}
                        .co_op_matte .enemiesKilled .boxD .games_list_overlay{margin:0;top:27px;left:20px;}
                    .co_op_matte .vehiclesDestroyed .boxD{width:152px;}
                        .co_op_matte .vehiclesDestroyed .boxD .games_list_overlay{margin:0;top:27px;left:19px;}
                    .co_op_matte .friendliesBetrayed .boxD{width:152px;}
                        .co_op_matte .friendliesBetrayed .boxD .num{width:136px;}     
    
    .games_list_overlay .top_enemy_header { width: 350px; clear:both; } 
        .games_list_overlay .top_enemy_header .message { width: 255px; height: 20px; float: left; padding: 10px 0 0 10px; overflow: hidden; text-align: left; background: #040608; }
        .games_list_overlay .top_enemy_header .message .title { margin: 0; font-size: 14px; font-weight: bold; }
        .games_list_overlay .top_enemy_header .total { width: 85px; height: 20px; float: left; background: #040608; }
        .games_list_overlay .top_enemy_header .total .description { padding-top: 10px; font-size: 14px; font-weight: bold;}
    .games_list_overlay .top_enemy { width: 350px; background: #040608; position: relative; clear:both; } 
        .games_list_overlay .top_enemy .overlay_img { width: 55px; height: 40px; float: left; padding:10px 0 5px 15px; overflow: hidden; background: #040608; }
        .games_list_overlay .top_enemy .message { width: 205px; height: 60px; float: left; overflow: hidden; text-align: left; background: #040608; }
        .games_list_overlay .top_enemy .message .title { margin: 0; padding: 7px 0 0 0; font-size: 12px; }
        .games_list_overlay .top_enemy .message .description { margin-top: 1px;font-weight:normal; }
        .games_list_overlay .top_enemy .total { width: 75px; height: 50px; float: left; background: #040608; }
        .games_list_overlay .top_enemy .total .description { padding-top: 7px; font-size: 12px; font-weight: bold;}
        .games_list_overlay .top_enemy .total .number { padding: 10px 0px 0 17px; color: white; font: 20px Arial, Helvetica, sans-serif; font-weight: bold; }