
/*==grid== this is the layout and structure classes to create for homepage and the jump pages==*/

div.nbc_span-1, div.nbc_span-2, div.nbc_span-3, div.nbc_span-4, div.nbc_span-5, div.nbc_span-6, div.nbc_span-7, div.nbc_span-8, div.nbc_span-9, div.nbc_span-10, div.nbc_span-11, div.nbc_span-12, div.nbc_span-13, div.nbc_span-14, div.nbc_span-15, div.nbc_span-16, div.nbc_span-17, div.nbc_span-18, div.nbc_span-19, div.nbc_span-20, div.nbc_span-21, div.nbc_span-22, div.nbc_span-23, div.nbc_span-24 {float:left;margin-right:6px;}
div.last {margin-right:0;}
.nbc_span-1 { width: 217px;}

.nbc_span-2 { width: 232px;}

.nbc_span-3 {width:300px; }

.nbc_span-4 { width: 421px;}

.nbc_span-5 { width: 622px;}
.nbc_span-6 { width: 728px; height: 260px;}
.nbc_span-7 { width: 849px;}


.nbc_append-1 { padding-right: 122px;}
.nbc_append-2 { padding-right: 244px;}
.nbc_append-3 { padding-right: 366px;}
.nbc_append-4 { padding-right: 488px;}
.nbc_append-5 { padding-right: 610px;}
.nbc_append-6 { padding-right: 732px;}
.nbc_append-7 { padding-right: 854px;}

.nbc_prepend-1 { padding-left: 122px;}
.nbc_prepend-2 { padding-left: 244px;}
.nbc_prepend-3 { padding-left: 366px;}
.nbc_prepend-4 { padding-left: 488px;}
.nbc_prepend-5 { padding-left: 610px;}
.nbc_prepend-6 { padding-left: 732px;}
.nbc_prepend-7 { padding-left: 854px;}

.nbc_pull-1 { margin-left: -122px;}
.nbc_pull-2 { margin-left: -244px;}
.nbc_pull-3 { margin-left: -366px;}
.nbc_pull-4 { margin-left: -488px;}
.nbc_pull-5 { margin-left: -610px;}
.nbc_pull-6 { margin-left: -732px;}
.nbc_pull-7 { margin-left: -854px;}
.nbc_pull-8 { margin-left: -976px;}
.nbc_pull-1, .nbc_pull-2, .nbc_pull-3, .nbc_pull-4, .nbc_pull-5, .nbc_pull-6, .nbc_pull-7, .nbc_pull-8, .nbc_pull-9, .nbc_pull-10, .nbc_pull-11, .nbc_pull-12, .nbc_pull-13, .nbc_pull-14, .nbc_pull-15, .nbc_pull-16, .nbc_pull-17, .nbc_pull-18, .nbc_pull-19, .nbc_pull-20, .nbc_pull-21, .nbc_pull-22, .nbc_pull-23, .nbc_pull-24 {float:left;position:relative;}

.width_954, .width_730, .width_650, .width_216, .width_425, .width_300{
	float:left;margin-right:5px;
}

.width_216{width:216px;}
.width_300{width:300px;}
.width_425{width:425px;}
.width_650{width:650px;}
.width_730{width:730px;}
.wid_954{width:954px;}

.bump_5{margin-top:5px;}
.bump_10{margin-top:10px;}
.bump_15{margin-top:15px;}
.bump_20{margin-top:20px;}


.nbcPull_13{margin-left:-13px;}

.nbc_push-1 { margin: 0 0 1.5em 0;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}

/*==Repeatable elements==*/
.nbc_theBox{
	position:relative;
	border: 1px solid #999;
	padding:35px 11px 15px 11px;
	background:#fff;
}
.nbc_theBox .HDR_box{
	width:100%;
	position:absolute;
	top:-1px;
	left:-1px;
	background:transparent scroll no-repeat 0 0;
}
.wid_730 .HDR_box{width:730px;background-image:url(/assets/images/v08/global/hdr_bg730.gif);}
.wid_649 .HDR_box{width:649px;background-image:url(/assets/images/v08/global/hdr_bg650.gif);}
.wid_423 .HDR_box{width:423px; background-image:url(/assets/images/v08/global/hdr_bg423.gif);}
.wid_300 .HDR_box{width:300px; background-image:url(/assets/images/v08/global/hdr_bg299.gif);}
.wid_222 .HDR_box{width:218px; background-image:url(/assets/images/v08/global/hdr_bg218.gif);}
* html .wid_222 .HDR_box{width:218px; background-image:url(/assets/images/v08/global/hdr_bg218.gif); margin-left:-11px;}


.wid_216 .NBC_box{
	margin:0 0 17px 0;
	padding-left:0;
}
.HDR_box h1{
	font-weight:bold;
	color:#0D762C;
	font-size:20px;
	text-transform:uppercase;
	margin:10px 0 0 12px;
}
.HDR_box h2{
	float:left;
	font-weight:bold;
	color:#0D762C;
	font-size:14px;
	text-transform:uppercase;
	margin:10px 0 0 12px;
}
.theBox_hdr h2{
	float:left;
	font-weight:bold;
	color:#0D762C;
	font-size:16px;
	text-transform:uppercase;
	margin:10px 0 0 12px;
}
#nbc_jump #nbc_masterContent{
	padding:21px 0;
	margin-bottom:15px;
}
#mobile_leader.nbc_theBox, #video_leader.nbc_theBox, #games_leader.nbc_theBox {
	_padding-right: 8px !important;
}
#mobile_leader{
	height:auto;clear:right;
}
.wid_649, .wid_216, .wid_300, .wid_423, .col423px, .col300px, .wid_730 {position:relative;float:left;}
.wid_730{
	width:706px;
}
.wid_649{
	width:623px;
}

.wid_649 .NBC_box, .wid_423 .NBC_box{
	background-image:url('/assets/images/v08/hp/default/divider2.gif');
}
.nbc_theBox .NBC_box{
	padding:13px 0;
	line-height:15px;
}

.wid_216{
	width:218px;
}
.wid_423{
	width:399px;
}
.col423px{width:423px;}
.col300px{width:300px;}

.wid_300{
	width:275px;
}
#nbc_jump #companion_Ad{
	float:right;
	width:299px;
	height:251px;
	margin:0 0px 0 0;
	padding:0;
}

.top6px{
	margin-top:6px;
}
.top8px{margin-top:8px;}
.push_6{
	margin-right:6px;
}
.wid_954{margin:0 0 0 9px;}
hr{
	display:block;
	height:1px;
	border:none;
	background: transparent url('/assets/images/v08/hp/default/divider.gif') scroll no-repeat 0 0;
	}
.clearIt{
	float:left;
	clear:both;
}