﻿/* CSS Document */

/* layout */
div.main { width: 978px; margin: 0 auto; }
div.popup { width: 770px; margin: 0 auto; }

/* section flair */
div.bgRepeatAdmin { background: url(../images/bg_repeat.gif) repeat-y bottom right; overflow:hidden; }
div.bgRepeat { background: url(../images/bg_repeat.gif) repeat-y bottom right; height:100%; }
div.bgRepeatPassport { background-color: #2E3032; height: 100%; } 
div.bgBottom {  }
/* div.sl { background: #2e3032 url(/images/base_struct_images/bg_sL.gif) no-repeat bottom left; overflow: hidden; }
div.sr { background: url(/images/base_struct_images/bg_sR.gif) no-repeat bottom right; overflow: hidden; } */
div.sTitle { float: left; width: 32px; margin: 0;}
div.sTitle h2 {  width: 32px; height: 1px; background-repeat: no-repeat; }
/* div.sContent { float: left; width: 902px; margin: 0 24px 8px 0; background: url(/images/base_struct_images/section_rule.gif) no-repeat;} */
div.sContent { float: left; width: 902px; margin: 0 20px 0px 0; background: url(../images/section_rule.gif) no-repeat;}
div.sContentpopup { float: left; width: auto; margin: 0 20px 8px 0; background: url(../images/section_rule.gif) no-repeat;}

/* footer */
div.fTitle { float: left; width: 19px; height: 60px; margin: 0; border: solid 1px white;} 
div.fTitle h2 {  width: 52px; height: 60px; background-repeat: no-repeat;} 
div.fContent_cont { padding: 0 0 0 14px; } 
div.fContent { width: 904px; height: 60px; float: left; background: black; margin: 0 0 0 0; padding: 0 29px 0 5px } 
div.passport_footer div.fl { background-color: #2E3032; background-image: none; } 
div.passport_footer div.fr { background-color: #2E3032; background-image: none; }
div.fContent_cont_passport { margin: 0; padding: 0; }
.fContent_passport { width: 897px; height: 60px; float: left; background: black; margin: 0; padding: 0 0 0 5px}

/* columns */
div.cols { width: 902px; }
div.colsub { width: 902px; background: url(../images/bg_block_f.gif) repeat-y bottom right;  }
div.colsubbot { width: 902px; background: url(../images/bg_block_f_bot.gif) no-repeat bottom right;  }
div.col { float:left; margin: 0   1px 0  0 ; }
div.colLast { float:left; margin: 0 0 0 0; padding:0; }
div.hpBg {background-color:#111;}
div.stats_right_bg {background-color:#232425;}

/* nav */
/*div.nav { background: #2e3032;}*/
div.nav { background: url(../images/header_bg.jpg) repeat-x; background-position: bottom right; }
div.nav h2 { display: none; }
div.nav .utility_cont { border-bottom: 1px solid #7e8083; }
div.nav ul.utility_cardless { height: 80px; margin: 0; padding: 4px 0 0 0; list-style-type: none;  border-bottom: 2px solid #7e8083; text-align: right; }
div.nav ul.utility_cardless li img { display: inline; vertical-align: middle; margin: 0; }
div.nav ul.utility { height: 80px; margin: 0; padding: 4px 0 0 0; text-align: right; list-style-type: none; border: none; width: 400px; float: right; }
div.nav ul.utility li {display: inline; margin: 0 8px 0 0px; color: #999; }
div.nav ul.utility li img { display: inline; vertical-align: middle; margin: 0; } 
div.nav ul.utility li.signupText { display: block; margin-bottom:5px; }
div.nav ul.utility_b { height: 80px; margin: 0; padding: 4px 0 0 0; text-align: right; list-style-type: none; border: none; width: 400px; position: absolute; top: 0px; right: 0px; }
div.nav ul.utility_b li { display: inline; margin: 0 8px 0 0px; color: #999; }
div.nav ul.utility_b li img { display: inline; vertical-align: middle; margin: 0; } 
div.nav ul.utility_b li.signupText { display: block; margin-bottom:5px; }
div.nav ul.utility_c { height: 80px; margin: 0; padding: 4px 0 0 0; text-align: right; list-style-type: none; border: none; width: 400px; position: absolute; top: 0px; left: 220px; }
div.nav ul.utility_c li { display: inline; margin: 0 8px 0 0px; color: #999; }
div.nav ul.utility_c li img { display: inline; vertical-align: middle; margin: 0; }
div.nav ul.utility_c li.signupText { display: block; margin-bottom:5px; }
div.nav ul.utilitypopup { height: 80px; border-top: 4px solid #7e8083; margin: 0; padding: 4px 0 4px 0; text-align: right; }
div.nav ul.utilitypopup li { display: inline; margin: 0 8px 0 0; color: #999;}
div.nav ul.utilitypopup li a { display: inline; vertical-align: middle; margin: 4px 0 0 4px ;}
div.nav ul.navButtons { height: 20px; width: 902px; border-bottom: 1px solid #7e8083;  margin: 0; padding: 0; }
div.nav ul.navButtons li { float: left; list-style-type: none; margin: 0; padding: 0; } 
div.nav ul.navButtons li.navSearch { height:20px; margin: 6px 0 5px 18px; overflow:hidden; }
div.nav ul.navButtons li.navSearch .navSearchTextbox {width: 170px; height: 18px; margin: 0; vertical-align:middle; padding: 0; border: 1px solid #7f9db9; font-size: 11px; }
div.nav ul.navButtons li.navSearch .img {display: inline; vertical-align: top; margin: 0; }
div.nav ul.breadcrumb { margin: 0; padding: 2px 15px 2px 13px; float:left;}
div.nav ul.breadcrumb li { display: inline; margin: 0px 5px 0px 0; color: #bbb; font-size: 11px; }
div.nav ul.breadcrumb li a { display: inline; margin: 0px 0 0px 0; color: #71caef; font-size: 11px; }
div.nav ul.breadcrumb li a:hover { color: #fff; text-decoration: underline; }
div.nav ul.breadcrumb li a.last { display: inline; margin: 0px 0 0px 0; color: #71caef; font-size: 11px; font-weight: bold; }
div.nav div.live_header { width: 238px; padding: 2px 0 2px 18px; float: right; color: #bbb; font-size: 11px; }
/* footer */
div.footer { height: 10px;}
div.footer p { float:left; margin: 8px 0 0 0; font-size: 11px; color: #999;}
div.footer ul.menu { float:right;  margin: 8px 0 0 0; padding: 0;}
div.footer ul.menu li { float:right; display: inline; margin: 0 8px 0 4px; color: #999; font-size: 11px; }

/* table.layout */
div table.layout { border-collapse: collapse; margin: 0; padding: 0; border: 0; width: 100%;}
div table.layout tr { margin: 0; padding: 0; border: 0; }
div table.layout tr td { margin: 0; padding: 0; border: 0; vertical-align: top;}

/* passport */
div.ppsl { background: #2e3032; }
div.ppsContent { float: left; width: 902px; margin: 0 24px 0px 0; background: url(../images/section_rule.gif) repeat-y; border: 0; }


/* =player_hub, =slides, =player_info ********************/

.project_hub_trans_half {margin:0px 0 0 0px; width: 300px; height: 130px; background: #000000; opacity: 0.45; -moz-opacity: 0.45; filter: alpha(opacity=45);/* border: 1px solid white; */}
.project_hub_right {margin: -130px 0 0 0; padding: 10px 0 0 10px; width: 296px; height: 120px; position:relative; color: White; font: 12px Helvetica, Arial, sans-serif; /* border: solid 1px white; */}
.project_hub_left { position: absolute; top: 5px; left: 5px; width: 275px; }
.player_info { margin:0; padding: 10px 0 0 10px; width: 210px;  height: 250px; position:relative; color: White; font: 11px Helvetica, Arial, sans-serif; /* border: solid 1px white; */ }
.player_info_trans { margin: -260px 0 0 0; padding: 10px 0 0 10px; width: 190px;  height: 250px; float: left; overflow: hidden; background: #000000; opacity: 0.45; -moz-opacity: 0.45; filter: alpha(opacity=45); /* border: solid 1px white; */ }
.player_info ul { margin: 0; padding: 0px; list-style: none; color: #ffffff; }
.player_info ul li { padding: 0px 0px 3px 0px; color: #ffffff; }
.player_info ul li.larger { font-size: 14px; color: White; font-weight: bold; }
.player_info .location {padding-top:5px; color: #ffffff; /* border: solid 1px black; */ }
.player_info .location .flag_img { float: left;  }

.content { position: relative; }
.content .slides { margin: 0; padding: 10px 0 0 0; width: 440px; height: 260px; float: left; overflow: hidden; /* border: 1px solid white; */ }
.content .slides .slides_img { margin: 0; padding: 0; }
.content .slides .slides_matte { background-color: Black; width: 430px; }
.content .slides .controls { margin: 0; padding: 0; width: 430px; height: 35px; overflow: hidden; }
.content .slides .controls .label { margin: 0; padding: 10px 0 0 5px; height: 30px; background-color: #5f5f5f; color: White; font: 11px Helvetica, Arial, sans-serif; overflow: hidden; /* border: solid 1px white; */ }
.content .slides .controls .buttons { }

.content .player_hub { margin: -260px 0 0 0px; padding: 10px 0px 0 0px; width: 300px; height: 250px; position:relative;/* border: 1px solid white; */}
.player_hub_trans {margin: -260px 0 0 0px;  width: 300px; height: 260px; background: #000000; opacity: 0.50; -moz-opacity: 0.50; filter: alpha(opacity=50);/* border: 1px solid white; */}
.content .player_hub h3 { margin: 0; padding-bottom: 5px; padding-left:5px; border-bottom: solid 1px #d3d3d3; color: #ffffff; font: bold 14px Helvetica, Arial, sans-serif; text-transform:none;}
.content .player_hub ul { padding-left:5px; margin: 0; padding: 0; list-style: none; }
.content .player_hub ul li { margin: 0px; padding: 0px; color: #ffffff; font: bold 11px Helvetica, Arial, sans-serif; border-bottom: solid 1px white; line-height: 150%;}
.content .player_hub li a {padding-left:7px; color: #fff; text-decoration: none; display:block; }
.content .player_hub li a:hover {background:#e08421; color: #fff;  }
.content .player_hub li a:visited { color: #fff; }

/* I know this is a hack, but the h2 page is the only page that has something on the right. must cleanup later. */
.content .h2_project_player_hub { margin: -130px 0 0 0px; padding: 10px 0px 0 0px; width: 300px; height: 120px; position:relative;/* border: 1px solid white; */}
.content .h2_project_player_hub h3 { margin: 0; padding-bottom: 5px; padding-left:5px; border-bottom: solid 1px #d3d3d3; color: #ffffff; font: bold 14px Helvetica, Arial, sans-serif;}
.content .h2_project_player_hub ul { padding-left:5px; margin: 0; padding: 0; list-style: none; }
.content .h2_project_player_hub ul li { margin: 0px; padding: 0px; color: #ffffff; font: bold 11px Helvetica, Arial, sans-serif; border-bottom: solid 1px white; line-height: 150%;}
.content .h2_project_player_hub li a {padding-left:7px; color: #fff; text-decoration: none; display:block; }
.content .h2_project_player_hub li a:hover {background:#e08421; color: #fff; text-decoration: none;  }
.content .h2_project_player_hub li a:visited { color: #fff; }
.content a.rating {float:right;margin:70px 5px 0 0; }
.content .no_player_hub { margin: -130px 0 0 0px; padding: 10px 0px 0 0px; width: 300px; height: 120px; position:relative;/* border: 1px solid white; */}
.no_player_hub_trans {margin: 0px 0 0 0px; width: 300px; height: 130px; background: #000000; opacity: 0.45; -moz-opacity: 0.45; filter: alpha(opacity=45);/* border: 1px solid white; */}

/* =wrap */
.wrap { word-wrap: break-word; }
.long_text {width: 385px; overflow: hidden; word-wrap: break-word;}

/* =halo3, =halo2, =gamertag *****************************/
.contentB .section_header { margin: 0; padding: 5px 0 3px 10px; text-align: left; min-height:20px; font: bold 12px Helvetica, Arial, sans-serif; background-color: #141618; color: white;  overflow: hidden; }
.contentB .section_label { margin: 0; padding: 3px 0 3px 10px; text-align: left; height: 20px; font: 12px Helvetica, Arial, sans-serif; color: white; background-color: #040608; overflow: hidden; }

.contentB  .oversection_header { margin: 0; width:322px; text-align: center; }

/* =profile */
.contentB .halo3 { margin: 0; padding: 5px 5px 10px 10px; width: 285px; float: left; overflow: hidden;  /* border: solid 1px black; */ }
.contentB .halo3 .profile { margin: 0; padding: 0; height: 100px; overflow: hidden; border-top: solid 1px white; border-left: solid 1px white; border-right: solid 1px white;/* border: solid 1px black; */ }
.contentB .halo3 .profile .pic1 { float: left; margin: 0; padding: 5px 0 5px 0; }
.contentB .halo3 .profile .pic2 { float: right; margin:0px; padding: 5px 0px 5px 0; }
.contentB .halo3 .profile .info { width: 120px; margin: 0; padding: 5px 0 0 5px; float: left; color: White; font: bold 12px Helvetica, Arial, sans-serif; /* border: solid 1px white;  */ }
.contentB .halo3 .profile .info ul { list-style: none; margin: 0; padding: 0; }
.contentB .halo3 .profile .info ul li { margin: 0; padding: 0; line-height: 125%; }
.contentB .halo3 .profile .info ul li.larger { font: bold 14px Helvetica, Arial, sans-serif; }
.contentB .halo3 .profile .games_played { padding: 30px 0 0 0; margin: 0; /* border: solid 1px white; */ }


/* =medals */
.contentB .halo3 .medals { margin: 0; padding: 0; height: 70px; background-color: #040608; overflow: hidden; border-left: solid 1px white; border-right: solid 1px white; border-bottom: solid 1px #393a3b; /*  border: solid 1px white; */ }
.contentB .halo3 .medals ul { margin: 0; padding: 0; list-style: none; }
.contentB .halo3 .medals ul li {margin: 0; padding: 0; display: inline; }
.contentB .halo3 .medal_img { margin-top: -2px; padding: 0 0 0 10px; float: left; }


/* =achievements */
.contentB .halo3 .achievements { margin: 0; padding: 0; height: 70px; background-color: #040608; overflow: hidden; border-left: solid 1px white; border-right: solid 1px white;  border-bottom: solid 1px #393a3b; /* border: solid 1px black */ }
.contentB .halo3 .achievements ul { margin: 0; padding: 0; list-style: none; }
.contentB .halo3 .achievements ul li {margin: 0; padding: 0; display: inline; }
.contentB .halo3 .achievements_img { margin-top: -2px; padding: 0 0 0 10px; float: left; }


/* =campaign */
.contentB .halo3 .campaign { margin: 0; padding: 0; height: 125px; background-color: #040608; overflow: hidden; border-left: solid 1px white; border-right: solid 1px white;  border-bottom: solid 1px #393a3b; /* border: solid 1px white; */ }
.contentB .halo3 .campaign img { margin: 0; padding: 5px; float: left; }
.contentB .halo3 .campaign .campaign_info {margin: 0; padding: 5px 0 0 5px; font: 12px Helvetica, Arial, sans-serif; color: White; float: left; /* border: solid 1px white; */ } 


/* =played */
.contentB .halo3 .played { margin: 0; padding: 0; height: 130px; overflow: hidden; border-left: solid 1px white; border-right: solid 1px white; border-bottom: solid 1px white; /* border: solid 1px black; */ }
.contentB .halo3 .played img { float: left; padding: 5px; }
.contentB .halo3 .played .played_info { margin: 0; padding: 10px 0 0 5px; font: 12px Helvetica, Arial, sans-serif; color: White; float: left; } 
.contentB .halo3 .played ul { margin: 0; padding: 0; list-style: none; float: left;}
.contentB .halo3 .played ul li { margin: 0; padding: 0;}
.contentB .halo3 .played ul li.larger { font: bold 12px Helvetica, Arial, sans-serif; }
.contentB .halo3 .played .place { margin: 0; padding: 20px 0 0 5px; width: 150px; float: left; font: 12px Helvetica, Arial, sans-serif; color: White; /* border: solid 1px white; */ }


/* =halo 2 */
/* =profile */

.contentB .halo3bg {background-color:#131415;}
.contentB .halo2 { margin: 0; padding: 5px 5px 10px 10px; width: 285px; float: left; overflow: hidden; /* border: solid 1px black; */ }
.contentB .halo2 .profile { margin: 0; padding: 0; height: 100px; overflow: hidden; border: solid 1px #494a4b; /* border: solid 1px black; */ }
.contentB .halo2 .profile .pic1 { float: left; margin: 0; padding: 5px 0 5px 10px; }
.contentB .halo2 .profile .pic2 { float: right; margin: 0; padding: 5px 5px 0px 5px; }
.contentB .halo2 .profile .info { width: 140px; margin: 0; padding: 5px 0 0 5px; float: left; color: White; font: bold 12px Helvetica, Arial, sans-serif; /* border: solid 1px white; */ }
.contentB .halo2 .profile .info ul { list-style: none; margin: 0; padding: 0; }
.contentB .halo2 .profile .info ul li { margin: 0; padding: 0px 0px 3px 0px; line-height: 125%; }
.contentB .halo2 .profile .info ul li.larger { font: bold 12px Helvetica, Arial, sans-serif; }
.contentB .halo2 .profile .games_played { padding: 10px 0 0 0; margin: 0; /* border: solid 1px white; */ }


/* =last5 */
.last5 { margin: 0; padding: 0; height: 140px; font: 12px Helvetica, Arial, sans-serif; color: White; overflow: hidden; /* border: solid 1px white; */ } 
.last5 .section_label { text-align: center;  }
.last5 .recent_section_header { margin: 0; padding: 5px 0 3px 10px; border-top: solid 1px #999999; border-bottom: solid 1px #999999; text-align: center; min-height:20px; font: bold 12px Helvetica, Arial, sans-serif; background-color: #141618; color: white;  overflow: hidden; }
.last5 .section_header { text-align: center; width: 312px; border-top: solid 1px #999999; border-bottom: solid 1px #999999;}
.last5 .arrow_left { float:left;}
.last5 .arrow_right { float:right; padding:0 10px 0px 0; }
.last5 .info { margin:5px 0px 5px 10px;  }
.last5 .info img { float: left; position:relative; margin:5px 5px 5px 0px; }
.last5 .info ul { list-style: none; margin: 0px 0 0px 10px; padding:0;   }
.last5 .info ul li { margin: 0px 0px 3px 5px; line-height: 100%; }
.last5 .info ul li.larger { font-weight: bold; }
.last5 .won { margin: 0; padding: 0px 0 0 0; }


/* =medals */
.medals { margin: 0; padding: 0; height: 55px; background-color: #141618;  overflow: hidden;  border-bottom: solid 1px #999a9b; border-top: solid 1px #494a4b;  /* border: solid 1px white; */ }
.medals ul { margin: 0; padding: 0; list-style: none; }
.medals ul li {margin: 0; padding: 0; display: inline; }
.medal_img { margin: 0; padding: 5px 0px 5px 21px; float: left; }
.medal_over_img { margin: 0; padding: 5px 0px 5px 0px; float: left; }


/* =overview */
.overview { margin: 0; padding: 0; /* border: solid 1px white;  */ width:281px;}
.overview .overview_table {padding:0; margin:0; }
.overview table th { color: White; font: bold 12px Helvetica, Arial, sans-serif; text-align: center; }
.overview table td { padding: 1px 2px 1px 2px; color: White; font: 10px Helvetica, Arial, sans-serif; text-align: center; }
.overview table th.playlist { padding-left: 0px; text-align: left; }
.overview table td.playlist { padding-left: 0px; text-align: left; }
.overview table td.experience { padding-left: 0px; text-align:center; }

.contentB .noprofile {width: 590px; padding:5px;}
/* =gamertag */
.gamertag { margin: 0; padding: 1px 0px 0 0px; width: 256px; float:right; overflow: hidden; /* border: solid 1px white; */ }

.gamertag .xbox_live_tag { margin: 0; background-color: #272829; width: 255px; padding: 0 0 10px 0; font: 12px Helvetica, Arial, sans-serif;  /* border: solid 1px white; */ overflow: hidden; }
.gamertag .xbox_live_tag .gamertag_img { margin: 0; padding: 0px; float: left; }
.gamertag .xbox_live_tag .body {margin:5px 0 0 20px; padding: 5px; text-align:left;}
.gamertag .xbox_live_tag .body ul { margin: 0; text-align:left; padding: 5px; list-style-type:none; }
.gamertag .xbox_live_tag .body ul li { margin: 0; padding: 0; display:block; }
.gamertag .xbox_live_tag .body ul li img { vertical-align: bottom; }
.liveFriends {margin: 10px;}
.liveFriends .hdrRow {display:block; border: solid 1px transparent; }
.liveFriends .hdrGamertag {float:left; width:150px;}
.liveFriends .hdrPresence {float:left;margin:0 0 0 5px;}
.liveFriends ul {list-style:none;}
.liveFriends .liRow {display:block;}
.liveFriends .liGamertag {float:left;  width:150px;}
.liveFriends .liPresence {float:left; margin:0 0 0 5px;}



.contentB .gamertag .recent { margin: 0; padding: 0; height: 180px; background-color: #231f20; font: 12px Helvetica, Arial, sans-serif; color: White; /* border: solid 1px white; */ }
.contentB .gamertag .recent .info { margin: 0; padding: 0; /* border: solid 1px white; */ }
.contentB .gamertag .recent .info ul { padding-left: 20px; margin: 0; line-height: 175%}
.contentB .gamertag .recent .info ul li.light { margin: 0; padding-left: 5px; list-style-image: url("../images/bullet_light.jpg") }
.contentB .gamertag .recent .info ul li.dark  { margin: 0; padding-left: 5px; list-style-image: url("../images/bullet_dark.jpg") }
.contentB .gamertag .recent .more a { margin-left: 3px; font: 12px Helvetica, Arial, sans-serif; color: White; text-decoration: none; }
.contentB .gamertag .recent .more a:visited { font: 12px Helvetica, Arial, sans-serif; color: White; text-decoration: none; }

/* =contentB for Profile Customization Page **************/
.contentB_cust {  background-color: #5f5f5f; /* border: solid 1px black; */  }
.header_container { height: 40px; background-color:#111111; }
.header_container .header { margin: 0; padding: 8px 0 0 10px; float:left; font: bold 20px Helvetica, Arial, sans-serif; color: white; }
.contentB_cust .label_container { height: 35px; overflow: hidden; clear: both; /* border: solid 1px white; */ }
.contentB_cust .label { margin: 0px; padding: 12px 0 0 25px; font: bold 12px Helvetica, Arial, sans-serif; color: white;}


/* =header, =save and =cancel buttons */
.message_container {margin: 0; padding: 5px 10px 0 0;}
.header_container .button_container { margin: 0; padding: 7px 355px 0 0; overflow: hidden; float: right; /* border: solid 1px white; */  }
.header_container .btSave { margin: 0; padding: 0 0 0 5px; float: left; width: 100px; }
.header_container .btCancel { margin: 0; padding: 0 0 0 5px; float: left; width: 50px; }

/* =avatar box */
.contentB_cust .avatars { width: 545px; height: 380px; margin: 0; padding: 0; background: #353637; float: left; overflow: hidden; /* border: solid 1px white; */ }
.contentB_cust .avatars .nav { width: 495px; height: 35px; margin-left: 25px; padding: 0; text-align: center; background: #1a1a1b; overflow: hidden; /* border: solid 1px white; */ }
.contentB_cust .avatars .nav .left_arrow { margin: 2px 0 0 3px; padding: 0; width:18px; height:18px; float:left;  }
.contentB_cust .avatars .nav .right_arrow { margin: 2px 8px 0 0; padding:0; width:18px; height:18px; float:right;   }
.contentB_cust .avatars .nav .left_arrow_off { margin: 0 3px 0 3px; padding: 0; width:18px; height:18px; float:left;    }
.contentB_cust .avatars .nav .right_arrow_off { margin: 0; padding: 0 0 0 0; width:18px; height:18px; float:right;   }
.contentB_cust .avatars .nav ul { margin: 8px 0 0 0; padding: 0; list-style: none; }
.contentB_cust .avatars .nav ul li {padding: 0; display: inline;  }


/* =gallery box */
.contentB_cust .avatars .gallery { width: 545px;  margin: 0; padding: 0; overflow: hidden; /*  border: solid 1px white;  */} 
.contentB_cust .avatars .gallery table { margin: 0 0 0 25px; padding: 0px 0 0 0; list-style-type: none; }
.contentB_cust .avatars .gallery td  { margin: 0; padding: 0; }
.contentB_cust .avatars .gallery td img { margin: 0; padding: 0 0 0 0; }


/* =radio buttons box */
.contentB_cust .avatars .radio_container { width: 495px; height: 25px; margin: 15px 0 0 25px; padding: 0; font: 12px Helvetica, Arial, sans-serif; color: white; background: #28292a; /* border: solid 1px white; */   } 
.contentB_cust .avatars .radio_container .rdHalo3 { float: left; padding: 0 0 0 90px; }
.contentB_cust .avatars .radio_container .myLabel { padding-top: 2px; }

/* =instruction box */
.contentB_cust .avatars .instruction { width: 545px; margin: 0 0 0 25px; padding: 15px 0 0 0; font: 12px Helvetica, Arial, sans-serif; color: white; /* border: solid 1px white; */ }
.contentB_cust .avatars .instruction p { margin: 0; padding: 0; }


/* =background box */
.contentB_cust .backgrounds {width: 357px; height:380px; margin: 0; padding: 0; background: #5f5f5f; overflow: hidden; float: left; /* border: solid 1px white; */ }
.contentB_cust .backgrounds table { margin: 0 0 0 25px; padding: 0px 0 0 0; list-style-type: none; }
.contentB_cust .backgrounds td  { margin: 0; padding: 5px 0 5px 0; }
.contentB_cust .backgrounds td img { margin: 0; padding: 0 0 0 0; }


/* =navigation box */
.contentB_cust .backgrounds .nav { width: 320px; height: 35px; margin-left: 25px; padding: 0; text-align: center; background: #1a1a1b; overflow: hidden; /* border: solid 1px white; */ }
.contentB_cust .backgrounds .nav .left_arrow { margin: 2px 0 0 3px; padding: 0; width:18px; height:18px; float:left;   }
.contentB_cust .backgrounds .nav .right_arrow { margin: 2px 8px 0 0; padding: 0; width:18px; height:18px; float:right;   }
.contentB_cust .backgrounds .nav .left_arrow_off { margin: 0 3px 0 3px; padding: 0; width:18px; height:18px; float:left;   }
.contentB_cust .backgrounds .nav .right_arrow_off { margin: 0; padding: 0 0 0 0; width:18px; height:18px; float:right;  }
.contentB_cust .backgrounds .nav ul {margin: 8px 0 0 0; padding: 0; list-style: none; }
.contentB_cust .backgrounds .nav ul li { margin: 0; padding: 0; display: inline; }

/* =bgA box */
.contentB_cust .backgrounds .bgA { width: 320px; height: 90px; margin-left: 25px; padding: 3px 0 0 0; overflow: hidden;  /* border: solid 1px white; */ }
.contentB_cust .backgrounds .bgA .label_container { height: 20px; overflow: hidden; clear: both; text-align: center; background: #4a4a4b; /* border: solid 1px white; */ }
.contentB_cust .backgrounds .bgA .label { margin: 0px; padding: 0 0 0 0; font: 12px Helvetica, Arial, sans-serif; background: #4a4a4b; color: white;}
.contentB_cust .backgrounds .bgA .content { width: 320px; height: 70px; background: #969696;  border: solid 1px #969696; }

/* =bgB box */

.contentB_cust .backgrounds  table .label { width: 320px; padding: 0 0 3px 0; font: 12px Helvetica, Arial, sans-serif; background: #4a4a4b; color: white;}


/* =instruction */
.contentB_cust .backgrounds .instruction { width: 320px; margin: 0 0 0 25px; padding: 25px 0 0 0; font: 12px Helvetica, Arial, sans-serif; color: white; /* border: solid 1px white; */ }
.contentB_cust .backgrounds .instruction p { margin: 0; padding: 15px 0 0 0; border-top: 1px solid #767676; }

/* =custForm *********************************************/
.contentB_form { background: #353637; font: 12px Helvetica, Arial, sans-serif; color: white;  }

/* =header, =save and =cancel buttons */

.faq { margin: 0; padding: 14px 275px 0 0; float: right; /* border: 1px solid white; */ }


/* =form */
.contentB_form .form { margin: 0; padding: 30px 0 0 0; width: 550px; height: 790px; float: left; /* border: solid 1px white; */}
.field { width: 110px; margin: 0; padding: 5px 20px 0 0; text-align: right; vertical-align: top; font: bold 12px Helvetica, Arial, sans-serif; color: white; } 
.text_entry { width: 410px; }
.text_entry_share {width: 307px }
.select_entry { width: 415px; }
.select_entry_share { width: 100px }
.table_spacer { height: 30px }
.display { margin: 0px; padding: 0px; float: right; }

.contentB_form .label_container { height: 30px; overflow: hidden; clear: both; /* border: solid 1px white; */ }
.contentB_form .label { margin: 0px; padding: 12px 0 0 25px; font: bold 12px Helvetica, Arial, sans-serif; color: white;}

.contentB_form .gamertag { margin: 0; padding: 0; width: 256px; height: 150px; float: left; overflow: hidden; /* border: solid 1px white; */ }
.contentB_form .gamertag .xbox_live_tag { margin: 0; padding: 0; height: 150px; font: 12px Helvetica, Arial, sans-serif; color: White; /* border: solid 1px white; */  background-color: #312e2f; overflow: hidden; }
.contentB_form .gamertag .xbox_live_tag .gamertag_img { float: left; margin: 5px }
.contentB_form .gamertag .xbox_live_tag .info { padding: 5px; }
.contentB_form .gamertag .xbox_live_tag .info ul { margin: 0; padding: 5px; list-style-type: none; }
.contentB_form .gamertag .xbox_live_tag .info ul li { margin: 0; padding: 0; display: inline; }
.contentB_form .gamertag .xbox_live_tag .info ul li img { vertical-align: bottom; }


.button_container_bottom { margin: 0 0 0 0; padding: 0 5px 0 0 ; border-top: solid 1px #676868; float: right; clear: both; width: 500px; }
.button_container_bottom .btSave { float: right; margin: 5px 5px 0 0; padding: 0; }
.button_container_bottom .btCancel { float: right; margin: 5px 0 0 0; padding: 0; }

.instruction_box { width: 200px; }
.title { font-weight: bold; }
.contentB_form .form_instructions { width: 340px; height: 820px; float: left; /* border: solid 1px white; */ }
.location_box { margin: 0; padding: 30px 0 0 50px; float: left; /* border: solid 1px white; */ }
.profile_card_box {margin: 0; padding: 75px 0 0 50px; float: left; /* border: solid 1px white; */ }
.gamercard_box {margin-top: 0; padding: 10px 0 0 50px; float: left; /* border: solid 1px white; */ }
.halo2_box {margin-top: 0; padding: 100px 0 0 50px; float: left; /* border: solid 1px white; */ }
.gamercard {visibility:visible;}
/* =games_list page **********************************************************/
.clear {clear: both; }
.normal { color: #bbb; font: 12px Helvetica, Arial, sans-serif; }
.bold { font-weight: bold; }
.larger { font-size: 12px;}
.largest { font-size: 15px; }
.label_container { height: 25px; overflow: hidden; }
.label { margin: 5px 0 5px 10px; font-size: 14px}
.left_image { padding: 5px 0px 0 0; float: left; }
.right_image { padding: 0px 5px 0 0; float: right; }
.left_list { margin: 0; padding: 0; float: left; list-style: none; }
.left_list li {  padding: 0 0 2px 0; }
.font_white { font: 12px Helvetica, Arial, sans-serif; color: #ffffff;}
.font_orange { font: 12px Helvetica, Arial, sans-serif; color: #f26122;}

/* =banner ************************************************/
.game_details {margin-top:1px;}
.game_details .banner_container { width: 902px; height: 107px; border-top:solid 1px #666666;  }
.game_details .banner_container .profile { width: 275px; height: 90px; margin: 5px 5px 0 0px; padding: 0; float: left; background: #1a1a1b; }
.game_details .banner_container .profile .left_list { margin: 0; padding: 5px 0 0 10px; height: 70px; }
.game_details .banner_container .combat_stats_container { width: 272px; height: 90px; margin: 5px 0 0 0; background: #1a1a1b;  float: left; }
.game_details .banner_container .combat_stats_right { width: 260px; height: 90px; margin: 5px 0 0 0; background: #1a1a1b;  float: left; }
.game_details .banner_container .combat_stats { margin: 0; padding:5px 10px 0 10px; }
.game_details .banner_container .combat_stats table { margin: 0; padding: 0; }
.game_details .banner_container .combat_stats table tr td { margin: 0; padding: 0 25px 0 0; border: 0; }

/* =games ************************************************/
.game_details .games_container { float: left; padding-top:5px; clear: left; } 
.game_details .games { width: 588px; height:543px; float: left; background: #0f0f0f; margin: 5px 5px 10px 5px;  border: solid 2px #63605d; display: inline; }
.game_details .games table tr th {     color: White; font: bold 14px Helvetica, Arial, sans-serif; }
.game_details .games table tr th.game_label { width: 150px; padding: 4px 0 0 35px }
.game_details .games table tr th.date_label { width: 135px  }
.game_details .games table tr th.map_label { width: 100px; }
.game_details .games table tr th.playlist_label { width: 100px;  }
.game_details .games table tr.selected { background: #5f5f5f; }
.game_details .games table tr td img.camera_img { float: left; padding: 0 10px 0 0 }
.game_details .games table tr td { margin: 0; padding: 1px 1px 1px 5px; border: 0; color: White; font: 12px Helvetica, Arial, sans-serif;  }
.game_details .games a { color: #71caef }
.game_details .games table tr td span { margin: 0; padding: 0 0 0 1px; line-height: 14px; border: 0; font: 11px Helvetica, Arial, sans-serif; }
.game_details .games a:hover { text-decoration: underline; color: white; }
.ExpBar{ float:right; background-color:#A3CDE2; margin-top:5px;}
.ExpBar span {float:left; position:relative; margin-top:0px; background-image: url(/images/Halo2Stats/LevelBar.gif);}
.ExpBarText{margin-left:20px; float:none; position:relative; font: 12px Helvetica, Arial, sans-serif;color:Black;}

/* =game_details *****************************************/ 
.game_details .summary_container a { text-decoration: none; color: #71caef; }
.game_details .summary_container a:hover { text-decoration: underline; color: white;}    
.game_details .summary_container { width: 300px; float: right; padding: 5px 0 10px 0; }
.game_details .summary_container .contain {width: 282px; background: #1a1a1b; height:543px; border: solid 2px #63605d; padding: 0; }
.game_details .summary_container .contain .summary .pic { width: 230px; height: 140px; margin: 0; padding: 10px 10px 0 10px; overflow: hidden; float: left;  }
.game_details .summary_container .contain .description { width: 230px; min-height: 62px; padding: 10px 10px 0 10px; float: left;   }
.game_details .summary_container .contain .title { width: 230px; border-bottom: solid 1px white; }
.game_details .summary_container .contain .date_time, .game_details .summary_container .contain .points, .game_details .game_viewer { width: 230px; float: left; margin: 0; padding: 20px 10px 5px 10px; }


/*  =game_details halo2 ******************************************************/
.navigation_container_large { width: 902px; height: 25px; margin: 0px 0 0 0; padding: 0; overflow: hidden; background: black; border-top:solid 1px #666666; }
.navigation_container_large .navigation { height: 20px; margin: 0; padding: 2px 0 0 0; text-align: left; }
.navigation_container_large .navigation .left_arrow {width:18px; height:18px; padding: 2px 10px 0 20px; float:left; }
.navigation_container_large .navigation .right_arrow {width:18px; height:18px; padding: 2px 20px 0 10px; float: right; }
.previous { float: left;  margin-top: 3px;}
.next { float: right; margin-top: 3px;}
.game_stats { margin-top: 3px; padding: 0 5px 0 140px; float: left; }
.back_to_list { margin-top: 3px; float: left; }

.screenshot { width: 230px; height: 140px; padding: 10px 0 5px 20px; float: left; overflow: hidden; }
.info_game_details {margin: 0; padding: 10px 0 0 10px; width: 310px; float: left;  }
.info_game_details ul { margin: 0; padding: 0; list-style: none; }
.booty_game_details { margin: 0; padding: 10px 0 0 0px; width: 330px; float: left; }
.booty_game_details .flag .image_label { margin: 7px 0 0 0; padding: 0 0 0 5px; float: left; }
.emblem_background { width: 40px; height: 30px; background: blue; float: left; }
.emblem_background .emblem { position: relative; top: 5px; left: 10px;  }
.emblem_background2 { width: 40px; height: 30px; background: red; float: left;} 
.emblem_background2 .emblem { position: relative; top: 5px; left: 10px;  }

.tabbed_game_details { width: 872px; margin: 0; padding: 5px 0 0 20px; list-style: none; text-align: center; float: left;  }
.tabbed_game_details li { margin-right: 4px; padding: 0px 0 6px 0; float: left; width: 169px; height:25px;  background: #231f20; }


.tabbed_game_details li a {  padding: 7px 0 2px 0; color: White; font: bold 14px Helvetica, Arial, sans-serif; }

.tabbed_game_details li a, .tabbed_game_details li a:link, .tabbed_game_details li a:visited { width:169px; height:25px; display:block;  background:#535151; color: #ffffff;  text-decoration:none; text-align:center; }
.tabbed_game_details li a, .tabbed_game_details li a:link, .tabbed_game_details li a:visited { float:left; }
.tabbed_game_details li a:hover { background:#e08421; color: #fff; }
 
.tabbed_game_details li a.unselected_tab {background: #535151; color: #71caef; }  
.tabbed_game_details li a.selected_tab { background: #231f20; color: #ffffff; }

.matte_cont { padding: 0 0 0 20px; float: left;  }
.matte { width: 861px; float: left; background: #242223; min-height:263px; }

.details_table_cont{ margin: 0 ; padding: 0; /* width: 430px; */ float: left; }
.details_table_cont .details_table { margin: 0; padding: 0; }
.details_table_cont .details_table .team_color { float: left;  }
.details_table_cont .details_table .team_color_label { margin-top: 8px; text-align: left; }
.details_table_cont .details_table .flag .image_label { padding: 6px 0 0 5px; float: left; }
.details_table_cont .details_table .stripes { margin: 0; padding: 3px 0 0 0; vertical-align:middle; float: right; }


.details_table_cont .details_table tr.alternating_bg { background: #1a1a1b; }
.details_table_cont .details_table tr td { margin: 0; padding: 0px 0px 0px 0; vertical-align: middle; text-align: center; }
.details_table_cont .details_table tr td.center { text-align: center; vertical-align:middle; }
.details_table_cont .details_table tr td.left { text-align: left; }
.details_table_cont .details_table tr td.name { width: 225px; height: 24px; overflow: hidden; }

.details_table_cont .stripes_infocus {float:right;padding-top:10px;margin-right:5px;}
.details_table_cont .emblem_infocus	{padding:5px 4px 0px 4px;}
.details_table_cont .gamertag_infocus {height:40px;background:#111113;width:275px;float:left;}
.details_table_cont .name_infocus	{float: left;padding-top:4px;margin-left:5px;}


.total_medals {margin: 0; padding: 0; width: 240px; height: 225px; float: left; background: #1e1d1e; }
.medal_count ul { margin: 0; padding: 0; list-style: none;  }
.medal_count ul li { float: left; margin: 1px; padding: 2px; color: White; font: 12px Helvetica, Arial, sans-serif; background: #040608;  }
.medal_count ul li .count { text-align: center;}
.medal_count ul li .smallerMedal { width:40px; height:40px;}
.medal_count ul li .largerMedal { width:60px; height:60px; padding:5px 0 5px 27px;}

.games_list_overlay { position: absolute; visibility: hidden; display: inline;  z-index:1000; margin: -18px 0 0 -438px; border: solid 1px #777; background: #040608; }
.games_list_overlay .top { width: 415px; background: #040608; position: relative; } 
.games_list_overlay .top .overlay_img { width: 90px; height: 70px; float: left; padding:10px 0 5px 15px; overflow: hidden; background: #040608; }
.games_list_overlay .top .message { width: 230px; height: 70px; float: left; overflow: hidden; text-align: left; background: #040608; }
.games_list_overlay .top .message .title { margin: 0; padding: 10px 0 0 0; font-size: 16px; font-weight: bold; }
.games_list_overlay .top .message .description { margin-top: 3px; }
.games_list_overlay .top .total { width: 75px; height: 70px; float: left; background: #040608; }
.games_list_overlay .top .total .description { padding-top: 10px; text-align:center; }
.games_list_overlay .top .total .number { padding: 2px 0px 0 2px; color: white; text-align:center; font: bold 20px Helvetica, Arial, sans-serif; }

.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 Helvetica, Arial, sans-serif; font-weight: bold; }
.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 .bottom { width: 415px; background: #303030; }
.games_list_overlay .bottom ul { list-style: none; padding: 5px 0 0 30px; float: left; background: #303030; }
.games_list_overlay .bottom li { margin: 0; padding: 0 10px 5px 0; width: 180px; float: left; background: #303030; }
.games_list_overlay .bottom li .flag .image_label { padding: 6px 0 0 5px; float: left; }
.player_total_ranks {margin: 0; padding: 0; width: 602px; min-height: 225px; float: left; background: #4e4d4e; }
.rank_count ul { margin: 0; padding: 0; list-style: none;  }
.rank_count ul li { float: left; margin: 1px; padding: 2px; color: White; font: 12px Helvetica, Arial, sans-serif; background: #040608;   }
.rank_count ul li .rank_image { text-align: center;}
.rank_count ul li .count { text-align: center;}
.rank_count ul li .rank_display { }
.rank_count ul li .rank_display_large { padding:5px 0 5px 27px; }

.rank_list_overlay { position: absolute; visibility: hidden; display: inline;  z-index:1000; margin: 40px 0 0 -445px; border: solid 1px #777; background: #040608;  }
.rank_list_overlay .top { width: 415px; background: #040608; position: relative; } 
.rank_list_overlay .top .overlay_img { width: 100px; height: 100px; float: left; overflow: hidden; background: #040608; }
.rank_list_overlay .top .message { width: 230px; height: 70px; float: left; overflow: hidden; text-align: left; background: #040608; }
.rank_list_overlay .top .message .title { margin: 0; padding: 10px 0 0 0; font-size: 18px; font-weight: bold; }
.rank_list_overlay .top .total { width: 85px; height: 70px; float: left; background: #040608; }
.rank_list_overlay .top .description { padding-top: 5px;  }
.rank_list_overlay .top .total .number { padding: 2px 0px 0 20px; color: white; font: bold 20px Helvetica, Arial, sans-serif; }

.player_total_weapons {margin: 0; padding: 0; width: 300px; min-height: 225px; float: left; background: #2e2d2e; }
.weapon_count ul { margin: 0; padding: 0; list-style: none;  }
.weapon_count ul li { float: left; margin: 1px; padding: 2px; color: White; font: 12px Helvetica, Arial, sans-serif; background: #040608;   }
.weapon_count ul li .weapon_image { text-align: center;}
.weapon_count ul li .count { text-align: center;}
.weapon_count ul li .weapon_display { }
.weapon_count ul li .weapon_display_large { padding:20px  5px 5px 5px; }

.weapon_list_overlay { position: absolute; visibility: hidden; display:inline; z-index:1000;  margin: -10px 0 0 30px; border: solid 1px #777; background: #040608; }
.weapon_list_overlay .top { width: 550px; padding:10px; background: #040608; position: relative; } 
.weapon_list_overlay .top .overlay_img { width: 200px;  float: left; overflow: hidden; background: #040608; }
.weapon_list_overlay .top .message { width: 280px;  float: left; overflow: hidden; text-align: left; background: #040608; }
.weapon_list_overlay .top .message .title { margin: 0; padding: 10px 0 0 0; font-size: 18px; font-weight: bold; }
.weapon_list_overlay .top .total { width: 60px;  float: left; background: #040608; }
.weapon_list_overlay .top .total .description { padding-top: 5px; }
.weapon_list_overlay .top .total .number { padding: 2px 0px 0 20px; color: white; font: bold 20px Helvetica, Arial, sans-serif; }

/* overlayB for game details *****************************/
.game_details_overlayB_infocus { width: 425px; background: #333334; visibility: hidden; position: absolute; border: solid 1px #777; text-align: left; margin: -20px 0 0 -410px; }
.game_details_overlayB { float: left; width: 425px; background: #333334; visibility: hidden; position: absolute; border: solid 1px #777; text-align: left; margin: 0px 0 0 -851px; }
.rptPopOver_container { float: right; margin: 15px 0 0 -23px; padding: 0; width: 0px; }
.game_details_popover .text { padding: 0px 0 5px 0px; width:220px; float: right; }
.game_details_popover .img { float: left; width:90px; }
.game_details_popover .top { width: 425px; height: 100px;  background: #333334; }
.game_details_popover .top .colA { width: 315px; height: 90px; padding:10px 10px 0px 10px;  float: left; border: none; }
.game_details_popover .top .colB { width: 80px; height: 100px; float: left; padding-top:10px; margin:0; border: none; }
.game_details_popover .bottom { width: 425px; height: auto; background: #333334; }
.game_details_popover .bottom .colA { width: 193px; height: auto; padding: 10px 0 0px 0px; float: left; border: none; margin:0; }
.game_details_popover .bottom .colB { width: 232px; height: auto; padding: 10px 0 0px 0px; float: right; border: none; margin:0;}
.game_details_popover .bottom .colA .weapon_container { width: 193px; height: 130px; float: left; background: #000000; padding: 0; text-align:center; margin:0; }
.game_details_popover .bottom .colA .weapon { width: 190px; text-align:center; padding-top:5px;   }	

.game_details_popover .bottom .colB .total_medals_player { float: right; width:232px; min-height:130px; margin: 0; background: #222222; }
.game_details_popover .bottom .colB .total_medals_player ul {  list-style:none; display:inline;  }
.game_details_popover .bottom .colB .total_medals_player ul li {margin: 1px;  padding: 2px; float: left; color: White; font: 12px Helvetica, Arial, sans-serif; background: #040608;  }
.game_details_popover .bottom .colB .total_medals_player ul li .count { text-align: center;}

.weapon_list_popover {width:0px;visibility:hidden;position:absolute;margin-left:-310px;margin-top:12px;}
.weapon_list_popover ul {list-style-type:none;width:320px; padding:5px; display:block;border:solid 1px #777;background-color:#111111; float: left; }
.weapon_list_popover ul li.wl_header {border-bottom:solid 1px #aaa;height:24px; width: 100%; }
.weapon_list_popover ul li.wl_row {width:310px;float:left;background-color:#111111;display:block;height:24px;}
.weapon_list_popover ul li.hide {visibility:hidden;}
.weapon_list_popover ul li div.wl_row_cont {width:300px;float:left;display:block;}
.weapon_list_popover ul li div.wl_img { width:50px; float:left; padding: 0 3px 0 3px; margin: 0; line-height: 24px; }
.weapon_list_popover ul li div.wl_img img { margin: 2px; padding: 0; }
.weapon_list_popover ul li div.wl_name { width:185px; float:left;padding:0; margin: 0;text-align:left; line-height: 24px; }
.weapon_list_popover ul li div.wl_kill { width:50px; float:right;padding:0; margin: 0; line-height: 24px; }
.wep_choice_img {float:left;padding:0 0 0 10px;}

.boxD ul.wep_kills li { float: none; }
ul.wep_kills {float:none; list-style-type:none; padding:0; margin:0;display:block;  }
ul.wep_kills li a.wep_kills_href span {color:#fff;}
ul.wep_kills li a.wep_kills_href img { float: left; }
ul.wep_kills li a.wep_kills_href  { height: 20px; padding:1px 0 1px 0;  color:#fff; display:block; text-decoration:none;}
ul.wep_kills li a.wep_kills_href:hover   { background-color:#555555; text-decoration:none;}

.vs_popover {width:0px;visibility:hidden;position:absolute;margin-left:-195px;margin-top:13px;}
.vs_popover ul { list-style-type:none;width:192px;padding:5px;display:block;border:solid 1px #777;background-color:#111111; float: left; }
.vs_popover ul li.vs_header {border-bottom:solid 1px #aaa;height:24px; width: 100%;}
.vs_popover ul li.vs_row {width:182px;float:left;background-color:#111111;display:block;height:17px;color:#dddddd;}
.vs_popover ul li.hide {visibility:hidden;}
.vs_popover ul li div.vs_row_cont {width:182px;float:left;display:block;}
.vs_popover ul li div.vs_row_player {width:130px;float:left;padding:5px;text-align:left;}
.vs_popover ul li div.vs_row_kills {width:30px;float:right;padding:5px;text-align:right;}
ul.vs_kills {float:none; list-style-type:none; padding:0; margin:0;display:block;  }
ul.vs_kills li a.vs_kills_href  { height: 14px; padding:4px 0 4px 0;  color:#fff; display:block; text-decoration:none;}
ul.vs_kills li a.vs_kills_href span {color:#fff;}
ul.vs_kills li a.vs_kills_href:hover   { background-color:#555555; text-decoration:none;}

/* =screenshot_master  ***********************************/
.screenshot_master { background: #2e3032; margin: 0; padding: 0; } .screenshot_master .sContentpopup { margin: 0; padding: 0; width: 100%; }

/* =screenshot_viewer ************************************/
.screenshot_viewer .cols { margin: 0; padding: 0; width: 100%; } 
.screenshot_viewer .cols .col { margin: 0; padding: 0; width: 100%; } 
.screenshot_viewer .cols .col .block-a { margin: 0; padding: 0; width: 100%; } 
.screenshot_viewer .cols .col .block-a h2 { width:100%; min-width: 300px; background: none; border-top: solid 2px #7e8083; border-bottom: solid 1px #7e8083; }  
.screenshot_viewer .cols .col .block-a .controls_container { width: 400px; margin: 10px 0 0 20px; } 
.screenshot_viewer .cols .col .block-a .controls_container .controls { float: left; margin: 0 50px 20px 0; } 
.screenshot_viewer .cols .col .block-a .controls_container .controls h4 { margin:0; padding: 0; } 
.screenshot_viewer .cols .col .block-a .controls_container .utility { list-style-type:none; margin: 0; padding:0; float: left; } 
.screenshot_viewer .cols .col .block-a .controls_container .utility li.previous { float: left; margin:0; padding: 0; } 
.screenshot_viewer .cols .col .block-a .controls_container .utility li.next { float: left; margin: 0 0 0 8px; padding: 0; } 
.screenshot_viewer .cols .col .block-a .controls_container .utility li.previous a:hover { text-decoration:none; } 
.screenshot_viewer .cols .col .block-a .controls_container .utility li.next a:hover {  text-decoration:none; } 
.screenshot_viewer .cols .col .block-a .image_summary { text-align:center; min-width: 150px; } 
.screenshot_viewer .cols .col .block-a .image_summary h5 { margin: 10px 0 0 0; padding: 0; }

#overlay_1 { width: 330px; height: 100px; margin: -112px 0 0 300px; padding: 10px; border: solid 1px white; position: absolute; visibility: hidden; background: black; }
#overlay_1 a { color: #71caef; display: inline; }
#overlay_1 a:hover { color: #fff; text-decoration: underline; }

.h2_match_making_bg {background: url('/images/halo2stats/achrnonosbnet.jpg') no-repeat; width:300px; height:33px; float:left;}
.h3_match_making_bg {background: url('/images/halo3stats/player.jpg') no-repeat; width:300px; height:33px; float:left;}
.h2_match_making_gt {}

/*Friends list and leaderboard */
h2_friends_lb {}
div.h2_friends_lb_right {float:right; margin-top:10px; width:375px; background:#333333; height:2200px;}
div.h2_friends_lb_right table { padding:0px; table-layout:auto; }
div.h2_friends_lb_right table tr {}
div.h2_friends_lb_right table tr td {text-align:center; color: #afafaf; font: 12px Helvetica, Arial, sans-serif;}
div.h2_friends_lb_right table tr td.header {background:#20425e;text-align:center; color: #ffffff; font: 14px Helvetica, Arial, sans-serif; font-weight:bolder; border-bottom: solid 1px #ffffff;}
div.h2_friends_lb_right table tr td.rank {width:25px;}
div.h2_friends_lb_right table tr td.level {width:75px; height:20px;}
div.h2_friends_lb_right table tr td.player {width:172px; text-align:left;}
div.h2_friends_lb_right table tr td.status {width:50px;height:20px;}
div.h2_friends_lb_right table tr td.wins {width:50px;}

div.h2_friends_lb_left {float:left; margin-top:9px; }
div.h2_friends_lb_left ul {list-style:none; padding:0px; width:125px; margin:0px;border-bottom:solid 1px #fff;background:#222222;}
div.h2_friends_lb_left ul li {border-top:solid 1px #fff;margin:0px;padding:0px;height:15px;}
div.h2_friends_lb_left ul li.header {padding-left:3px;background:#20425e;height:21px; font: 14px Helvetica, Arial, sans-serif; color:#fff; font-weight:bolder; border-top:none;}
div.h2_friends_lb_left ul li a.selected {background:#333333;border-right:none;}
div.h2_friends_lb_left ul li a {color:#fff; font:12px Helvetica, Arial, sans-serif;height:15px;border-right:solid 1px #fff; padding-left:3px;  display:block;}
div.h2_friends_lb_left ul li a:hover {background:#e08421; text-decoration:none; color:#fff;}
div.h2_friends_lb_left ul li a:visited {text-decoration:none; color:#fff;}

div.friends_nav {margin-top:5px;}
div.h2_friends_lb_tab {float:left; width:100px; height:15px; padding-left:5px;}
div.h2_friends_tab {float:left; border-right: solid 1px #fff;height:15px; width:65px; padding-left:5px;}

/* bungie stats page  */
.stat_info_links { width: 196px; margin: 0; padding: 10px 0 0 20px; list-style-type: none; margin: auto; } 
.stat_info_links a { display: block; width: 196px; height: 26px; margin: 0 0 5px 0; }
   
.stat_info_links a.playlists { background: transparent url("/images/base_struct_images/stats/playlists.gif") no-repeat left top; } 
.stat_info_links a.stats { background: transparent url("/images/base_struct_images/stats/stats.gif") no-repeat left top; } 
.stat_info_links a.matchmaking { background: transparent url("/images/base_struct_images/stats/matchmaking.gif") no-repeat left top; } 
.stat_info_links a.medals_bt { background: transparent url("/images/base_struct_images/stats/medals.gif") no-repeat left top; } 
.stat_info_links a.cheating { background: transparent url("/images/base_struct_images/stats/cheating.gif") no-repeat left top; } 
.stat_info_links a.faqs { background: transparent url("/images/base_struct_images/stats/faqs.gif") no-repeat left top; }
   
.stat_info_links a.playlists_over { background: transparent url("/images/base_struct_images/stats/playlists.gif") no-repeat left bottom; } 
.stat_info_links a.stats_over { background: transparent url("/images/base_struct_images/stats/stats.gif") no-repeat left bottom; } 
.stat_info_links a.matchmaking_over { background: transparent url("/images/base_struct_images/stats/matchmaking.gif") no-repeat left bottom; } 
.stat_info_links a.medals_bt_over { background: transparent url("/images/base_struct_images/stats/medals.gif") no-repeat left bottom;} 
.stat_info_links a.cheating_over { background: transparent url("/images/base_struct_images/stats/cheating.gif") no-repeat left bottom; } 
.stat_info_links a.faqs_over { background: transparent url("/images/base_struct_images/stats/faqs.gif") no-repeat left bottom; } 

.halo_forum_nav { width: 233px; padding: 10px 0  0  0; list-style-type: none; margin: auto; } 
.halo_forum_nav a { display: block; width: 230px; text-align: center;} 
.halo_forum_nav a.halo3BetaForum { width: 230px; height: 70px; margin: 0 0 8px 0; background: transparent url("/images/base_struct_images/stats/h3betaforumbanner.jpg") no-repeat left top; } 
.halo_forum_nav a.halo3BetaForumBt { width: 233px; height: 26px; margin: 0 0 12px 0; background: transparent url("/images/base_struct_images/stats/h3betaforumbutton.gif") no-repeat left top; } 
.halo_forum_nav a.h2optimatchForum { width: 230px; height: 70px; margin: 0 0 8px 0; background: transparent url("/images/base_struct_images/stats/h2optimatchforumbanner.jpg") no-repeat left top; } 
.halo_forum_nav a.h2optimatchForumBt { width: 233px; height: 26px; margin: 0 0 12px 0; background: transparent url("/images/base_struct_images/stats/h2optimatchforumbutton.gif") no-repeat left top; } 
.halo_forum_nav a.halo3BetaForum_over { width: 230px; height: 70px; margin: 0 0 8px 0; background: transparent url("/images/base_struct_images/stats/h3betaforumbanner.jpg") no-repeat left bottom; } 
.halo_forum_nav a.halo3BetaForumBt_over { width: 233px; height: 26px; margin: 0 0 12px 0; background: transparent url("/images/base_struct_images/stats/h3betaforumbutton.gif") no-repeat left bottom; } 
.halo_forum_nav a.h2optimatchForum_over { width: 230px; height: 70px; margin: 0 0 8px 0; background: transparent url("/images/base_struct_images/stats/h2optimatchforumbanner.jpg") no-repeat left bottom; } 
.halo_forum_nav a.h2optimatchForumBt_over { width: 233px; height: 26px; margin: 0 0 12px 0; background: transparent url("/images/base_struct_images/stats/h2optimatchforumbutton.gif") no-repeat left bottom; }

.container_top { background: transparent url('/images/base_struct_images/stats/container_top.gif') no-repeat left top; padding: 5px 0 0 0;} 
.container_bottom { width: 338px; background: transparent url('/images/base_struct_images/stats/container_bottom.gif') no-repeat left bottom; padding: 0 0 5px 0; } 
.container_bg { background: transparent url('/images/base_struct_images/stats/container_bg.gif') } 
.stats_cont_top { width: 322px; margin: 0 0 0 6px; padding: 5px 0 0 0; border: solid 1px transparent; } 
.stats_cont_bottom { width: 322px; margin: auto; padding: 0 0 5px 0; }

/* halo 2, halo 3 =error pages */
.error_wrapper { width: 640px; margin: 50px auto 0px auto; }
.error_cont_top { width: 640px; padding: 4px 0 0 0; background: transparent url('/images/Errors/error_cont_top.gif') no-repeat top center; }
.error_cont_bottom { padding: 0 0 4px 0; background: transparent url('/images/Errors/error_cont_bottom.gif') no-repeat bottom center; }
.error_cont_bg { margin: 0 0 0 -1px; padding: 0 0 4px 0; background: transparent url('/images/Errors/error_cont_bg.gif') repeat-y; }
.error_small { width: 90px; height: 75px; position: relative; float: left; margin: 8px 20px 5px 20px; background: transparent url('/images/Errors/error_exclamation.gif'); }
.error_message { padding: 8px 20px 5px 0; font-size: 15px; line-height: 18px; }
/*.error_message a:link, .error_message  a:active, .error_message  a:hover, .error_message  a:visited { text-decoration: underline; color: #ec9c46; }
.error_message a:hover { color: #dfae78 }*/
.error_h2_large { background: transparent url('/images/Errors/error_halo2.jpg') no-repeat; width: 562px; height: 290px; margin: 20px auto 20px auto; }
.error_h3_large { background: transparent url('/images/Errors/error_halo3.jpg') no-repeat; width: 372px; height: 280px; margin: 20px auto 20px auto; }

/* =login, =passport */
.passport_page { width: 3000px; height: 2000px; background: #1f1f1f; }
.passport_page .banner { background: transparent url(/images/base_struct_images/login/header.jpg); width: 902px; height: 92px; }
.passport_page .rightside_cont { background: transparent url(/images/base_struct_images/login/body3.jpg) no-repeat left top; width: 566; height: 336px; margin: 0; }
.passport_page .rightside { padding: 40px 0 20px 15px; width: 554px; font-size: 15px; font-weight: bold; line-height: 20px; }
.fContent_cont_passport { width: 3000px; height: 1000px; margin: 0; padding: 0; background: #1f1f1f; }
.fContent_passport { width: 897px; height: 60px; float: left; background: black; margin: 0; padding: 0 0 0 5px}
a.register_now { width: 151px; height: 26px; margin: 0 0 0 15px; background: transparent url("/images/base_struct_images/login/registernowbutton.jpg") no-repeat left top; position: absolute; }
a.register_now_over { width: 151px; height: 26px; margin: 0 0 0 15px; background: transparent url("/images/base_struct_images/login/registernowbutton.jpg") no-repeat left bottom; position: absolute; }

.passport_page .signup_banner { background: transparent url(/images/base_struct_images/signup/header.jpg) no-repeat top left; width: 902px; height: 126px; }
.passport_page .signup_rightside { background: transparent url(/images/base_struct_images/signup/gradient.jpg) repeat-y top left; height: 100%; width: 256px; }

/* =webcam2 */
.webcam_page .banner { background: transparent url(/images/Inside/WebcamPicts/webcamheader.jpg) no-repeat left top; width: 902px; height: 132px; margin: 1px 0 0 0; } 
.webcam_page .rowA { width: 902px; padding: 20px 0 20px 0; } 
.webcam_page .rowB { width: 902px; background: #232425; padding: 20px 0 20px 0; border-bottom: solid 5px #1b1d1f; } 
.webcams_cont { width: 742px; margin: auto; } 
.webcams_cont .container_topA { background: transparent url(/images/Inside/WebcamPicts/webcam_cont_topA.gif) no-repeat center top; width: 326px; padding: 3px 0 0 0; float: left; } 
.webcams_cont .container_topA2 { background: transparent url(/images/Inside/WebcamPicts/webcam_cont_topA.gif) no-repeat center top; width: 326px; padding: 3px 0 0 0; float: right; } 
.webcams_cont .container_bottomA { background: transparent url('/images/Inside/WebcamPicts/webcam_cont_bottomA.gif') no-repeat center bottom; padding-bottom: 3px; width: 326px; } 
.webcams_cont .img_contA { text-align: center; background: #1b1d1f; width: 326px; height: 240px; overflow: hidden; } 
.webcams_cont .container_topB { background: transparent url(/images/Inside/WebcamPicts/webcam_cont_topB.gif) no-repeat center top; width: 326px; height: 246px; padding: 3px 0 0 0; float: left; } 
.webcams_cont .container_topB2 { background: transparent url(/images/Inside/WebcamPicts/webcam_cont_topB.gif) no-repeat center top; width: 326px; height: 246px; padding: 3px 0 0 0; float: right; } 
.webcams_cont .container_bottomB { background: transparent url('/images/Inside/WebcamPicts/webcam_cont_bottomB.gif') no-repeat center bottom; padding-bottom: 3px; width: 326px; } 
.webcams_cont .img_contB { text-align: center; background: #414447; width: 326px; height: 240px; overflow: hidden; } 
.webcams_cont img { width: 320px; height: 240px; text-align: center; }

/* =map */
.mapframe h4 { float:left;padding-left:5px; } 
.mapframe .F5Ad_cont { float:right;padding:5px; } 
.mapframe .email_map { float:right;padding-top:10px; } 
.mapframe .links { float:right;padding-top:10px;margin-right:20px; } 
.mapframe .player_list { float: left; } 
.mapframe .image_matteA { padding: 2px; float:left; width:30px; text-align: center; } 
.mapframe .image_matteB { padding: 2px; float:left; width:30px; text-align: center; background-color:#666666; } 
.mapframe .dummy_img { float: left; height: 20px; width: 20px; } 
.mapframe .linkBt_cont { float: left; margin: 4px 0 0 10px; } 
.mapframe .map { float: right; } 
.mapframe .map_thumbs { margin-left:10px; } 
.mapframe .iframe_spacer { height: 850px; clear: both; }

/* =formatting_legend */
.formatting_legend { color:#BBBBBB; font-size: 12px; line-height: 15px; font-weight: normal; }
.formatting_legend .fake_link { color: #71caef; text-decoration: none; display: inline;}
.formatting_legend .fake_link:hover { color: #FFFFFF; text-decoration: underline; }

