/******************************************************************************
Filename:	template_print.css
Project:	New Jersey Resources
Purpose:	Template CSS for Print:  This file should remain the same across all NJR sites
Notes:		contentContainer styles are overwritten in contentContainer_print.css
			when rightNav is removed and content area spans across
Date			Developer	Description
11/05/2006		jmk			Version 1.0
******************************************************************************/

/************ BEGIN:  SITE-WIDE STYLES ************/
body{background:#FFFFFF; margin:0; padding:0;}
#bodyContainer{background:none; width:500pt; margin:0; voice-family:"\"}\""; voice-family:inherit; background:transparent; margin:0 0 0 0;}
html > body #bodyContainer {background:none;}
body, p, th, td{font-family:Verdana, Helvetica, Arial, _san; color:#333333;}
p{margin:0 0 14pt 0;}
a{text-decoration:underline; color:#83A2B2;}
a:hover{color:#124C7E;}
img {border:none;}
#screenreaderNav{display:none;}
.screenreaderNavAnchor{display:none;}
/************ END:  SITE-WIDE STYLES ************/

/************ BEGIN:  TIER 2 CONTENT ************/
#pageBodyContainer{margin-top:0px; width:100%; voice-family:"\"}\""; voice-family:inherit; margin-left:0px;}
html > body #pageBodyContainer{margin-left:0px; background:none;}
#contentContainer{width:100%;}
#contentContainer{background:none;}
#contentMain{float:left; width:100%;}
#content{margin-top:100px; width:100%; font-size:10pt;}
html > body #content{}
#content{width:100%;}
#content h4, #content .heading{margin:0 0 16px 0; font-size:13px; color:#003F5E;}
#content h5, #content .subheading{margin:0 0 14px 0; font-size:11px; font-weight:600; color:#003F5E;}
.emphasis{color:#5E1102;}
#contentSeparator{height:10px;}

/**** tier 5 nav ****/
#tier5NavContainer{display:none;}
html > body #tier5NavContainer{display:none;}
#tier5NavTop{display:none;}
#tier5NavSubContainer{display:none;}
#tier5Nav{display:none;}
#tier5Nav a{display:none;}
.tier5NavDivider{display:none;}
.tier5NavRowDiv{display:none;}

/**** titles ****/
#titleContainer{display:none;}
#titleContainerTrans{position:relative; left:0px; top:-53px;}
#titleContainer a{display:none;}
#titleContainer a:hover{display:none;}
#titleContainer table, #titleContainerTrans table{display:none;}
#titleContainer h1, #titleContainer h2, #titleContainerTrans h2{display:none;}
#titleContainer h1{display:none;}
#titleContainer h2, #titleContainerTrans h2{display:none;}
#titleContainer h3, #titleContainerTrans h3{display:none;}

/**** tables ****/
#content table td{vertical-align:top; line-height:1.2em;}
#content table.tbl{margin-bottom:14px; border:1px solid #83A2B2;}
#content table.tbl tr.odd{background-color:#FFFFFF; }
#content table.tbl tr.even{background-color:#EDEEEF; }
#content table.tbl th {background:#83A2B2; color:#ffffff; font-size:11px; padding:5px; line-height:1.5em; vertical-align:top; border-bottom:1px solid #83A2B2;}
#content table.tbl td {border-right:1px solid #83A2B2; padding:5px 5px 10px 5px; border-bottom:1px solid #BFD1DD; border-top:1px solid #FFFFFF;}

/**** left nav ****/
#leftNavContainer{display:none;}
#leftNav{display:none;}
#leftNavBottom{display:none;}
/* left nav module */
.leftNav1Off{display:none;}
.leftNav1On{display:none;}
.leftNav1Off a, .leftNav1On a{display:none;}
.leftNav1Off a:hover{display:none;}
.leftNav1On a{display:none;}
.leftNav1On a:hover, .leftNav1On a:active{display:none;}
.leftNav2Off, leftNav2On{display:none;}
.leftNav2Off div{display:none;}
.leftNav2On{display:none;}
.leftNav2On div{display:none;}
.leftNav2Off a, .leftNav2On a, .leftNav2Off a:hover, .leftNav2On a:hover, .leftNav2Off a:visited, .leftNav2On a:visited, .leftNav2Off a:active, .leftNav2On a:active{display:none;}
.leftNav2On a{display:none;}

/**** right nav ****/
#rightNav{display:none;}
.rightNavBanner{display:none;}
.rightNavBannerImg{display:none;}
.rightNavBannerTitle{display:none;}
.rightNavBannerTitle a, .rightNavBannerTitle a:hover,.rightNavBannerTitle a:visited{display:none;}

/**** footer ****/
#footerContainer{width:100%; padding-top:20px; clear:both; background:#FFFFFF;}
#footerContainer a{text-decoration:none;}
#utilityNavContainer{display:none;}
#utilityNav{display:none;}
#utilityNav a{display:none;}
#utilityNav a:hover{display:none;}
.utilityNavDivider{display:none;}
#utilityNavText{display:none;}
#copyrightContainer{width:100%; height:34px; color:#FFFFFF; font-size:10px; text-align:center;}
#copyright{float:left; margin:0 0 0 0;}
#beaconInfo{display:none;}
#beaconInfo a{display:none;}
#beaconInfo img{display:none;}
#footerDisclaimer{display:none;}
#footerDisclaimer p{display:none;}

/************ END:  TIER 2 CONTENT ************/

/************ BEGIN:  HEADER ************/
#headerContainer{width:446pt; margin:55pt 0 0 70pt;}
html > body #headerContainer{}

/**** company nav ****/
#companyNavContainer{display:none;}
#companySubNav{display:none;}
#companySubNav div{display:none;}
#companySubNav a{display:none;}
#companySubNav a:hover{display:none;;}
#companyMainNavContainer{display:none;}
#companyMainNavLeft{display:none;}
#companyMainNav{display:none;}
#companyMainNav img{display:none;}
#companyMainNavRight{display:none;}
.companyManNavDivider{display:none;}

/**** header ****/
#header{display:none;}
#headerNav{display:none;}
#headerQuickLinks{display:none;}
#headerSearch{display:none;}
html > body #headerSearch{display:none;}
.headerQuickLinksField, .headerSearchField, .headerSearchFieldInternal{display:none;}
.headerSearchField{display:none;}
.headerSearchFieldInternal{display:none;}
.headerQuickLinksSubmit{display:none;}
.headerSearchSubmit{display:none;}
#logo{display:none;}
#njlivingTagline{display:none;}
#njngAcctServicesLogo{display:none;}

/**** top nav ****/
#topNavContainer{display:none;}
/* used for noscript version */
.topNav{display:none;}
.topNav a, .topNav a:hover, .topNav a:visited, .topNav a:active{display:none;}

/**** utility nav ****/
#headerUtilityContainer{display:none;}
#headerTier2Img{display:none;}
#headerUtility{display:none;}

/************ END:  HEADER ************/

/************ BEGIN:  FORMS ************/
form{padding:0; margin:0; display:inline;}
.required{color:#990B08; font-weight:bold;}
.response{font-weight:bold; color:#124C7E;}
.error{width:auto; text-align:center; margin:6px 20px 6px 20px; padding:3px; font-weight:bold; color:#5E1102; clear:both;}

#content table.formTable td{vertical-align:top; padding:0 5px 15px 5px;}
#content table.formTable td.formHeading{vertical-align:top; padding:15px 5px 5px 5px;}
#content table.formTable td.formHeading h5{background:#BFD1DD; padding:5px;}
#content .label{text-align:right; font-family: Verdana, Helvetica, Arial, _san; font-weight:bold;}
#content .labelL{text-align:left; font-family: Verdana, Helvetica, Arial, _san; font-weight:bold;}
#content input.field{height:14px; font-size:9px; background:#DFE3E5; border:none;}
#content input.radio{ margin-left:0; margin-right:0; margin-top:0; padding:0; vertical-align:middle;}
html > body #content input.radio{vertical-align:bottom;}
#content input.check_box{vertical-align:middle; margin-top:-3px;}
html > body #content input.check_box{margin-top:-1px;}
#content select{height:14px; font-size:9px; background:#DFE3E5; border:none;}
#content .example{font-size:9px;}
/************ END:  FORMS ************/

/************ BEGIN:  PRINT ************/
#printHeader{position:absolute; left:0; top:0; width:100%;}
#pageTitleContainer{width:100%; height:18pt;}
#pageTitle{width:auto; height:auto; margin:1.5pt 0 0 auto; font-family: Helvetica, Verdana, Arial, _san; color:#124C7E; font-weight:bold; font-size:10pt; text-align:right;}
/************ END:  PRINT ************/

/************ BEGIN:  EXTRAS ************/
span.darkHighLight{color:#666666;}
span.redHighLight{color:#990B08;}
span.lightBlue{color:#7895A0;}
h3 .pageHeading{display:inline; margin:0 12px 0  0; font-size:10px; font-weight:bold; color:#516F87;}
#content table tr{vertical-align:top;}
/************ BEGIN:  EXTRAS ************/