@charset "utf-8";
/* Shared Styles */
body {
	background: #666666 url(images/main-background.gif) repeat center top;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
img {border: none; border-width:0}
p {text-align: left;font-size: 12px; }
table {font-size: 12px;}
.color-orange {color: #D77228;}
.color-dkblue {color: #165788;}
.color-purple {color: #4D457E;}

#container {
	margin: 0 auto;
	text-align: center;
	width: 980px;
}
#background-hdr {
	background-image: url(images/main-background-hdr.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
#header {padding:0px;margin:0 0 0 -5px;}
#mainContent {padding:0px;margin:0 0 0 -5px;;text-align: left;}
#mainLeftContent {margin:0px 20px 0px 30px; background-color: #ffffff; padding-bottom:20px;}
#mainLeft ul {font-size: 12px;margin: 0px 0px 8px;padding: 0px 20px 0px 30px;}
#mainLeft li {margin: 0px 0px 6px;}
#footer {padding: 0px;margin: 0px;height: 20px;}

/* Link Styles */
/* JNG removing style
.home #mainContent a {
	color: #777777;
	text-decoration: none;
}
.home #mainContent a:hover {
	color: #E05206;
	text-decoration: none;
}*/

/* JNG updated secondary links in header */
#logo {position:absolute; left:0; top:0;}
#logo a {background:url(images/mainnav/top-banner-lt.png) no-repeat; width:975px; height:82px; display:block;}
#logo a span {left: -9000px; position: absolute;}
#headerlinks {padding-bottom:2px;}
#headerlinks a {color:#c5d5e1; font-size:.9em; text-decoration:none; border-right:1px solid #0082bb; padding-right:5px; margin-right:5px;}
#headerlinks a:hover {color:#fff;}
#headerlinks a.last {border-right:none; padding-right:0; margin-right:0;} 

.products #mainLeftContent a{color: #D77228; text-decoration:none;}
.products #mainLeftContent a:hover{color: #044A76; text-decoration:none;}
.knowledge #mainLeftContent a{color: #D77228; text-decoration:none;}
.knowledge #mainLeftContent a:hover{color: #044A76; text-decoration:none;}
.generic #mainLeftContent a{color: #D77228; text-decoration:none;}
.generic #mainLeftContent a:hover{color: #044A76; text-decoration:none;}
.events #mainLeftContent a{color: #D77228; text-decoration:none;}
.events #mainLeftContent a:hover{color: #044A76; text-decoration:none;}
.company #mainLeftContent a{color: #D77228; text-decoration:none;}
.company #mainLeftContent a:hover{color: #044A76; text-decoration:none;}
.training #mainLeftContent a{color: #4D457E; text-decoration:none;}
.training #mainLeftContent span a{color: #E05206; text-decoration:underline;}
.training #mainLeftContent a:hover{color: #E05206; text-decoration:none;}
.training #mainLeftContent span a:hover{color: #E05206; text-decoration:underline;}
.support #mainLeftContent a{color: #4D457E; text-decoration:underline;}
.support #mainLeftContent a:hover{color: #E05206; text-decoration:underline;}
.news #mainLeftContent a {color: #D77228; text-decoration:none;}
.news #mainLeftContent a:hover {color: #044A76; text-decoration:none;}
.partners #mainLeftContent a{color: #D77228; text-decoration:none;}
.partners #mainLeftContent a:hover{color: #044A76; text-decoration:none;}

.news #mainLeft #newsNav {font-size:.9em; overflow:hidden; margin-left:20px; margin-bottom:10px;}
.news #newsNav ul {list-style: none outside none; text-transform:uppercase; margin:0; padding:0;}
.news #newsNav ul li {float: left; margin:0;}
.news #newsNav ul li.navlabel {display:block; padding:7px 5px 10px 10px; white-space:nowrap;}
.news #newsNav ul li a {color: #0082BB; display: block; font-weight: bold; padding: 0 10px; margin: 7px 0 10px; text-decoration: none; white-space: nowrap; border-right:1px solid #aaa;}
.news #newsNav ul li.last a {border-right:none;}
.news #newsNav ul li a:hover {color:#e05206; text-decoration:none;}

/* Home Specific Styles */
#home-newsevents {
	padding-right:12px;
	background-image: url(images/home-rt-newsevents-fill.gif);
	background-position: left 350px;
	background-repeat: no-repeat;
}
#home-newsevents .events p {
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding:0 10px 0 14px;
	line-height:14px;
}
#home-newsevents .news p {
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 4px;
	padding:0 25px 0 5px;
	line-height: 13px;
}

/*JNG - removing styles for h1 on home page 
.home #mainContent h1 {
	margin: 0;
	color: #165788;
	font-size: 14px;
	font-weight:normal;
	padding-left: 40px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 10px;
} */
.home #mainLeft {
	margin: 0px;
	padding: 0px;
	line-height: 21px;
	width: 680px;
	background-image: url(images/home-main-content.gif);
	background-repeat: repeat-y;
	background-position: left 40px;
	
}
.home #mainLeftContent p {
	margin:0;
	padding: 0;
	text-align: left;
	font-size: 12px;
}

