/*-------overall site stuff ----------*/

#sectiontop{display:none; visibility:hidden;}
.sliderpencil {position: relative; left: -10px;}
.sliderfooter {
position: relative;
padding-top: 10px;
}

#lCol{margin:0px; }

/*Right Rail */
#rCol .container{ border:0px; background:none; width 300px}	

.arrow{
color: #0a6db3 !important;
}
#lCol, #lCol a{
font-family: Helvetica, sans-serif !important;

}

/*--------position everything-------*/	
#lCol{
position:relative;
top:10px;
}
#rCol{
position:relative;
top: 30px;
color:#fff;
left:20px;
margin-bottom: 30px;
}
#lCol .supercontainer {
background-color:#efefef;
margin:30px 0 30px 0px;
padding:5px 5px 5px 10px;;
width:620px;
}
#lCol #contentinside .supercontainer{
margin-top: 0px;
width: 615px;
background-color: #fff;
border: none;
}
#lCol #contentinside .supercontainer .digest-headline2{
display:none;
}

/* --------- container titles ----------*/					
	
#lCol .supercontainertitle, #lCol .containertitle{
background:none; 
font-size:12px;
font-family: Helvetica, sans-serif;
font-weight: bold !important;
color:#000;
border-bottom: 4px solid #000;
margin-bottom: 8px !important;
padding-bottom: 2px;
padding-left: 0px !important;
}
/* -----------new top story ------ */
#scTopNews .supercontainer_left img{width: 300px; position: relative; left: -15px !important; margin-left: 0px !important; padding-left: 0px!important; }
#scTopNews .supercontainer_right img{display:none; visibility: hiddne;}
#scTopNews a{
color: #0a6db3 !important;
}
#scTopNews .supercontainer .supercontainer_left .headlineonly img{
border: 1px solid #000;
}
#scTopNews .headlineonly .digest-lead{
font-size: 12px;
}
#scTopNews .headlineonly .container_inner .topstory-headline a{
font-size: 20px;
}
#scTopNews .headlineonly .byline{
padding-top: 4px;
padding-bottom: 4px; 
font-size: 11px;
}
#scTopNews .headlineonly .container_inner .b_sq, #scTopNews .headlineonly .container_inner .a_sq{
display:none !important;
}
#scTopNews .headlineonly .container_inner .bl{
position: relative;
padding-left: 0px !important;
margin-left: 0px !important;
left: -4px;
font-size: 12px !important;
}
#scTopNews .topstory_photoleft .headlineonly .container_inner .topstory-headline .img_noborder{
display:none !important;
}
#tsMarcellusTopics .containertitle, #scNewsTopStory .supercontainer_right .containertitle{
border: none !important;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
color: #999 !important;
font-size: 11px !important;
}
#scTopNews .supercontainer_right .rlinks_colorbar1 a, #scNewsTopStory .supercontainer_right .rlinks_colorbar2 a {
font-size: 12px;
font-weight: bold;
}
#scTopNews .supercontainer_right .rlinks_colorbar2 .b_sq, #scNewsTopStory .supercontainer_right .rlinks_colorbar1 .b_sq{
display:inline !important;
}

#tsMarcellusTopics img, #tsMarcellusTopics .topstory_photoleft .container_image_left{
width: 120px !important;
}
#scTopNews .supercontainer{
padding-bottom: 4px !important;
margin-bottom: 10px !important;
}			
/* -----------big photo header div ------ */
#scPipelineSeries{
width: 625px !important;
height: 410px !important;
overflow:hidden; 
}
#scPipelineSeries .supercontainertitle {
margin-bottom: 8px;
padding-bottom: 2px; 
}
#scPipelineSeries .supercontainertitle img{
position: relative;
top: 5px;
}
#scPipelineSeries .supercontainer{
border: none !important;
height: 332px;
}
#scPipelineSeries .container_3col_middle {
border:none !important;
}
#scPipelineSeries .container_image_left{
display:none;
}

