/******************************************************************************
Filename:  site.css
Project:   New Jersey Resources
Purpose:   Site CSS:  Contains styles only used on current site
Date			Developer	Description
10/05/2006		jmk			Version 1.0
******************************************************************************/

/**** HOME PAGE ONLY STYLES (where home is different than interior) ****/
#pageBodyHomeContainer{margin-top:165px; width:100%; voice-family:"\"}\""; voice-family:inherit; margin-left:1px;}
html > body #pageBodyHomeContainer{margin-left:0px; background:transparent url("../images/global/body_bg.gif");}
#homeContentContainer{width:980px; background: transparent url("../images/global/home/homeContentContainer_bg.gif") 0 0 repeat-y; margin:0 0 0 0; }
#homeContent{background: transparent; width:974px; margin:0 0 0 0;}
#homeMainImageArea{background: url("../images/global/home/homeMainImageArea_bg.gif") 0 0 repeat-y; width:735px; margin: 0 0 0 0;}
#homeMainImage{margin:0 0 0 0; border:none;}
#homeImageAreaBottom{background: url("../images/global/home/homeImageAreaBottom_bg.gif") 0 100% no-repeat; width:735px; padding: 0 0 16px 0;}
#homeImageAreaBottom h2{margin: 0 0 0 15px; color:#124C7E; font-family: Helvetica, Verdana, Arial, sans-serif; font-size:18px; line-height:22px; letter-spacing: auto; }
html > body #homeImageAreaBottom h2{margin: 0 0 0 15px;}
#homeContentContainerBottom{clear:both;}
.social-media-home {margin-top: 0px; position: relative; bottom: 3px; float:right; width: 80px;}
.social-media-home img {margin-right: 5px;}

/************ BEGIN:  HOMEPAGE RIGHTNAV STYLES  ************/
#newsReportsContainer{width:235px; float:right; font-size:10px;}
#newsContent{width:200px; margin:0 auto 10px 24px;  padding:10px 0 20px 0;}
#newsContent p{ font-size:10px;}
#newsContent .readMore{width:200px; text-align:right;}
#newsContent .readMore a{margin: 0 10px 0 auto; text-decoration:none;}
#newsReportsContainer h3{width:125px; margin: 6px 10px 0px 10px; color:#7895A0; font-family: Helvetica, Verdana, Arial, sans-serif; font-size:14px;  font-weight:bold;}
html > body #newsReportsContainer h3{margin-bottom:6px;}
.newsReportsDivide{width:235px; height: 4px; margin: 0 0 0 0;}
.newsDivide{height: 4px; margin: 10px 0 10px 0;}
#pollsContainer{width:235px; float:right; margin:10px 0 6px 0; clear:right; text-align:center;}
#pollsContainer img{position:relative; margin: 10px auto 0 auto;}
/************ END:  HOMEPAGE RIGHTNAV STYLES  ************/

#homeContentTable{background:#ffffff; margin:10px 0 0 0; font-size:10px; color:#666666;}
#homeContentTable h4{margin:10px 0 5px 0; color:#7895A0; font-size:10px; font-weight:bold; text-transform:uppercase;}
#homeContentTable h4 a{text-decoration:none;}
#homeContentTable td{vertical-align:top;}
.bannerAd{margin: 0 auto 0 auto; width:120px;}
#homeContentTable td p{text-align:left; width:130px;}

/**** article listings ****/
.newsArticle{margin:0 0 15px 0;}
#content .newsArticle h4{display:inline; margin:0 12px 0  0; font-size:11px; font-weight:bold; color:#003F5E;}
#content .newsArticle h4 a{color:#516F87;}
#content .newsArticle h4 a:hover {color:#83A2B2;}
#content .newsArticle .text{font-size:10px; color:#666666; margin:5px 0 10px  0;}
#content .newsArticle h5.alsoSee{font-weight:normal; margin:0 0 0 0;}
#content .newsArticle p.alsoSee{ margin:0 auto 35px 0;}
 a.viewPDF{margin: 0 10px 0 auto; text-decoration:none; color:#338935; font-weight:bold;}
 a.viewPDF:hover{color:#124c7e;}

/**** articles ****/
#content h3.articleHeading{font-size:13px; color:#516F87;margin:0 0 0 0;}
#content h5.articleHeading{color:#516F87; margin:0 0 5px 0;}
span.date{color:#666666;}
.articleImageAreaLeft{float:left; width:150px; margin: 0 20px 15px 0;}
.articleImageAreaRight{float:right; width:150px; margin: 0 0 15px 20px;}
.articleImageAreaLeft p, #articleImageAreaRight p{font-size:10px; width:120px; margin:10px 0 15px 0;}
span.date{color:#666666;}

/* site map module */
#sitemap{margin-left:20px;}
#sitemap a, #sitemap a:visited, #sitemap a:active{text-decoration:none;}
#sitemap a:hover{text-decoration:underline;}
.sitemapTitle{font-size:13px; font-weight:bold;}
.sitemap1{margin-left:20px;}
.sitemap2{font-size:11px; margin-left:20px;}

/* My Account Services */
.mas{font-family:Verdana, Helevetica, Arial, sans-serif; font-size:9px; font-weight:bold; text-transform:uppercase; color:#124c7e; letter-spacing:0.1em;}


/* Data Table */
table.data{border:5px double #BFD1DD;}
table.data th{background:#BFD1DD; color:#666666;}

/************ BEGIN:  TREE MENU ************/
.treeview ul{margin:0; padding:0; width:500px;}
/*Style for LI elements in general (excludes an LI that contains sub lists)*/
.treeview li{list-style-type:none; padding-left:22px; margin-bottom:10px; color: #444444; margin-left:-40px;}
.treeview li img{vertical-align:top;}
/* Style for LI that contains sub lists (other ULs). */
.treeview li.submenu{background:url("../images/global/tree_menu/plus.gif") no-repeat 0 5px; cursor: hand !important; cursor: pointer !important;}
/*Style for ULs that are children of LIs (submenu) *//*Hide them by default. Don't delete. */
.treeview li.submenu ul.expanded{display:none; background:none;}
/*Style for LIs of ULs that are children of LIs (submenu) */
.treeview .submenu ul li{margin-left:-22px; margin-top:-5px; cursor:default; background:none;}
#faqs h2{color: #444444; font-size:12px;}
.treeview li.submenu div ul{padding-left:8px; padding-top:10px; background:none; background-color:#FFFFFF;}
.treeview li.submenu div li{padding-left:2px; margin-left:20px; list-style-type:disc; background:none; background-color:#FFFFFF;}
.treeview li.submenu div p{background:none; background-color:#FFFFFF; margin:0; padding:0;}
.treeview li.submenu div {width:508px; margin:0; padding:0;}

/************ END:  TREE MENU ************/

span.hidden{display:none}
/**social media interior pages**/
.social-media-sub {bottom:15px;
float:left;
margin-top:15px;
position:relative;}
.social-media-sub img {margin-right:3px;}




/*JQuery UI Overrides*/
.ui-widget-header {
    border: none!important;
    background: url('images/ui-bg_highlight-soft_75_cccccc_1x100.png') repeat-x scroll 50% 50% #FFF!important;
    color: #222;
    font-weight: bold;
}