/* Products Specific Styles */
.products #mainContent h1 {
	margin: 0;
	color: #165788;
	font-size: 15px;
	font-weight:normal;
	padding-left: 50px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 20px;
	text-transform: uppercase;
	line-height: 21px;
}
.products #mainLeft {
	background-image: url(images/page2-main-content.gif);
	background-repeat: repeat-y;
	background-position: left top;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	width: 805px;
}
.products #mainLeftContent p{
	margin:0px 0px 8px;
	padding: 0;
	text-align: left;
	font-size: 12px;
}

/* Gemeric Specific Styles */
.generic #mainContent h1 {
	margin: 0;
	color: #165788;
	font-size: 18px;
	font-weight:bold;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 20px;
	line-height: 21px;
}
.generic #mainLeft {
	background-image: url(images/page2-main-content.gif);
	background-repeat: repeat-y;
	background-position: left top;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
	width: 805px;
}
.generic #mainLeftContent p{
	margin:0px 0px 8px;
	padding: 0;
	text-align: left;
	font-size: 12px;
}

.generic #mainLeftContent td {
	font-size: 12px;
}

/* Services Specific Styles */

.services #mainContent h1 {
	margin:0;
	padding: 6px 0 10px;
	color: #165788;
	font-size: 18px;
	font-weight:bold;
	line-height: 21px;
}
.services #mainLeft {
	background-image: url(images/page2-main-content.gif);
	/*background-repeat: repeat-y;
	/*background-position: left top; /*used to be left 80px 
	margin: 0px;
	padding: 0px;
	line-height: 14px;*/
	width: 805px;
}
.services #mainLeftContent p {
		
	padding: 0;
	text-align: left;
	font-size: 12px;
}

.services #mainLeftContent td{
	
	/*padding: 10px 0 10px 0;*/
	text-align: left;
	font-size: 12px;
}

/* Training Specific Styles */
.training #mainContent h1 {
	margin: 6px 0 20px;
	color: #165788;
	font-size: 18px;
	font-weight:bold;
	line-height: 21px;
}

.training #mainContent h2 {
	color: #4D457E;
	font-size: 14px;
	font-weight:bold;
}

.training #mainContent h3 {
	color: #4D457E;
	font-size: 12px;
	font-weight:bold;
}

.training #mainContent h4 {
	font-size: 12px;
	font-weight:bold;
}

.training #mainLeft {
	background-image: url(images/page2-main-content.gif);
	background-repeat: repeat-y;
	background-position: left 80px;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	width: 805px;
}
.training #mainLeftContent p{
	
	padding: 0;
	text-align: left;
	font-size: 12px;
}