#scPipelineSeries .digest-lead, #scPipelineSeries .byline{
display:none;
}
#scPipelineSeries .topstory_photoleft .headlineonly{
display:none;
}
#scPipelineSeries .container_4col_right{
padding-bottom: 0px !important;
}

#dcPipelinePhoto1 .container_image_img img, #dcPipelinePhoto2 .container_image_img img, #dcPipelinePhoto3 .container_image_img img, #dcPipelinePhoto4 .container_image_img img{
border: none !important;
}
.msTotalWrapper{position: relative; height: 343px; width: 630px; overflow: hidden; left: -14px; top: -10px;}
.msMenuWrapper{position: relative; height: 343px; width: 175px; top: 4px; left: 4px; overflow: hidden; border-left: 4px solid #000; z-index: 250 !important;}
.msPhotoWrapper{position: absolute; height: 343px; width: 478px; top: 1px; left: 152px; overflow: hidden; z-index: 2 !important}
.msMenuBG{position: absolute; height: 336px; width: 150px; top: 0px; left:0px;
background: #12b8e3; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyYjhlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzEyYjhlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzBmNmRhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzBlNmVhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzBlNmVhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTRhNzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #12b8e3 0%, #12b8e3 46%, #0f6dad 92%, #0e6eac 96%, #0e6eac 98%, #094a74 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#12b8e3), color-stop(46%,#12b8e3), color-stop(92%,#0f6dad), color-stop(96%,#0e6eac), color-stop(98%,#0e6eac), color-stop(100%,#094a74)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #12b8e3 0%,#12b8e3 46%,#0f6dad 92%,#0e6eac 96%,#0e6eac 98%,#094a74 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #12b8e3 0%,#12b8e3 46%,#0f6dad 92%,#0e6eac 96%,#0e6eac 98%,#094a74 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #12b8e3 0%,#12b8e3 46%,#0f6dad 92%,#0e6eac 96%,#0e6eac 98%,#094a74 100%); /* IE10+ */
background: linear-gradient(left, #12b8e3 0%,#12b8e3 46%,#0f6dad 92%,#0e6eac 96%,#0e6eac 98%,#094a74 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12b8e3', endColorstr='#094a74',GradientType=1 ); /* IE6-8 */}

.msMenuButton{position: relative; z-index: 2; height: 80px; width: 150px; padding-left: 10px; padding-top: 2px; cursor: pointer;color: #fff; border-bottom: 1px solid #aaa; width: 140px;}

.msPhoto1 img{width: 480px;}
.msPhoto2 img{width: 480px;}
.msPhoto3 img{width: 480px;}
.msPhoto4 img{width: 480px;}
.msPhoto1 {position: absolute; top: -2px; left:1px; cursor: pointer;}
.msPhoto2 {position: absolute; top: -2px; left:1px; cursor: pointer;}
.msPhoto3 {position: absolute; top: -2px; left:1px; cursor: pointer;}
.msPhoto4 {position: absolute; top: -2px; left:1px; cursor: pointer;}
.msMenuButtonTitle{font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight:bold; letter-spacing: 1.2px; position: relative; top: 4px; color: #000; z-index: 200;}
.msMenuArrow{position: absolute; left: 0px; top: 4px;  z-index: 1 !important;}
.msMenuArrow img{position: relative; top: 248px; height: 83px;}
.msPhotoText{position: absolute; color: #fff; top: 15px; left: 40px; font-size: 28px; max-width: 400px; font-weight: bold; width: expression(this.width > 400 ? 400: true); font-family: Helvetica, Arial, sans-serif; padding: 4px; z-index: 2; text-decoration: none !important;}
.msPhotoText a hoover{
text-decoration: none !important;
}

.msPhotoTextBG{
position: absolute;
top: 15px; 
left: 40px;
height: 64px;
padding: 4px;
width: 394px;
background-color:#000;
filter: alpha(opacity: 70);
opacity: .70;
}
#ms_menu_button1{
border-top: 4px solid #000;
}
#ms_menu_button4{
border-bottom: 4px solid #000;
}							
#ms_menu_button_text_1{
color: #000;
font-size: 14px !important;
position: relative;
top: 5px;
padding-right: 4px; 
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}
#ms_menu_button_text_2{
color: #000;
font-size: 14px !important;
position: relative;
top: 5px;
padding-right: 4px; 
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}	
#ms_menu_button_text_3{
color: #000;
font-size: 14px !important;
position: relative;
top: 5px;
padding-right: 4px; 
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}
#ms_menu_button_text_4{
color: #484848;
font-size: 14px !important;
position: relative;
top: 5px;
padding-right: 4px; 
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}
/* ------------interactive tools ----------*/
#scInterLatest .supercontainer{
width: 625px !important;
margin-bottom: 0px;
}
#scInterLatest .supercontainer_left{
width: 144px !important;
padding: 0px !important;
margin-right: 20px !important;
position: relative;
left: -8px !important;
}
#scInterLatest .supercontainer_left .img_border{
position: relative;
margin-left: 0 !important;
padding-left: 0 !important;
left: -5px !important;
}
#scInterLatest .supercontainer_right{
width: 451px !important;
padding: 0px !important;
}
#scInterLatest .supercontainer_left .headlineonly{
padding-bottom: 0px !important;
}
#scInterLatest .supercontainer_left .headlineonly .digest-lead a{
color: #0a6db3;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
position: relative; 
top: -6px;
}
.msAllMapsLink {
font-style: italic;
position: relative;
padding-bottom: 20px;
}

