﻿.service_box .bigleft { display: block; float:left; margin:15px 15px 0px 12px; min-height: 100px; width: 640px;background: url(/images/base_struct_images/stats/topboxback.jpg) repeat-x #000; border: 2px solid black; border-bottom: none;}
	.service_box .bigleft div.info { margin-left: 15px; float:left; margin-top: 10px; width: 612px; display: block; color: #fff; margin-bottom:10px;}
		.service_box .bigleft div.info span { float: left; }
		.service_box .bigleft div.info a { float: right;}
	.service_box .bigleft .top_box { display:block; width: 100%; float: left; height: 360px; margin-bottom:15px; background: url(/images/base_struct_images/stats/trophyframe.gif) no-repeat top center; text-align: center;}
		.service_box .bigleft .top_box img.trophy ,.service_box .bigleft .top_box img.four_by_three_trophy {  margin-top: 13px; }
		.service_box .bigleft .top_box div.gallery { float:right; margin-top: -20px; display: block; font-style: italic; position:absolute; width: 540px; text-align: right; }
	.service_box .bigleft .noback div.roadtorecon { float: left; width: 610px; margin-left: 15px; background: none; height: 65px;}
		.service_box .bigleft .noback div.roadtorecon .text { float: left; width: 175px; font-style:italic;line-height: 15px; padding-top: 5px; color: #fff;}
			.service_box .bigleft .noback div.roadtorecon .text .howmany { white-space: nowrap; line-height: 18px;padding: 0; font-style:italic;}
				.service_box .bigleft .noback div.roadtorecon .text .howmany span.littletext{ font-size: 11px; color: #555; white-space: nowrap; line-height: 27px;padding: 0;}
					.service_box .bigleft .noback div.roadtorecon .text .howmany span.littletext a { font-size: 11px; white-space: nowrap;font-style:italic;}
			.service_box .bigleft .noback div.roadtorecon ul { float: right; }
				.service_box .bigleft .noback div.roadtorecon ul li { width: auto; padding-top: 0; margin-right: 6px;}
					.service_box .bigleft .noback div.roadtorecon img { float: left; margin-left: 5px; }
					.service_box .bigleft .noback div.roadtorecon img.achievements { height: 50px; width: 50px; }
	.service_box .bigleft .odst_box{display:block;width: 298px;float: left;background: #000;border-right:4px solid #1e1e1e;padding-left: 12px;padding-right: 8px;padding-bottom: 12px;}
		.service_box .bigleft .odst_box .topper { background: url(/images/halo3stats/odstheader.jpg) no-repeat top left;}
		.service_box .bigleft .odst_box .graphic .portrait{padding-top: 10px;height: 129px;}
		
	.service_box .bigleft .halo3_box { display:block; width: 298px; float: left; background: #000;border-left:none; padding-left: 12px; padding-right: 8px; padding-bottom:12px; }
		.service_box .bigleft .halo3_box .topper { background: url(/images/halo3stats/halo3header.jpg) no-repeat top left;}
		.service_box .bigleft .halo3_box ul.colorbar li.value { color: #fff;}	
	
	.service_box .bigleft .noRecord{width:318px;height:565px;display: block;padding:0;}
		.service_box .bigleft .noRecord p{margin-top:85px; width:285px; margin-left: 15px;color: #fff;font-size:11px;}
		.service_box .bigleft .noRecord .bluebutton{margin-left:15px; width:120px;}	
		.service_box .bigleft .noODST{background:url(/images/halo3stats/identity/notfound/odst.jpg) no-repeat top left;}	
		.service_box .bigleft .noHalo3{ padding:0;background:url(/images/halo3stats/identity/notfound/halo3.jpg) no-repeat top left;}
	
	.service_box .bigleft .odst_box,.service_box .bigleft .halo3_box{}	
		.service_box .bigleft .topper { display: block; width: 297px; height: 31px; line-height: 30px; }
			.service_box .bigleft .topper span.label { display: block; text-indent: -9000px; float: left;}
			.service_box .bigleft .topper span.counter { display: block; float: right; margin-right:10px; color:#a9a9a9; }
		.service_box .bigleft .graphic { float: left; margin-top: 0; width: 292px; border-bottom: 1px solid #3f3f3f; height: 144px;}
			.service_box .bigleft .graphic .portrait { float: left; margin-right: 10px; width: 139px; height: 135px; margin-bottom: 4px; overflow: hidden;}
			.service_box .bigleft .graphic .pie { z-index: 1; position: relative; }
				.service_box .bigleft .graphic .pie canvas { z-index: 5; }
			.service_box .bigleft .graphic .black-bag {width:135px; height:135px; background: url(/images/halo3stats/pie-graph-overlay.png) center center no-repeat; color: #636363;display: block;text-align: center; margin-top: -135px;position:absolute;z-index:10; margin-left:149px; display: none; }
				.service_box .bigleft .graphic .black-bag img { margin-top: 28px; }
				.service_box .bigleft .graphic .black-bag .score { width: 64px; height: 64px; margin-top: -64px; text-align: center; padding-top: 20px; margin-left: 36px; font-weight: bold; color:#656460; }
				.service_box .bigleft .graphic .black-bag .medal { background: url(/images/halo3stats/fpo/h3medal.gif) no-repeat top left; width: 64px; height: 64px; margin-top: 36px; text-align: center; padding-top: 20px; margin-left: 36px; font-weight: bold; }
		.service_box .bigleft .legend { display: block; width: 100%; float: left; }
			.service_box .bigleft li.label { display: block; width: 100px; height: 30px; line-height: 30px; border-bottom: 1px solid #3f3f3f; float: left; margin:0; font-size: 1.015em; color: #fff;}
				.service_box .bigleft li.label span{margin-right:5px;}
			.service_box .bigleft li.value { display: block; width: 36px; height: 30px; line-height: 30px; border-bottom: 1px solid #3f3f3f; float: left; margin:0; text-align: right; padding-right:10px; color: #a5a5a5; font-size: 11px;}
			.service_box .bigleft ul.legend li.skullprogress { display: block; width: 293px; height: 30px; line-height: 30px; border-bottom: 1px solid #3f3f3f; float: left; margin:0; background: url(/images/base_struct_images/stats/skullbackground.jpg) repeat-x top left;}
		.service_box .bigleft ul.highscore li { border-bottom: none; width: 170px; padding-right:0;}
			.service_box .bigleft ul.highscore li.value { border-bottom: none; width: 120px; padding-right:0;}
		.service_box .bigleft .playlistrating div  { float: left; }
			.service_box .bigleft .playlistrating div  p { float: left; height: 92px;}
		.service_box .bigleft ul.colorbar{border-bottom-width:6px;border-bottom-style:solid;margin-bottom:14px;float:left;clear:both;}
			.service_box .bigleft ul.campaign{border-bottom-color:#034D0B;}
			.service_box .bigleft ul.firefight{border-bottom-color:#7D5200;}
			.service_box .bigleft ul.colorbar li { width: 95px; padding-right:10px; padding-left: 10px;}
				.service_box .bigleft ul.blue li { border-color: #18495e;}
				.service_box .bigleft ul.yellow li { border-color: #6f661b;}
			.service_box .bigleft ul.colorbar li.value { color: #fefefe; border: solid 1px #3f3f3f; border-left: none;background: url(/images/base_struct_images/stats/minibargraph.jpg) repeat-x top left; width:155px;}
			.service_box .bigleft ul.colorbar li.value img { margin-top:6px;}
			.service_box .bigleft ul.colorbar li.label { border: solid 1px #3f3f3f; border-right: none;background: url(/images/base_struct_images/stats/minibargraph.jpg) repeat-x top left;}
		.service_box .bigleft .barcont { width:292px; display: block; height: 6px; margin-bottom: 14px; float: left;}
			.service_box .bigleft .barcont .bar { height: 6px; display: block; float: left; }
			.service_box .bigleft .campaign .bar { background: #034d0b; }
			.service_box .bigleft .firefight .bar { background: #7d5200; }
			.service_box .bigleft .blue { background: #09212c; }
				.service_box .bigleft .blue .bar { background: #18495e; }
			.service_box .bigleft .yellow { background: #2a2608; }
				.service_box .bigleft .yellow .bar { background: #6f661b; }
		.service_box .bigleft .gamedata {float:left; width: 292px; background: url(/images/halo3stats/gamestat-back.jpg) repeat-x #000;}
			.service_box .bigleft .gamedata .gamehead{text-align:center; height: 30px; line-height: 25px;}
				.service_box .bigleft .gamedata .gamehead a.previous{float: left; display: block; width: 20px; height:20px; background: url(/images/halo3stats/fpo/prev.jpg) no-repeat top left;margin-left: 3px;}
				.service_box .bigleft .gamedata .gamehead a.next{float: right; display: block; width: 20px; height:20px; background: url(/images/halo3stats/fpo/next.jpg) no-repeat top left; margin-right: 3px;}
			.service_box .bigleft .gamedata .gamebody{float: left;display: block; height:80px; width: 100%; background-repeat:no-repeat; padding-top: 17px;}
				.service_box .bigleft .gamedata .gamebody p.thisscore {color: white; font-size:24px; line-height:35px; margin-bottom:7px;}
			.service_box .bigleft .gamedata .gamedetails{float: left; display: block; width: 270px; background: #191919; border:1px solid #444; padding: 10px; line-height: 15px;}

.service_box .littleright { float: left; width: 219px; margin-top: 5px;}
	.service_box .littleright .box { background: url(/images/halo3stats/boxy-back-1.gif) top left no-repeat; display: block; height: 40px; width: 219px; margin-top: 10px; padding-top:10px; float: left;}
		.service_box .littleright .box a { display: block; width: 197px; height: 32px; line-height: 32px; background: url(/images/halo3stats/button-back.gif) no-repeat top left; margin-left: 10px; text-align: left; font-size: 12px;}
			.service_box .littleright .box a:hover { text-decoration:none;}
			.service_box .littleright .box a span{ width: 197px; height: 21px; background: url(/images/base_struct_images/stats/rightcol-icons.gif) no-repeat top left; padding-left: 28px; margin-left: 3px; padding-top: 5px; white-space: nowrap;}
			.service_box .littleright .profile a span{background-position: left bottom;}
			.service_box .littleright .fileset a span{background-position: 0 -22px;}
			.service_box .littleright .fileshare a span{background-position:0 -42px;}
		.service_box .littleright .box.overallscore { background: url(/images/base_struct_images/stats/overallscoresback.jpg) no-repeat top left; display: block; width: 159px; height:72px; padding-left: 60px; padding-top:20px;}
			.service_box .littleright .box.overallscore ul { list-style: none; color: white; font-size: 11px; width: 135px;}
				.service_box .littleright .box.overallscore ul li{ float: left; line-height: 14px;}
				.service_box .littleright .box.overallscore ul li.value{ float: right; }
				.service_box .littleright .box.overallscore ul li.little{ font-size:10px; color: #ababab; width: 100%; }
				.service_box .littleright .box.overallscore ul li.green{ color: #a0ee76; }
				.service_box .littleright .box.overallscore ul li.red{ color: #ff2e2e; }
	.service_box .littleright .content { background: url(/images/halo3stats/boxy-back-2.gif) top left #000 no-repeat; display: block; width: 219px; float: left;}
		.service_box .littleright .fileset.content ul { list-style: none; float: left; border-bottom: 1px solid #333; width: 194px; margin-left: 10px; }
			.service_box .littleright .fileset.content ul.last { border: none; }
			.service_box .littleright .fileset.content ul li { float: left; height: 30px; line-height: 30px; color: white; font-size: 11.5px; text-indent: 3px;}
				.service_box .littleright .fileset.content ul li a { line-height: 30px;}
			.service_box .littleright .fileset.content ul li.value{ float: right; font-size: 10px; }
		.service_box .littleright .fileshare.content ul { list-style: none; float: left; border-bottom: 1px solid #333; width: 194px; margin-left: 10px; background: url(/images/base_struct_images/stats/fileshare-icon.gif) no-repeat right 5px;margin-bottom: 10px; padding-bottom: 10px;}
			.service_box .littleright .fileshare.content ul.last { border: none; }
			.service_box .littleright .fileshare.content ul li { line-height: 19px; color: #9b9a9a; font-size: 10px; text-indent: 3px;}
				.service_box .littleright .fileshare.content ul li a { line-height: 18px; font-size: 12px; background-image: none; background-repeat: no-repeat; background-position: left center; padding-left: 32px; display: block; margin-top: 4px; margin-left: 4px;}
		

div.community_colB{width:602px;}
	div.community_colB .profile_strip{width:562px; padding:10px 28px 10px 10px;}
		div.community_colB .profile_strip img{float:left;border:2px solid #666666;}
		div.community_colB .profile_strip div{width:380px; float:right;}
			div.community_colB .profile_strip div p{font-weight:bold;}

.service_box .bigleft ul.colorbar {
border:0;
clear:none;
float:none;
margin:0;
}