/* Events Specific Styles */
.events #mainContent h1 {
	margin:0;
	padding: 6px 0 10px;
	color: #165788;
	font-size: 18px;
	font-weight:bold;
	line-height: 21px;
}
.events #mainLeft {
	background-image: url(images/page2-main-content.gif);
	background-repeat: repeat-y;
	background-position: left 80px;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	width: 805px;
}
.events #mainLeftContent p{
	
	padding: 0;
	text-align: left;
	font-size: 12px;
}


/* Support Specific Styles */
.support #mainContent h1 {
	margin:0;
	padding: 6px 0 10px;
	color: #165788;
	font-size: 18px;
	font-weight:bold;
	line-height: 21px;
}
.support #mainLeft {
	background-image: url(images/page2-main-content.gif);
	background-repeat: repeat-y;
	background-position: left 80px;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	width: 805px;
}
.support #mainLeftContent p{
	padding: 0;
	text-align: left;
	font-size: 12px;
}

/* Knowledge Center Specific Styles */

/* Company Specific Styles */

.company #mainContent h1 {
	margin:0;
	padding: 6px 0 20px;
	color: #165788;
	font-size: 18px;
	font-weight:bold;
	line-height: 21px;
}
.company #mainLeft {
	background-image: url(images/page2-main-content.gif);
	background-repeat: repeat-y;
	background-position: left 80px;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	width: 805px;
}
.company #mainLeftContent p {

	padding: 0;
	text-align: left;
	font-size: 12px;
}

.company #mainLeftContent td{

	/*padding: 10px 0 10px 0;*/
text-align: left;
	font-size: 12px;
}

/* Partners Specific Styles */
.partners #mainContent h1 {
	margin:0 0 20px;
	padding: 6px 0 0;
	color: #165788;
	font-size: 18px;
	font-weight:bold;
	line-height: 21px;
}
.partners #mainContent h3 {
	margin:25px 0 5px;
	padding: 0;
	color: #165788;
	font-size: 12px;
	font-weight:bold;

}
.partners #mainContent .partnerdesc {
	margin:5px 0;	
}
.partners #mainLeft {
	background-image: url(images/page2-main-content.gif);
	background-repeat: repeat-y;
	background-position: left 80px;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	width: 805px;
}
.partners #mainLeftContent p {
		
	padding: 0;
	text-align: left;
	font-size: 12px;
}

.partners #mainLeftContent td{
	
	/*padding: 10px 0 10px 0;*/
text-align: left;
	font-size: 12px;
}

/* News Specific Styles */
.news #mainLeft {
	background-image: url(images/page2-main-content.gif);
	background-repeat: repeat-y;
	background-position: left 80px;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	width: 805px;
}

.news #mainLeftContent p {
	
	padding: 0;
	text-align: left;
	font-size: 12px;
}

/* Events Specific Styles */

/* Knowledge Specific Styles */
.knowledge #mainContent h1 {
	margin:0;
	padding: 6px 0 20px;
	color: #165788;
	font-size: 18px;
	font-weight:bold;
	line-height: 21px;
}
.knowledge #mainLeft {
	background-image: url(images/page2-main-content.gif);
	background-repeat: repeat-y;
	background-position: left 80px;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	width: 805px;
}
.knowledge #mainLeftContent p {
		
	padding: 0;
	text-align: left;
	font-size: 12px;
}

.knowledge #mainLeftContent td{
	
	/*padding: 10px 0 10px 0;

	text-align: left;*/
	font-size: 12px;
}

/*Styles for the Green Rating Guide page */

div.section {
border-bottom: 1px dotted #ccc;	padding-bottom:10px; margin-bottom:10px; background:url(greenratingsguide/images/2008Foundation.jpg) no-repeat right bottom;
}

#mainContent p.intro {
	font-size:1.4em; color:#165788; line-height:1.2em; margin:0;
}

.leftColumn {
	float:left; width: 530px;	
}