/* ----------- My Rotator--------------------- */
#scTopStoryRotator .supercontainer{
position: relative;
height: 135px;
width: 440px !important;
overflow: hidden;
background-color: #fff !important;
border: none !important;
top: -20px;
padding-bottom: 30px;
}
#scTopStoryRotator .supercontainertitle{
display:none;
}
#scTopStoryRotator .msRotatorButtonsWrapper{
position: absolute;
top: 130px;
left: 110px;
}
#scTopStoryRotator .msRotatorButtonsWrapper li{
float: left;
position: relative;
margin-left: 20px;
color: #0a6db3;
cursor: pointer;
z-index: 300 !important;
}
#scTopStoryRotator .topstory_photoleft{
position: relative;
z-index: 1 !important;
float: left !important;
margin-left: 20px;
margin-right: 30px;
width: 400px;
left: -25px;
font-family: Helvetica, sans-serif !important;
font-size: 13px;
}
#scTopStoryRotator .container_5col_left .topstory_photoleft .container_image_left img{
border: 1px solid #000 !important;
}
#scTopStoryRotator .topstory-headline a{
font-size: 16px;
color: #0a6db3;
font-family: Helvetica, sans-serif;
}
#scTopStoryRotator .digest-headline2{
display:none;
}

#scTopStoryRotator .container_5col_left{
border: none !important;
}
#scTopStoryRotator .container_5col_leftmiddle{
border: none !important;
} 
#scTopStoryRotator .container_5col_middlemiddle{
border: none !important;
}
#scTopStoryRotator .container_5col_rightmiddle{
border: none !important;
}
#scTopStoryRotator .container_5col_right{
border: none !important;
}
#scTopStoryRotator .container_5col_left{
position: relative;
width: 99000px;
height: 120px;
}
#scTopStoryRotator .container_image_left{
position: relative !important;
top: 4px !important;
height: 75px;
width: 160px !important;
}
#scTopStoryRotator .container_image_left img{
max-height: 75px;
height: expression(this.height > 75 ? 75: true)
width: 160px;
}
#scTopStoryRotator .tsRotatorLeft{
position: relative;
float: left;
z-index: 2 !important;
top: 0px;
height: 140px;
width: 20px;
left: -10px;
background-color: #fff;
cursor: pointer;
}
#scTopStoryRotator .tsRotatorLeft img{
position: relative;
left: 2px;
top: 40px;
}
#scTopStoryRotator .tsRotatorRight{
position: absolute;
left: 425px;
z-index: 2 !important;
top: 0px;
height: 140px;
width: 20px;
background-color: #fff;
cursor: pointer;
}
#scTopStoryRotator .tsRotatorRight img{
position: relative;
top: 40px;
}
#scTopStoryRotator .topstory_photoleft .headlineonly .topstory-headline .img_noborder{
display:none;
visibility:hidden;

}
/*-----------headline container --------*/
.hcHeadlines  .container_inner{
position: relative;
left: -5px;
padding-bottom: 0px !important;
}
.hcHeadlines .headlineonly{
color: #0a6db3 !important;
line-height: 16px;
font-family: Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}

