@charset "utf-8";
/* CSS Document */

.content {
	
	background:#000;
	color:#fff;
	font-family: Arial,Sans-serif;
	font-size:12px;
	line-height:20px;
}

a {

	color:#71caef;
	font-weight:normal;
	text-decoration:none;
	border:none;
}

a img {
	border:none;
}

.content_helpContent {
	width:903px;
	margin: 0 auto;
	background: url("https://halo.bungie.net/images/help/base_struct/bg_wLeftColumn.png") repeat-y ;
	margin-top:0px;
	height:100%;
	overflow:hidden;
}

.content div.block-b {
	padding: 18px 18px 18px 18px;
	width: 699px;
	margin:0 auto;
	float: right;
	height:100%;
	padding-top:0px;
}

/*.content div.block-b h2 {
	border-bottom: 2px solid black;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 21px;
	line-height: 42px;
	min-height: 46px;
	padding-left: 57px;
	position: relative;
	background: url(/images/help/base_struct/faq_top.png) no-repeat left top scroll;
	border-bottom: 2px solid black;
	width: auto;
	margin-bottom:0px;
}*/

.bnet_banner {
	height:107px;
	width:100%;
	z-index:100;
	background:url(https://halo.bungie.net/images/help/base_struct/bnet.png) no-repeat top center;
	position:;
}

.ContentHolder {
border-top: 1px solid #2C2C2C;
padding: 10px 0;
clear:both;
position:relative;
}
    .block-b > .ContentHolder .link_top
    {
        font-size:12px;
        position:absolute;
        bottom:2px;
        right:0;
    }
        .block-b > .ContentHolder .link_top.higher
        {
            bottom:35px;
        } 
.content_helpContent h1{font-size:24px;font-weight:bold;margin:16px  0;}
.content_helpContent p{margin:0 0 12px;}
h2 {
	font-weight:normal;
}
    .content div.block-a h2{margin:14px 0;}

div h5 {
font: bold 12px/15px Arial,sans-serif;
color: #FEFEFE;
margin: 0;
padding: 0;
}

div h6 {
font: 12px/15px  Arial, sans-serif;
color: #BBB;
margin: 0 0 .5em 0;
padding: 0;
}

div.list-j h5 {
background: none;
color: white;
margin: 0;
padding: 0;
}

div.list-j h6 {
background: none;
color: white;
margin: 0;
padding: 0;
}

.content div.block-a {
	padding: 18px 18px 18px 18px;
	width: 132px;
	margin:0 auto;
	float: left;
	height:100%;
	/*position:fixed;*/
	background: url(https://halo.bungie.net/images/help/base_struct/left_bg.png) top center #2f2e30 no-repeat;
	margin-top:0px;
	height:auto;
	padding-bottom:100%;
}

.sidebar_header {
	text-align:center;
	padding-bottom:15px;
}

.sidebar_header ul{
	padding:10px 0px;
}

.sidebar_links {
	padding-left:0px;
	border-top:1px solid #4b494c;

}

.sidebar_links ul {
	list-style:none;
	padding-left: 7px;
}

.sidebar_links a:active {
	color:#71caef;
	line-height:20px;
	text-decoration:none;
	font-size:12px;
}
.sidebar_links strong{margin-left:7px;border-bottom:1px solid #4b494c; margin-bottom:5px;padding-bottom:5px;display:block;color:#71CAEF;cursor:pointer;}
.nav_styleguide
{
    border-bottom:1px solid #4b494c;
    padding-bottom:14px;
    display:none;
}
.sidebar_return {
	border-top:1px solid #4b494c;
	width:122px;
	padding:5px;
}

div h4 {
font: 14px/15px Arial, sans-serif;
color: #FEFEFE;
margin: 1em 0 1em 0;
padding: 0;
width: 100%;
font-weight:bold;
}

div h5 {
font: bold 12px/15px Arial, sans-serif;
color: #FEFEFE;
margin: 0;
padding: 0;
}

div p {
font-family:Helvetica, Arial, sans-serif;
color: #BBB;
margin: 0 0 1em 0;
padding: 0;
}

.icon {
	width:180px;
	height:165px;
	float:left;
	margin:10px 5px;
}

#shield {
	background:url(https://halo.bungie.net/images/help/base_struct/iconography/shield_off.png) bottom center no-repeat;
}

#shield:hover {
	background:url(https://halo.bungie.net/images/help/base_struct/iconography/shield_on.png) bottom center no-repeat;
}

#swordburst {
	background:url(https://halo.bungie.net/images/help/base_struct/iconography/swordburst_off.png) bottom center no-repeat;
}

#swordburst:hover {
	background:url(https://halo.bungie.net/images/help/base_struct/iconography/swordburst_on.png) bottom center no-repeat;
}

#carnagezone {
	background:url(https://halo.bungie.net/images/help/base_struct/iconography/carnagezone_off.png) bottom center no-repeat;
}

#carnagezone:hover {
	background:url(https://halo.bungie.net/images/help/base_struct/iconography/carnagezone_on.png) bottom center no-repeat;
}

#septagon {
	background:url(https://halo.bungie.net/images/help/base_struct/iconography/septagon_off.png) bottom center no-repeat;
}

#septagon:hover {
	background:url(https://halo.bungie.net/images/help/base_struct/iconography/septagon_on.png) bottom center no-repeat;
}

#workatbungie {
	background:url(https://halo.bungie.net/images/help/base_struct/iconography/workatbungie_off.png) bottom center no-repeat;
}

#workatbungie:hover {
	background:url(https://halo.bungie.net/images/help/base_struct/iconography/workatbungie_on.png) bottom center no-repeat;
}

#heartbungie {
	background:url(https://halo.bungie.net/images/help/base_struct/iconography/heartbungie_off.png) bottom center no-repeat;
}

#heartbungie:hover {
	background:url(https://halo.bungie.net/images/help/base_struct/iconography/heartbungie_on.png) bottom center no-repeat;
}

.download {
	float:right;
	border-left:1px solid #2C2C2C;
	padding:0 10px;
	height:15px;
}

#tooltip {
	position: absolute;
	z-index: 100;
	margin-top:-105px;
	margin-left: -58px;
	height:72px;
	padding:4px;
	line-height:17px;
	background:url(https://halo.bungie.net/images/help/base_struct/tooltip.png) bottom left repeat-x;
/*	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;*/
}

#tooltip h3 {
	font-family:Helvetica, sans-serif;
	color:#FFF;
	font-size:10px;
	padding:0px;
	margin:0px
}

#tooltip div {
font-family:Helvetica, sans-serif; 
padding:0px;
font-size:10px;
width:100px;
font-weight:100;
color:#ffffff;
margin: 0;

}