#mainContent .mainColumn h1 {
	color:#165788; padding:20px 0 10px; margin:0;
}
#mainContent .mainColumn h1 a {
	color:#165788; padding:20px 0 10px; margin:0;
}
#mainContent .mainColumn h3 {
	color:#165788; padding:5px 0 10px; margin:0;
}


#mainContent .mainColumn p {
	padding:0 0 10px; margin:0; color:#555555;
}
#mainContent .mainColumn p.footer img {
	padding-top:15px; padding-right:10px;
}
#mainContent .mainColumn p a {
	padding:0 0 10px; margin:0; color:#0082BB;
}
#mainContent .mainColumn p.date {
	color:#333333;
}

#mainContent .mainColumn ul {
	color:#555555;
}

.rightColumn {
	float:left; margin-left:30px; width: 195px;
}

div.downloadGRG{
	 margin-top:20px;
}

#mainContent div.casestudy{
	color:#165788; padding:4px; margin: 20px 0 10px 20px; border: 1px solid #ccc; background: #f7f7f7;
}
#mainContent div.casestudy p{
	font-size:1.2em; line-height:1.2em;
}

#mainContent .rightColumn h3, #mainContent .rightColumn p {
	margin:0; padding: 0 0 5px 0;
}
#mainContent .rightColumn h3 a {
	color:#0082BB; 
}
#mainContent .rightColumn h3 a:hover {
	color:#165788; 
}

div.webinar {
	padding:5px; border:1px dotted #ccc;
}

#mainContent a.button {
	display:block; text-align:center; padding: 8px 10px; margin-bottom:10px; font-weight:bold; font-size:1.4em; background:url(greenratingsguide/images/button-background.jpg) no-repeat left top; color:#FFF; border: 1px solid #165788;
}
#mainContent a.button:hover {
	background:url(greenratingsguide/images/button-background-hover.jpg) no-repeat left top; color:#FFF; border: 1px solid #0082BB;
}

.right {
	float:right; padding-left:15px;
}
.left {
	float:left;	padding-right:15px;
}
.rightmargin {
	margin-right:20px;
}
.rightmargin10 {
	margin-right:10px;
}
#mainContent p.topmargin5 {
	padding-top:5px;
}


div.clear {
	clear:both;
}


/*updated secondary nav - Dec 2010 */
#secondnav {font-size:.9em; background:url(images/subnav/subnav-background.png) left bottom no-repeat; width:960px; margin:0 15px 5px 16px;}
#secondnav ul {display:block; list-style:none outside none; margin:0; padding:0; overflow:hidden; width:100%;}
#secondnav ul li {float:left;}
#secondnav ul li.navlabel {display:block;padding:7px 5px 10px 10px; white-space:nowrap;}
#secondnav ul li.leftspace {padding-left:30px;}
#secondnav ul li a {display:block; color:#0082bb; padding:7px 10px 10px; white-space:nowrap; text-decoration:none; font-weight:bold;}
#secondnav ul li a:hover {color:#e05206; text-decoration:none;}