.hcHeadlines .rlinks_colorbar1 a, .hcHeadlines .rlinks_colorbar2 a{
text-decoration: none !important;
color: #0a6db3 !important
}
.hcHeadlines .rlinks_colorbar1 b, .hcHeadlines .rlinks_colorbar2 b{
text-transform:uppercase;
color:#aaa !important;
font-size: 11px;
padding-right: 4px;
}
.hcHeadlines .rlinks_colorbar1 a:hover, .hcHeadlines .rlinks_colorbar2 a:hover, #hcHeadlines .morelink a:hover{
text-decoration: underline !important;
}
.hcHeadlines .rlinks_colorbar1 .b_sq, .hcHeadlines .rlinks_colorbar2 .b_sq{
display:none !important; 
}
.hcHeadlines .morelink {
color: #0a6db3;
font-weight: bold;
margin-top: 10px;
float: left;
font-size: 12px;
font-style: italic; 
text-decoration: none !important;
}

/*--------------twitter/photo gallery container----------------------*/
.twtr-ft img{
display:none;
}
.twtr-ft .twtr-join-conv{
display:none;
}
.twtr-hd{
display:none;
}
.scTwitPG .supercontainer_right .digest-lead a{
color: #0a6db3;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
position: relative; 
top: -6px;
}
.scTwitPG .supercontainer{
width: 620px !important;
height: 480px !important; 
overflow:hidden !important;
}
.scTwitPG .supercontainer_left{
width: 295px !important;
padding-right: 15px !important;
}
.scTwitPG .supercontainer_right .headlineonly .container_inner img{
border: 1px solid #000 !important;
position: relative; 
left: -4px;
top:10px;
}
.scTwitPG .misccontainer_right_49{
float: right;
position: relative;
left: 13px;
}

/*---------- about fracking ------------*/
.msAboutFracking{
height: 266px; 
width: 300px;
background-image:url('http://media.philly.com/images/inq_marcellus_about_fracking_bg.png');
position: relative;
left: 4px;
}
.msAboutTitle{
font-size: 28px;
font-family: Helvetica, Arial, sans-serif;
position: absolute;
top: 15px;
left: 10px;
color:#dadada;
}
.msAboutBG{
height: 200px;
width: 275px;
background-color:#dadada;
position: absolute;
top: 54px;
left: 10px;
z-index:0;
}
.msAboutTextTitle{
font-weight: bold; 
font-size: 16px;
line-height: 28px; 
}
.msAboutText{
font-family: Helvetica, Arial, sans-serif;
position: absolute;
top: 60px;
z-index: 2!important;
color: #000 !important;
width: 255px;
left: 20px;
font-size: 13px;
line-height: 18px; 
}
.msAboutLink a{
color: #0a6db3 !important;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
position: absolute; 
top: 234px;
left: 20px;
z-index: 2;
font-style:italic;
}



