/******************************************************************************
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:140px; 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{margin:0 0 0 0;}
#homeContent{background:url("../images/global/home/homeContent-bg.gif") 0 0 no-repeat; width:924px; height:387px; margin:0 0 0 22px; padding:0 0 0 0; voice-family:"\"}\""; voice-family:inherit; margin:0 0 0 22px; padding:14px 23px 12px 3px;}
html > body #homeContent{margin:0 0 0 22px; padding:14px 23px 12px 3px;}
#homePlayer{width:924px; height:387px; margin:10px 0 5px 26px;}
html > body #homePlayer{width:924px; height:387px; margin-bottom:5px; margin-left:26px; margin-right: 26px;}
#homeTitleImg{margin:30px 0 11px 18px;}
#homeText{margin:0px 0 15px 30px; width:192px; padding:0 0 25px 0; }
#homeText p{font-size:10px; font-weight:bold; line-height:16px; color:#C2CACC;}
#mainPic{float:right; margin: 38px 27px 0 0; voice-family:"\"}\""; margin-top:23px;}
html > body #mainPic{margin-top:23px;}
#homeLogos td{width:25%;}
#homeLogoLeft{padding-left:25px;}
#homeLogoLeft img {margin-top: 20px;}
#homeLogoMiddle{text-align:center;}
#homeLogoMiddle img {margin-top: 20px;}
#homeLogoRight{text-align:right; padding-right:33px;}
.social-media-home {margin-top: 0px; position: relative; bottom: 20px;}
.social-media-home img {margin-right: 5px;}

/**** OVERRIDE TEMPLATE.CSS ****/
#pageBodyContainer{margin-top:197px;}

/**** COMMUNITY ****/
.example{font-weight:normal; font-size:9px;}
#return-button{position:relative; top:1px;}
#listingTable th{margin:0;padding:0; line-height:1em;}
#calendarText{width:300px; float:left;}
#calendarSearch{float:right; width:339px; margin:-5px 0 0 0;}
#contentBottomContainer{width:700px;}
html > body #contentBottomContainer{margin:380px 0 0 0;}
#searchHeader{background:#124c7e; color:#ffffff; font-weight:bold; margin:0; padding:5px;}
#calendarGraph{width:205px; float:right; margin:25px 0 0 7px; clear:right;}
#calendarGraph a{font-size:10px;text-decoration:none;}
#calendarListRpt{width:700px; margin:0;}
#calendarListRpt th, #calendarListRpt td{font-size:10px;}
#sevenHundredPX{width:700px; border:1px solid #993399;}
#eventDetail{width:400px; float:left;}
#emailPrint{width:250px; float:right; margin-right:50px;}
#emailPrint img{margin:10px 0 10px 0;}
#description{float:left; margin:20px 0 0 0;}
#nonprofitText{width:300px; float:left;}
#nonProfitSearch{float:right;}
#nonProfitList{width:700px; margin:0 0 0 0;}
html > body #nonProfitList{margin:280px 0 0 0;}
#nonProfitList th, #nonProfitList td{font-size:10px;}
#nonProfitForm{}
.linksTables{}
.linksTables a{margin:5px 10px;}
.video {display: block; float:right; width: 400px; margin: 5px 0px; padding: 0; clear: right;}
.video .title {font-weight: bold;}
.video .length { font-size: 90%;color: #222222; display: inline;}
.video .description { font-size: 85%;}
.video img { float: left; width: 100px; margin: 10px 0;}
.main-content { float: left; width: 275px;}

/* Calendar styles */
.tablehead {font-size:9pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none; color:#000000; background-color: #FFFFFF;}
.days {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none; color: #000000; background-color: #CCCCCC;}
.beforetoday {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #000080; background-color: #EEEEEE;}
a.beforetoday:link {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #000080; background-color: #EEEEEE;}
a.beforetoday:visited {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #000080; background-color: #EEEEEE;}
a.beforetoday:active {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #000080; background-color: #EEEEEE;}
a.beforetoday:hover {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #000080; background-color: #EEEEEE;}
.aftertoday {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none; color: #000080; background-color: #CCCCCC;}
a.aftertoday:link {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #000080; background-color: #CCCCCC;}
a.aftertoday:visited {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #000080; background-color: #CCCCCC;}
a.aftertoday:active {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #000080; background-color: #CCCCCC;}
a.aftertoday:hover {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #000080; background-color: #CCCCCC;}
.today {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none; color: #FF0000; background-color: #FFFFFF;}
a.today:link {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #FF0000; background-color: #FFFFFF;}
a.today:visited {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #FF0000; background-color: #FFFFFF;}
a.today:active {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #FF0000; background-color: #FFFFFF;}
a.today:hover {font-size: 8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration:none;	color: #FF0000; background-color: #FFFFFF;}
.calendar	{background-color: #999999;}
.table	{background-color: #999999;}
.calendarblank	{background-color: #FFFFFF;}

/* 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;}

/************ 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{display:none;}
/*Style for LIs of ULs that are children of LIs (submenu) */
.treeview .submenu ul li{margin-left:-22px; margin-top:-6px; cursor:default; }
#faqs h2{color: #444444; font-size:12px;}
#faqs p{color: #444444;}
/************ 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;
}