/*updated case studies page - Jan 2011 */
div.casestudyrow {overflow:hidden; width:100%; border-top: 1px solid #eeeeee;}
div.caseimage {float: left; margin:15px 10px; width:180px;}
div.caseimage a {display:block;}
div.caseimage span {position:absolute; left:-9000px;}
div.casedescription {float:right; padding: 15px 0 10px 10px; margin-right: 5px; width: 520px;}
div.blinded div.casedescription {border-top: 1px solid #eeeeee;}
div.blinded div.first {border-top:none;}
#mainLeftContent div.casedescription p {margin:0; padding-bottom:5px}
div.casestudyrow #hermanmiller {background:url(images/knowledge/casestudy-logos-sprite.png) center 0px no-repeat; height:22px;}
div.casestudyrow #mathworks {background:url(images/knowledge/casestudy-logos-sprite.png) center -100px no-repeat; height:32px;}
div.casestudyrow #catech {background:url(images/knowledge/casestudy-logos-sprite.png) center -200px no-repeat; height:36px;}
div.casestudyrow #vanderbilt  {background:url(images/knowledge/casestudy-logos-sprite.png) center -300px no-repeat; height:26px;}
div.casestudyrow #bayer {background:url(images/knowledge/casestudy-logos-sprite.png) center -400px no-repeat; height:41px;}
div.casestudyrow #ggp {background:url(images/knowledge/casestudy-logos-sprite.png) center -500px no-repeat; height:38px;}
div.casestudyrow #wakeco {background:url(images/knowledge/casestudy-logos-sprite.png) center -600px no-repeat; height:76px;}
div.casestudyrow #autodesk {background:url(images/knowledge/casestudy-logos-sprite.png) center -700px no-repeat; height:30px;}
div.casestudyrow #ciba {background:url(images/knowledge/casestudy-logos-sprite.png) center -800px no-repeat; height:68px;}

div.blinded div.caseimage {background: #f9f9f9; border: 1px solid #dddddd; margin:13px 8px; padding: 1px;}
#mainLeftContent div.blinded div.caseimage p {width:100%; text-align:center; color:#555; font-weight:bold; font-size:.8em; text-transform:uppercase; margin:0;}
div.casestudyrow #pharma {background:url(images/knowledge/casestudy-blinded-sprite.jpg) center 0px no-repeat; height:50px;}
div.casestudyrow #it {background:url(images/knowledge/casestudy-blinded-sprite.jpg) center -100px no-repeat; height:50px;}
div.casestudyrow #agri {background:url(images/knowledge/casestudy-blinded-sprite.jpg) center -200px no-repeat; height:50px;}
div.casestudyrow #healthcare {background:url(images/knowledge/casestudy-blinded-sprite.jpg) center -300px no-repeat; height:50px;}
div.casestudyrow #chem {background:url(images/knowledge/casestudy-blinded-sprite.jpg) center -400px no-repeat; height:50px;}
div.casestudyrow #edu {background:url(images/knowledge/casestudy-blinded-sprite.jpg) center -500px no-repeat; height:50px;}

p.copyright {color:#333; padding-left:20px; margin-top:-20px;}
body.home p.copyright {font-size:.75em; color:#666; margin-top:0;}
p.copyright a {text-decoration:underline; color:#333; }
body.home p.copyright a {color:#666;}

/*new styles for pages adopted updated layout - Sept 2011 */

.contentcol {margin-left:200px; margin-right:20px;}
.navcol {width:170px; border-right:1px dotted #eee; float:left; padding:0 5px 5px 0;}
#mainLeft .navcol ul {margin:0; padding:0; list-style:none outside none;}
#mainLeft .navcol ul li {margin:0;}
.navcol ul li a {border-bottom:1px solid #eee; display:block; padding:4px 5px;}
.navcol ul li a.header {font-weight:bold;}
/*.navcol ul li a:hover {text-decoration:none; background:#fcfcfc;}*/
.events #mainLeftContent .navcol ul li.selected a, #MainLeftContent .navcol  ul li.selected a:hover {color:#044a76; background:#fff; text-decoration:none; font-weight:bold;}
.navcol ul div.navsection {border-top:1px solid #eee;}
.navcol ul div.navsection li a {border-bottom:1px dotted #eee;}

.new h2 {font-size:2em; font-weight:normal; padding:0 0 10px; margin:0; color:#165788;}
/*h2 {font-size:1em; font-weight:bold; padding: 0 0 10px; margin:0; color:#333;}*/
.new h3 {font-size:18px; font-weight:normal; padding: 0 0 5px; margin:0; color:#165788; line-height:20px;}
.new h4, div.sectionhdr {font-size:1em; font-weight:bold; padding: 0 0 5px; margin:0; color:#165788;}
h2.extra, h3.extra, h4.extra {padding-top:20px;} /* use this class for additional headers that display on the page */
h3.subhead {margin:-5px 0 5px;}
.events #mainLeftContent .new p.subhead, .products #mainLeftContent .new p.subhead {margin-top:-5px;}

.events #mainLeftContent .new p {padding:0 0 5px; font-size:1em; line-height:1.5em; margin:0;}


.description {color:#777; }
.blue {color:#194566;}
.new .prehead {color:#165788; font-size:1.3em; padding:0 0 10px;}
.new .seriesheader h3 {color:#165788; font-size:1.3em; padding:5px 0 10px; display:inline-block; vertical-align:top;}
.new .seriesheader img {display:inline-block; padding: 0 5px 15px; vertical-align:top;}
.new .seriesli h3 {padding-top:5px; display:inline-block; vertical-align:top;}
.new .seriesli img {display:inline-block; padding: 0 5px 5px 0; vertical-align:top;}

.events #mainLeftContent div.pbody p {padding-bottom:10px;}

div.featured {background:url("images/home/updated/columnbg.gif") repeat-x scroll center top #FFFFFF; border:1px solid #A8B400; margin: 0 -5px 15px; padding: 5px;}
div.featured h4 {font-weight:bold; color:#A8B400; font-size:1.2em; padding:2px 0 8px; text-transform:uppercase;}
div.thumbnaillist div.featured div.thumbnail {margin:0;}
div.thumbnail {width:204px; margin:0 15px 10px 0; vertical-align:top; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
div.thumbnailimg {position:relative; height:127px;}
div.thumbnailimg img {border:1px solid #ccc; float:none;}
div.thumbnailimg div.thumbnailhover {height:32px; width:32px; position:absolute; top:46px; left:85px; background:url(Products/images/Play.png) no-repeat; zoom: 1; filter: alpha(opacity=80); opacity: 0.8;}
div.thumbnail h5 {font-weight:bold; padding:10px 0 5px; font-size:12px; margin:0;}
div.thumbnail span.required {font-weight:normal;}

div.thumbnaillist div.thumbnail {display:block; margin:0 0 20px 0; width:auto; overflow:hidden;}
div.thumbnaillist div.thumbnailimg {position:relative; height:127px; float:left; margin-right:10px;}
div.thumbnaillist div.details {margin-left:214px;}
.products #mainLeftContent a p {color:#666; padding-bottom:5px;}
.products #mainLeftContent .thumbnail a, .products #mainLeftContent a h5 {color:#165788;}
.products #mainLeftContent .thumbnail a:hover, .products #mainLeftContent a:hover h5 {color:#0082bb;}

/*Video overlay styles */
div.overlay {background: #333333; height: 100%; left: 0; filter: alpha(opacity=50); opacity: 0.5; position: fixed; top: 0; width: 100%;}
div.popup {position:fixed; top:40px; width:100%; left:0;}
div.popup div.videoembed {background:#222; border:1px solid #000; margin:0 auto; position:relative;}
div.popup div.close {position:absolute; right:0; top:-25px;}

.new div.section {padding:10px 0 0; margin:0; background:none; border:none;}
div.sectionhdr h4{display:inline;}
div.sectionhdr a.action {padding-left:10px; font-weight:normal;}
div.sectionbody {padding-bottom:10px;}

#sociallinks {position:absolute; top: 37px; right:10px;}
#sociallinks #twitter {float:left; margin-left:5px; display:block; width:16px; height:16px; background:url(images/home/updated/sprite-followus-header.png) 0 0 no-repeat;}
#sociallinks #linkedin {float:left; margin-left:5px; display:block; width:16px; height:16px; background:url(images/home/updated/sprite-followus-header.png) 0 -100px no-repeat;}
#sociallinks #blog {float:left; margin-left:5px; display:block; width:16px; height:16px; background:url(images/home/updated/sprite-followus-header.png) 0 -200px no-repeat;}
#sociallinks a span {left: -9000px; position: absolute;}


/*.inlineblock {display:inline-block; margin-right:10px; vertical-align:top;}*/
div.clear {clear:both;}
.hide {display:none;}