/*TOPPER CSS */
body {
	background: #19e7fd url('http://media.philly.com/designimages/mainBg.gif') repeat-x 0 0;
}
#maincontainer {
	border:none;
}
#searchForm {
	display:none;
}
.sliderpencil {
	background-color:transparent;
	padding:5px 0 0 20px;
	margin: 0 auto;
}
#pageheader-navleft {
	background: url('http://media.philly.com/designimages/topNavBg.gif') repeat-x 0 0;
	height:43px;
	zoom:1;
}
#pageheader-navleft:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#pageheader-navleft a {
	float:left;
	color:#ddd;
	text-transform:uppercase;
	padding-left:0px;
	padding-top:0px;
	font:600 12px helvetica, arial, sans-serif;
}
#pageheader-navleft img {
	border:none;
}
#pageheader-navleft .grayTopNav {
	padding-top:9px;
}
#pageheader-navleft .grayTopNav a {
	padding-left:10px;
	float:none;
}
#pageheader-navleft #top-nav {
	float:left;
}
#pageheader-navright {
	float:right;
	background: url("http://media.philly.com/designimages/shaleSign-logo.gif") no-repeat 0 0;
	width:135px;
	height:43px;
	zoom:1;
}
pageheader-navright:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#pageheader-navright .np-link {
	padding:0 6px;
	color:#ddd;
}
#pageheader-navright .np-link a {
	padding-top:13px;
	padding-left:4px;
}
#pageheader-navright #signInAnchor a {
	padding-left:10px;
}	
#logo {
	float:left;
	padding-top:20px;
height:101px;
}
#headerTitle {
		text-align:right;
		padding:30px 10px 0 0;
}
#navPlacement {
	/*float:right;*/
}
#navPlacement #globalPrimaryNav div {
	float:right;
	padding-left:10px;
        padding-right: 10px; 
        text-shadow: -1px -1px 1px #000000;
        filter: dropshadow(color=#000000, offx=-1, offy=-1); 
}
#navPlacement #globalPrimaryNav ul {
	margin:0px;
}
#navPlacement #globalPrimaryNav ul li {
	display:inline;
}
#navPlacement #globalPrimaryNav a {
	color:#fff;
	font:900 17px Helvetica, sans-serif !important;
	text-transform:uppercase;
}
#navPlacement #globalPrimaryNav a:hover {

}
#registration:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#contentcontainer {
	background: url('http://media.philly.com/designimages/contentBg.png') no-repeat 0 0;
	border:none;
	margin:0px;
	width:1000px;
}
#contentcontainer #contentcontainer {
	background-color:#fff;
	background-image:none;
	position:relative;
	top:24px;
	padding-bottom:15px;
}
.supercontainer_left {
	border:none;
}
#lCol {
	padding-left:10px;
}
#rCol {
	width:330px;
	left:0px;
}
#article_adholder, #section_rectangle {
	background-color:#fff;
	border:none;
}
#channel-footer {
	position:relative;
	top:23px;
	background-color:#fff;
	color:#fff;
	padding:15px 10px 10px;
	width:980px;
	text-align:center;
	background-color:#000;
	-moz-box-shadow: 0 0 2px 2px #888;
	-webkit-box-shadow: 0 0 2px 2px #888;
	box-shadow: 0 0 2px 2px #888;
}
#channel-footer a {
	color:#fff;
}
#channel-footer .footerShaleNav a {
	font-size:14px;
	text-transform:uppercase;
	padding:0 5px;
}
.shaleFooterLogo {
	font-style:italic;
}
.footerShaleNav {
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	padding:10px 0;
}
.megawrap {
	position:absolute;
	display:none;
}
#signInDiv {
	position:absolute;
	z-index:100000;
	background-color:#fff;
	border:1px solid #ccc;
	display:none;
	margin-top:13px;
}
#signInDiv .np-link:first-child {
	border-top:none;
}
#signInDiv .np-link {
	padding:10px;
	border-top:1px solid #656565;
}
#signInDiv a {
	color:#000;
}
#signInAnchor {
	padding-left:10px;
}
h4 a, h4{
text-decoration: none !important;
font-size: 14px;
padding-bottom: 0px !important;
margin-bottom: 0px !important; 
}