/* 
 * styles.css
 *
 * The styles.css file contains CSS styles that are used for all browsers.
 */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; background: #fff;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

#Wrapper { width: 962px; } /* Width of "page" */
#MainChannel { width: 733px; } /* Width of left channel and center channel combined */
#Content { width: 688px; margin-top: 166px; margin-left:22px; margin-right: 23px; overflow: hidden;} /* Width of center channel */
	body.installations #Content { overflow: visible; }
#SidebarSecondary { width: 205px;  margin-top: 166px; margin-right: 24px;} /* Width of right channel */

body.home #Content { margin-top: 15px; } /* Width of center channel */
body.home #SidebarSecondary { margin-top: 15px; margin-bottom: 90px;} /* Width of right channel */

/* = End Widths = */



#Wrapper {
  margin: 0 auto; /* Make content centered */
  background: url(../images/wrapper-bg/about.jpg) no-repeat 0 78px; color: #333; /* default background in case one is not defined */
}


body.about #Wrapper  {background: url(../images/wrapper-bg/about.jpg) no-repeat 0 78px;}
body.industry  #Wrapper {background: url(../images/wrapper-bg/industry.jpg) no-repeat 0 78px;}
body.installations  #Wrapper {background: url(../images/wrapper-bg/installations.jpg) no-repeat 0 78px;}
body.technology  #Wrapper {background: url(../images/wrapper-bg/technology.jpg) no-repeat 0 78px;}
body.solutions  #Wrapper {background: url(../images/wrapper-bg/solutions.jpg) no-repeat 0 78px;}
body.sustainability  #Wrapper {background: url(../images/wrapper-bg/sustainability.jpg) no-repeat 0 78px;}
body.news-events  #Wrapper {background: url(../images/wrapper-bg/news-events.jpg) no-repeat 0 78px;}
body.home  #Wrapper  {background: url(../images/wrapper-bg/home.jpg) no-repeat 0 78px; position: relative; z-index: 4000;}
body.adminInterface  #Wrapper  {background: url(../images/wrapper-bg/about.jpg) no-repeat 0 78px; position: relative;}
/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { display: none; }



#SiteId {position: absolute; padding:47px 0 5px 10px; }
#Navs {float:right;}


#ToolBar {color:#3e3e3e; font-size:85%; z-index: 30; float: right; clear: both;}
#ToolBar a {color:#8b98ab; text-decoration:none;}
#ToolBar a:hover {color:#035;}
#ToolBar li {float:left;}
#ToolBar li.link {background:url("../images/common/toolbar-divider.gif") no-repeat 100% 100%; margin-right:5px; padding-right:5px;  padding-top: 5px;}
#ToolBar li.last {background: none;}


#ToolBar #Languages {background: url(../images/common/toolbar-language-off-bg.png) no-repeat 0 100%; width: 114px; height: 25px;}
#ToolBar #Languages a {color: #25a; padding-left: 15px; display: block; padding-top: 5px; height: auto;}
#ToolBar #Languages a:hover {color:#035;}
#ToolBar #Languages ul {position: absolute; width: 114px; z-index: 5; display: none; background: #fff;}
#ToolBar #Languages ul li {float: none; background: #E7EDF5}
#ToolBar #Languages li.last {padding-bottom: 5px;} 

#AddThis {clear: both; float: right; margin-top: 8px;}

#MainBody { 
  position: relative; /* to facilitate */
  z-index: 2;         /* topnav dropdowns */
}

/* Wrap left and center channel so that we can put center channel first in markup for optimal content ordering */
#MainChannel { float: left; }

/* Left channel */


/* Center channel */
#Content {
  float: right;
}

/* Right Channel */
#SidebarSecondary {
  float: right;
}


#Footer { color:#333; font-size:.85em; padding:0 10px; height:30px; padding-top: 20px; clear: both;}
#Footer a {color:#1e4e9e; text-decoration:none;}
#Footer a:hover {text-decoration:underline;}
  #Footer p.copy { float: left; }
  #Footer ul.siteLinks {float:right;}
    #Footer ul.siteLinks li { display: inline; background:url("../images/common/toolbar-divider.gif") no-repeat 100% 50%; margin-right:5px; padding-right:5px;}
	#Footer ul.siteLinks li.last { background:none; margin-right:0; padding-right:0;}


/* Utility Classes */
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* ###############  Top Navigation specific Styles ################### */
ul#NavigationPrimary {z-index: 2; float: right; font-weight:bold; margin-top: 3px; clear: right;}
  ul#NavigationPrimary li { /* Topnav item */
    
    float: left; /* Keep nav in a line */
	background: url(../images/primary-nav/divider.gif) no-repeat 100% 100%;
  }
  ul#NavigationPrimary li.last {background: url(../images/primary-nav/divider-last.gif) no-repeat 100% 100%;}
    ul#NavigationPrimary li a { /* Topnav link */

      display: block;
      padding: 6px 13px 6px 13px;
      text-decoration: none;
	  background: #fff;
	  color: #89a;
	  margin-right: 1px;
    }
	ul#NavigationPrimary li a.active { background: url(../images/primary-nav/active-bg.gif) no-repeat 50% 100%; color: #004586;}
	

/* ###############  Sidebar Secondary specific Styles ################### */

	/* ###############  Secondary Nav specific Styles ################### */
	#SecondaryNav {margin-bottom: 10px; font-size: 85%;}
	#SecondaryNav .header {height: 8px; background: url(../images/secondary-nav/sidebar_nav_top.png) no-repeat 0 0;}
	#SecondaryNav .footer {height: 9px; background: url(../images/secondary-nav/sidebar_nav_bot.png) no-repeat 0 100%;}
	#SecondaryNav .channel {background: url(../images/secondary-nav/sidebar_nav_mid.png) repeat-y; padding: 5px 20px;}
	#SecondaryNav h2 {font-weight: bold; border-bottom: 1px solid #d2ddec; margin-bottom: 10px;}
	#SecondaryNav h2 a {color: #89a; text-decoration: none;}
	#SecondaryNav li {margin-bottom: 10px;}
	#SecondaryNav li.last {margin-bottom: 0;}
	#SecondaryNav li a {color: #89a; text-decoration: none;}
	#SecondaryNav li a:hover {color: #035;}
	#SecondaryNav li.active a {color: #003355;}

	/* ###############  Featured blocks specific Styles ################### */
	.featuredBlocks {margin-bottom: 10px;}
	.featuredBlocks .header {background: url(../images/secondary-nav/featured-channel-bg-top.png) no-repeat 0 0; padding-top: 6px;border:}
	.featuredBlocks .channel {background: url(../images/secondary-nav/featured-channel-bg-mid.png) repeat-y; padding: 0 5px;} 
	.featuredBlocks .footer {background: url(../images/secondary-nav/featured-channel-bg-bot.png) no-repeat 0 100%; padding-top: 6px;border:}
	.featuredBlocks h2 {color: #7889a6; font-weight: bold; text-align: center; padding-bottom: 5px; padding-top: 5px; font-size: 110%;}
	.featuredBlocks .contentContainer {background: url(../images/secondary-nav/featured-content-bg.gif) no-repeat 0 0; padding-top: 10px;}
	.featuredBlocks .content {background: url(../images/secondary-nav/featured-content-bg.gif) no-repeat 0 100%; padding: 0 22px 10px 22px; color: #275aa7;}
	.featuredBlocks .content p {margin-bottom: 10px; font-size: 85%;}
	.featuredBlocks .content p.last {margin-bottom: 0;}
	.featuredBlocks .content li {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d2ddec; font-size: 85%;}
	.featuredBlocks .content li.last {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
	.featuredBlocks .content li a {color: #275aa7; text-decoration: none;}
	.featuredBlocks .content li a:hover {color: #035;}
	.featuredBlocks .more {height: 21px; margin-top: 5px;}
	.featuredBlocks .more span {float: right; background: url(../images/secondary-nav/more-btn-bg.gif) no-repeat 0 0; padding-left: 10px;}
	.featuredBlocks .more a {color: #275aa7; display: block; height: 18px; background: url(../images/secondary-nav/more-btn-bg.gif) no-repeat 100% 0%; padding: 3px 10px 0 0; text-decoration: none; font-size: 85%;}
	.featuredBlocks .more a:hover {color: #035;}

	/* special case for home page */
	body.home #ContentChannel h1 {font-size: 300%; color: #fff; text-indent: -3000px;}
	body.home #ContentChannel h2 {font-size: 200%; color: #fff; text-indent: -3000px;}
	body.home #ContentChannel p.learnMore {margin-left: 440px; margin-top: 70px; font-size: 210%; color: #70abde;}
	body.home #ContentChannel p.learnMore a {color: #70abde; text-decoration: none; display:block; width: 170px; text-indent: -32000em;}
	body.home .featuredBlocks .content p {margin-bottom: 3px;}
	.featuredBlocks .content p.last {margin-bottom: 0;}
	.featuredBlocks .content a.playVideo {background:url(../images/common/play-video-bg.gif) no-repeat 0 0; display: block; width: 120px; height:20px; color: #fff; padding: 6px 0 3px 30px; text-decoration: none; font-size: 90%; margin-bottom: 15px;}
	.featuredBlocks .content a.last {margin-bottom: 0;}

/* Home Page specific Styles */
	#HighlightsArea {margin-left:20px; clear: both; position: relative; z-index: 1;}
	#HighlightsArea .homeTile {float: left; margin-right: 10px;}
		#HighlightsArea .homeTile a {
			display: block;
			height: 208px;
			outline: 0;
			text-indent: -32000em;
			width: 216px;
		}
		#HighlightsArea a.sustainability {
			background: url(../images/home/tile-sustainability.png) no-repeat 0 0;
		}
		#HighlightsArea a.victorValleyCollege {
			background: url(../images/home/tile-victor-valley-college.png) no-repeat 0 0;
		}
		#HighlightsArea a.pilot {
			background: url(../images/home/tile-pilot.png) no-repeat 0 0;
		}
		#HighlightsArea a.solarPowerInt {
			background: url(../images/home/tile-solar-power-int.png) no-repeat 0 0;
		}
		#HighlightsArea a.johnsonControls {
			background: url(../images/home/tile-johnson-controls.png) no-repeat 0 0;
		}
		#HighlightsArea a.auAirport {
			background: url(../images/home/tile-australia.png) no-repeat 0 0;
		}
		#HighlightsArea a.intersolar {
			background: url(../images/home/tile-intersolar.png) no-repeat 0 0;
			width: 217px;
		}
		#HighlightsArea a.cto {
			background: url(../images/home/tile-cto.png) no-repeat 0 0;
			width: 216px;
		}
		#HighlightsArea a.sf1136sx {
			background: url(../images/home/tile-sf-1136sx.png) no-repeat 0 0;
		}
		#HighlightsArea a.twitter {
			background: url(../images/home/tile-twitter.png) no-repeat 0 0;
		}
		#HighlightsArea a.solarPowerGen {
			background: url(../images/home/tile-solar-power-gen-event.png) no-repeat 0 0;
		}
		
		
	#GloballyDeployed {float:left; margin-right: 10px;}
	#Certification {float:left; margin-right: 10px;}
	#HomeTechnology a.solutionsTile {
		background: url(../images/home/tile_solutions.gif) no-repeat 0 0;
		float:left; 
		height: 208px; 
		margin-right: 10px;
		position: relative; 
		text-decoration: none;
		width: 216px; 
	}
	#HomeTechnology h2 {text-indent: -3000px;}
	#HomeTechnology a.explore {position: absolute; left: 132px; top: 5px; font-size: 90%; background:url(../images/home/explore-arrow-bg.png) no-repeat 0 0; padding-left: 25px; text-decoration: none; color: #1e4e9e; height: 20px; padding-top: 2px;}
	#HomeTechnology p {position: absolute; color: #fff; cursor: pointer; left: 20px; width: 140px; top: 90px;}
	
	#IntersolarPopup {left: 44%;}
	#IntersolarEvent .channel {
		background: url(../images/home/intersolar-box-bg.gif) no-repeat;
		height: 282px;
		padding: 0;
		width: 500px;
	}
		#IntersolarEvent .channel .twoCol {}
			#IntersolarEvent .channel .twoCol .first {float: left; margin-left: 25px; padding-top: 42px; width: 195px;}
			#IntersolarEvent .channel .twoCol .last {float: right; margin-right: 18px; padding-top: 25px; width: 255px;}
		#IntersolarEvent .logo {padding-bottom: 15px;}
		#IntersolarEvent dl.eventInfo dt {
			color: #676f72; 
			font-size: 146.5%; 
			font-weight: normal; 
			line-height: 21px;
			padding-bottom: 8px;
		}
		#IntersolarEvent dl.eventInfo dd.date {color: #676f72; font-size: 93%; font-weight: bold;}
		#IntersolarEvent dl.eventInfo dd.location {color: #676f72; font-size: 93%; padding-bottom: 15px;}
		#IntersolarEvent div.button a.more {
			background: url(../images/home/more-button.gif) no-repeat 0 0;
			display: block;
			height: 46px;
			text-decoration: none;
			width: 145px;
		}
			#IntersolarEvent div.button a.more span {
				color: #fff;
				display: block;
				font-size: 123.1%; 
				font-weight: bold;
				padding-top: 13px;
				text-align: center;
			}
		#IntersolarEvent .booth {
			background: url(../images/home/intersolar-cpv.png) no-repeat;
			height: 227px;
			width: 247px;
		}
			#IntersolarEvent .booth span {
				color: #04277a; 
				display: block; 
				font-size: 123.1%;
				padding-top: 85px; 
				text-align: center;
			}

body.home iframe.newsFeed {
	border: 0; 
	height: 141px; 
	width: 437px;
}

body.home .newsFeed {
	height: 150px !important;
	overflow: auto;
}

/* ###############  Content Channel specific Styles ################### */

#ContentChannel a {color: #25a;}
#ContentChannel a:hover {color: #035;}

.mainContent {margin-bottom: 20px;}
.mainContent .header {background: url(../images/common/main-content-bg-top.png) no-repeat 0 0; height: 13px;}
.mainContent .footer {background: url(../images/common/main-content-bg-bot.png) no-repeat 0 100%; height: 14px; clear: both;}
body.imageHeader .mainContent .footer {display: none;}
.mainContent .channel {background: url(../images/common/main-content-bg-mid.png) repeat-y; padding: 10px 30px;}
body.imageHeader .mainContent .channel {padding:0; background: #fff;}
.mainContent p {margin-bottom: 10px}
.mainContent p.intro {padding-top: 10px;}
.mainContent h1 {font-size: 2em; color: #00355f;}
.mainContent h2 {font-size: 1.3em; color: #999; margin-bottom: 10px;}
.mainContent h3 {font-weight: bold;}
.mainContent ul {margin-left: 30px; margin-bottom: 10px;}
.mainContent ul li {list-style: disc;}
.mainContent strong {font-weight: bold;}

.mainContent .prImage {text-align: center;}
.mainContent .prImageCaption {text-align: center; margin-bottom: 20px;}

#Content .articles li { color: #7b7b7b; list-style-image: url(../images/common/tabs-bullet.png); padding-bottom: 12px; }
#Content .articles li a {
	font-weight: bold;
	text-decoration: none;
}
#Content .articles li .date {
		color: #7b7b7b;
		font-size: 86%;

}
#Content .articles li .source {
		color: #7b7b7b;
		font-size: 86%;
}

.quote {margin-bottom: 20px;}
.quote .header {background: url(../images/common/quote-bg-top.png) no-repeat 0 0; height: 16px;}
.quote .footer, body.imageHeader .mainContent .quote .footer {background: url(../images/common/quote-bg-bot.png) no-repeat 0 100%; display: block; height: 16px;}
.quote .channel, body.imageHeader .mainContent .quote .channel {background: url(../images/common/quote-bg-mid.png) repeat-y; padding: 10px 30px; color: #fff;}
.quote p {font-size: 175%; font-weight: bold; font-family:"Times New Roman", Times, serif; margin-bottom: 10px; letter-spacing: 1px; line-height: 150%;}
.quote cite {padding-left: 50px;}

.highlights {margin-bottom: 20px;}
.highlights .header {background: url(../images/common/highlights-bg-top.png) no-repeat 0 0; padding: 10px 30px; width: 628px;}
.highlights .footer {background: url(../images/common/highlights-bg-bot.png) no-repeat 0 100%; height: 13px;}
.highlights .channel {background: url(../images/common/highlights-bg-mid.png) repeat-y; padding: 10px 30px; padding-top: 20px;}
.highlights .header h2 {font-size: 150%; color: #00355f; margin-bottom: 10px;}
.highlights .header p {margin-bottom: 10px}
.highlights ul.HLnavigation {float: left; width: 204px;}
.highlights ul.HLnavigation li {height: 69px; background: url(../images/common/highlights-left-btns-bg.png) no-repeat 0 0;}
.highlights ul.HLnavigation li.active {background: url(../images/common/highlights-left-btns-bg.png) no-repeat 0 -69px;}
.highlights ul.HLnavigation a {color: #fff !important; text-decoration: none; font-size: 125%; display: block; padding-left: 25px; padding-top: 25px; height: 69px;}
.highlights #HLcontentChannel ul {width: 350px;}

.highlights .content {float: left; margin-left: 20px; padding-top: 4px;}
.highlights .content p {margin-bottom: 10px;}
.highlights .content ul {margin-left: 30px;}
.highlights .content ul li {list-style-image: url(../images/common/highlights-bullet.gif); margin-bottom: 10px;}
.highlightsDisplayNone {display: none;}
.highlightsDisplayBlock {display: block;}


#Installations {position: relative;}
ul#InstallationMap {
	background: url(../images/installations/map.png) no-repeat;
	display: block;
	height: 300px;
	margin: 0;
	padding: 0 1px;
	position: relative;
	width: 613px;
	z-index: 20;
}
ul#InstallationMap li {
	height: 16px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 15px;
	z-index: 30;
}
	ul#InstallationMap li a.dot {
		background: url(../images/installations/dot.png) no-repeat 0 0;
		display: block;
		height: 16px;
		outline: 0;
		text-indent: -32000em;
		width: 15px;
	}
		ul#InstallationMap li a.dot:hover {background: url(../images/installations/dot.png) no-repeat 100% 0;}
		ul#InstallationMap li.active a.dot {background: url(../images/installations/dot.png) no-repeat 100% 0;}
		
		ul#InstallationMap .allLocations {
			display: none;
			position: relative;
			width: 220px;
			z-index: 100;
		}
		ul#InstallationMap .right {
			background: url(../images/installations/right-box-bottom-bg.gif) no-repeat 0 100%;
			left: 12px;
			padding-bottom: 10px;
			top: -64px;
		}
		ul#InstallationMap .left {
			background: url(../images/installations/left-box-bottom-bg.gif) no-repeat 0 100%;
			left: -214px;
			padding-bottom: 10px;
			top: -64px;
		}
		ul#InstallationMap .allLocations .content {position: relative;}
		ul#InstallationMap .right .content {
			background: url(../images/installations/right-box-top-bg.gif) no-repeat 0 0;
			padding: 30px 0 0 23px;
		}
		ul#InstallationMap .left .content {
			background: url(../images/installations/left-box-top-bg.gif) no-repeat 0 0;
			padding: 30px 0 0 19px;
		}
			ul#InstallationMap a.close {
				background: 0;
				display: block;
				height: 23px;
				outline: 0;
				position: absolute;
				text-indent: -32000em;
				width: 23px;
			}
				ul#InstallationMap .right a.close {
					left: 194px;
					top: 1px;
				}
				ul#InstallationMap .left a.close {
					left: 189px;
					top: 2px;
				}
			ul#InstallationMap .content ul {display: block; margin: 0; padding-bottom: 1px; width: 174px;}
			ul#InstallationMap .content li {
				display: block;
				height: auto;
				margin-bottom: 5px;
				position: static;
				width: 174px;
			}
				ul#InstallationMap .content li a {
					background: url(../images/installations/map-box-inactive-top.gif) no-repeat 0 0;
					color: #2a5578;
					cursor: pointer;
					display: block;
					padding-top: 10px;
					text-decoration: none;
					width: 174px;
				}
					ul#InstallationMap .content li a:hover, 
					ul#InstallationMap .content li.active a {
						background: url(../images/installations/map-box-active-top.gif) no-repeat 0 0;
					}
					ul#InstallationMap .content li a span {
						background: #9cb0c0 url(../images/installations/map-box-inactive-bottom.gif) no-repeat 0 100%;
						display: block;
						padding: 0 12px 10px 12px;
						width: 150px;
					}
					ul#InstallationMap .content li a:hover span, 
					ul#InstallationMap .content li.active a span {
						background: #fff url(../images/installations/map-box-active-bottom.gif) no-repeat 0 100%;
					}
			
			

.mainContent ul.deployments {
	margin: 0;
	position: relative;
	top: -30px;
	width: 615px;
	z-index: 10;
}
	
	.mainContent ul.deployments li.deployment {
		display: none;
		list-style: none; 
		margin: 0;
		padding: 0;
	}
	.mainContent ul.deployments h2 {display: none;}
	.mainContent ul.deployments li ul {margin: 0;}
	.mainContent ul.deployments ul.locations {margin: 0; padding: 0;}
	.mainContent ul.deployments ul li.location {
		background: url(../images/installations/specs-bg.png) no-repeat 0 100%;
		list-style: none; 
		margin: 0;
		padding: 30px 6px 10px 20px;
		
	}
	.mainContent ul.deployments .carousel {float: left; min-height: 165px; padding-top: 7px; position: relative; width: 207px;}
		.mainContent ul.deployments .carousel .jcarousel-prev {
			background: url(../images/installations/prev.png) no-repeat 0 0;
			cursor: pointer;
			display: block;
			height: 20px;
			left: 71px;
			outline: 0;
			position: absolute;
			text-indent: -32000em;
			top: 141px;
			width: 21px;
		}
		.mainContent ul.deployments .carousel .jcarousel-next {
			background: url(../images/installations/next.png) no-repeat 0 0;
			cursor: pointer;
			display: block;
			height: 20px;
			left: 93px;
			outline: 0;
			position: absolute;
			text-indent: -32000em;
			top: 141px;
			width: 21px;
		}
	.mainContent ul.deployments ul.images { float: left; width: 207px; }
		.mainContent ul.deployments ul.images li {border: 0; list-style-type: none; padding: 0;}
			.mainContent ul.deployments ul.images li a {display: block; height: 136px; width: 185px;}
	.mainContent ul.deployments .levelTwoLocation {display: none;}
	
	.mainContent ul.deployments h3 {
		color: #3d63a0;
		float: right; 
		font-size: 131%;
		font-weight: bold;
		margin-right: 27px;
		padding: 0 0 10px 6px;
		width: 347px;
	}
	.mainContent ul.deployments dl {
		border-bottom: 1px solid #fff;
		float: right;
		margin-bottom: 7px;
		margin-right: 27px;
		padding-bottom: 5px;
		width: 353px;
	}
		.mainContent ul.deployments dl.last {border-bottom: 0;}
	.mainContent ul.deployments dt {
		color: #424242;
		float: left;  
		font-size: 90%; 
		line-height: 150%; 
		padding: 0 10px 0 6px; 
		width: 104px;
	} 
	.mainContent ul.deployments dd { 
		color: #000;
		float: right; 
		font-size: 90%; 
		line-height: 150%; 
		padding: 0; 
		width: 208px;
	} 

	.mainContent ul.deployments p {
		float: right; 
		text-align: right; 
		width: 328px;
	}
	.mainContent ul.deployments p a.button {
		background: url(../images/installations/button-bg.gif) no-repeat; 
		float: right;
		height: 29px;
		padding-left: 10px;
		text-decoration: none;
	}
		.mainContent ul.deployments p a.button em {
			background: url(../images/installations/button-bg.gif) no-repeat 100% 100%; 
			display: block;
			height: 29px;
			padding-right: 20px;
		}
			.mainContent ul.deployments p a.button span {
				color: #333;
				display: block;
				font-size: 85%;
				padding: 8px 0 0 0;
			}
				.mainContent ul.deployments p a.button span.pdf {
					background: url(../images/installations/pdf.gif) no-repeat 0 7px;
					padding-left: 18px;
				}
		
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
.jcarousel-container {
	height: 136px;
	position: relative;
	width: 185px;
}

.jcarousel-clip {
	height: 136px;
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 185px;
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 185px;
	height: 136px;
}

.jcarousel-clip-horizontal {
	height: 136px;
	width: 185px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	z-index: 3;
	display: none;
}

.jcarousel-prev {
	z-index: 3;
	display: none;
}


.leftPRImage {float: left; padding: 3px 8px 5px 0;}

a.pdf {
	background: url(../images/common/icon-pdf.gif) no-repeat 10px 0; 
	display: inline-block;
	height: 21px;
	overflow: hidden;
	padding: 3px 0 5px 40px;
}

.twoCol {} /* use for an equal two column format */
.twoCol .colLeft {width: 300px; float: left; }
.twoCol .colRight {width: 300px; float: right;}

.threeCol {margin-bottom: 10px;}
.threeCol .first {width: 190px; float: left; padding-right: 25px;}
.threeCol .middle {width: 190px; float: left;}
.threeCol .last {width: 190px; float: right;}

.mainContent .event {clear: both; margin-top: 20px; border-top: 1px solid #bfbfbf; padding-top: 10px;}
.mainContent .event h2 {color: #527dac; font-weight: bold;}
.mainContent .event .logo {float: left; margin-right: 10px; text-align: center; width: 270px; }
.mainContent .event .desc {float: left; width: 330px; }

.mainContent .eventDetails dl {margin-bottom: 10px;}
.mainContent .eventDetails dt {float: left; font-weight: bold;}
.mainContent .eventDetails dd {padding-left: 90px;}

.mainContent .awards {padding: 25px 0 10px;}
.mainContent .awards h2 {color: #527dac; font-size: 116%; font-weight: bold; margin-bottom: 0;}
.mainContent .awards p {margin-bottom: 19px;}

.mainContent .logos-images {float: left; margin-left: 35px; margin-bottom: 30px;}

dl.biographies {margin-bottom: 20px;}
dl.biographies dt {font-weight: bold; clear: both;  margin-top: 10px;border-top: 1px solid #bfbfbf; padding-top: 10px;}
dl.biographies dt.first {border-top: none;}
dl.biographies dd .photo {float: left; padding-top: 15px; padding-bottom: 10px;}
dl.biographies dd .bioWithImage {padding-left: 123px; padding-top: 10px;}
dl.biographies dd .bioNoImage {padding-top: 10px;}

table.electricalTerms {border-collapse: collapse;}
	table.electricalTerms td {border: 1px solid #ccc; padding: 5px;}

ul.faqs {margin-left: 0; padding-top: 15px;}
ul.faqs li {
	list-style-type: none;
	padding-bottom: 15px;
	padding-left: 0;
}
	#ContentChannel ul.faqs li a.collapse, #ContentChannel ul.faqs li a.expand {
		color: #333;
		font-weight: bold;
		text-decoration: none;
	}
	ul.faqs .viewMore, ul.faqs a.collapse {display: block;}
		ul.faqs .answer {padding: 5px 0 0 10px;}
	ul.faqs li ul {margin-left: 10px;}
	ul.faqs li ul li {list-style: disc;}

.imageTwoCols {margin-bottom: 20px; clear: both; padding-top: 20px;}
.imageTwoCols img {float: left; padding-bottom: 40px;}
.imageTwoCols .imgGroup {float: left; width: 200px;}
.imageTwoCols .imgGroup img {float: none;}
.imageTwoCols .text {padding-left: 220px;}


/*
Tabs - not important for accessibility, just for the look of it...
*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#ContentChannel #LogosImagesTabContainer {color:#5976a5; font-size:95%; margin-top: 10px; width:620px;}
#ContentChannel #LogosImagesTabContainer .content {padding-bottom: 15px;}

#LogosImagesTabContainer .anchors {
    list-style: none;
    margin: 0 0 20px 0;
		height: 32px;
}
#LogosImagesTabContainer .anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#LogosImagesTabContainer .anchors li {
    float: left;
		list-style: none;
    margin: 0 3px 0 0;
}
#LogosImagesTabContainer .anchors a {
	background:url("../images/news/logos-images/tab-off.gif") top left no-repeat;
	color: #6b788f;
	display: block;
	height: 16px; 
	outline: none;
	position: relative;
	padding: 8px 0;
	text-align: center;
	text-decoration: none;
	width: 122px;
	z-index: 2;
}
#LogosImagesTabContainer .anchors .ui-tabs-selected a, #LogosImagesTabContainer .anchors a:hover, #LogosImagesTabContainer .anchors a:focus, #LogosImagesTabContainer .anchors a:active, #LogosImagesTabContainer .fragment {
	background: url("../images/news/logos-images/tab-on.gif") top left no-repeat;
	color:#5976a5;
}
#LogosImagesTabContainer .anchors .ui-tabs-selected a:link, #LogosImagesTabContainer .anchors .ui-tabs-selected a:visited,
#LogosImagesTabContainer .anchors .ui-tabs-disabled a:link, #LogosImagesTabContainer .anchors .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#LogosImagesTabContainer .anchors a:hover, #LogosImagesTabContainer .anchors a:focus, #LogosImagesTabContainer .anchors a:active {
    cursor: pointer;
}
#LogosImagesTabContainer .anchors .ui-tabs-disabled {
    opacity: .4;
}
#LogosImagesTabContainer .anchors .ui-tabs-disabled a:hover, #LogosImagesTabContainer .anchors .ui-tabs-disabled a:focus, #LogosImagesTabContainer .anchors .ui-tabs-disabled a:active {
    background: transparent;
}
#LogosImagesTabContainer .fragment {
    padding: 0 10px;
}
#LogosImagesTabContainer .anchors .ui-tabs-selected .ui-tabs-loading {
    padding-left: 25px;
    background-image: url(loading.gif);
    background-position: 4px 50%;
    background-repeat: no-repeat;
}


/* for pages headers that have a background image in the content area - see solutions */
#ImageHeader {position: relative; padding-right: 340px; padding-left: 30px; height: 285px; }
#ImageHeader .imageBackground {position:absolute; width: 329px; height: 285px; left: 359px; top: -12px;}
#ImageHeader .solutions {background: url(../images/solutions/solutions-mast-right.png) no-repeat 0 0; }

/* images two cols when they are placed in above ImageHeader pages */
body.imageHeader .gradientWrapper {background: #d4dfee url(../images/solutions/gradient-bg-top.gif) no-repeat; margin-left: 241px;}
body.imageHeader .imageTwoCols {padding: 0; margin-bottom: 10px}
body.imageHeader .imageTwoCols img {padding-bottom: 10px;}
body.imageHeader .imageTwoCols .text {padding:10px; background: url(../images/solutions/gradient-bg-bot.gif) no-repeat 0 100%;}
body.imageHeader .imageTwoCols .text h3 {margin-bottom: 10px;}
body.imageHeader .imageTwoCols p {font-size: 90%}
body.imageHeader .imageTwoCols ul {margin-bottom: 0;}
body.imageHeader .imageTwoCols ul li {font-size: 90%}
body.imageHeader .imageTwoCols p.viewGraph {margin-bottom: 0;}
body.imageHeader .imageTwoCols p.viewGraph a {background:url(../images/solutions/view-graph-bg.gif) no-repeat 0 0; display: block; padding-left: 50px; width: 325px; padding-top: 8px; height: 23px; color: #275aa7; text-decoration: none; }

fieldset.generic {clear: both;}
fieldset.generic label {display:block; width: 500px; text-align: right; margin-bottom: 5px; }
fieldset.generic label span.required {  color: #f00; font-weight: bold;}
fieldset.generic input {width: 250px;}
fieldset.generic select {width: 253px;}
.genericRadioBtnGroup {padding-bottom: 5px;}
.genericRadioBtnGroup .theLabel {float:left; width: 242px; text-align: right; padding-right: 5px;}
.genericLongLabel {padding-bottom: 5px; clear: both;}
.genericLongLabel .theLabel {float:left; width: 242px; text-align: right; padding-right: 5px;padding-bottom: 5px;}
.genericLongLabel input {width: 250px;}
.genericLongLabel select {width: 253px;}
fieldset.genericTextArea {width: 500px; text-align: right; margin-top: 10px; margin-bottom: 10px;}
fieldset.genericTextArea label {text-align: left;}
fieldset.genericTextArea textarea {width: 350px; height: 100px;}
fieldset.controls {text-align: center; width: 500px; margin-bottom: 5px; padding-top: 20px; clear: both;}
fieldset.GenericOneLineRadio {padding-bottom: 5px; width: 500px; text-align: right;}

form.applyJob {text-align: center;}
form.applyJob input.button {padding: 0 15px; margin-top: 20px;}

/* Tehcnology Landing */
	#CpvSystems {position: relative;}
	#CpvSystems .cpvContent {float: left;}
	#CpvSystems #Triggers {margin:0; width: 269px; height:260px; float:left !important; background: url(../images/technology/cpv-roll-bg.png) no-repeat 0 0;}
	#CpvSystems #Triggers li {list-style: none;}
	#CpvSystems #Trigger-1 {position: absolute; top: 23px; left: 35px;}
	#CpvSystems #Trigger-2 {position: absolute; top: 97px; left: 20px;}
	#CpvSystems #Trigger-3 {position: absolute;	top: 184px;	left: 2px;}
	#CpvSystems #Trigger-4 {position: absolute;	top: 218px;	left: 50px;}
	
	#CpvSystems .cpvChannel {background: url(../images/technology/cpv-bg-right.gif) no-repeat 0 0; width: 344px;}
	#CpvSystems .cpvChannel .content {background: url(../images/technology/cpv-bg-bot.gif) no-repeat 0 100%; padding: 15px;}

/* Milestone page */
#AboutSolFocus {margin-top: 12px;}
dl.milestones {margin-top: 20px;}
dl.milestones dt {display: block; float: left; width: 75px; font-weight: bold;}
dl.milestones dd {float: right; width: 550px;}
dl.milestones dd.title {font-weight: bold;}
dl.milestones dd.description {}

/* Sustainability tabs */
#ContentChannel ul.tabNav {
	height: 38px;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 10px;
}
	#ContentChannel ul.tabNav li { float: left; list-style-type: none; padding-right: 5px; }
		#ContentChannel ul.tabNav li a {
			background: url(../images/sustainability/tab-inactive-left.gif) no-repeat 0 0;
			color: #999;
			display: block;
			float: left;
			height: 38px;
			outline: 0;
			padding-left: 9px;
			text-decoration: none;
			width: 195px
		}
			#ContentChannel ul.tabNav li a span { 
				background: url(../images/sustainability/tab-inactive-right.gif) no-repeat 100% 0; 
				display: block; 
				height: 38px;
				padding-right: 9px;
			}
				#ContentChannel ul.tabNav li a span em {
					background: 0;
					color: #999; 
					display: block;
					font-weight: bold;
					height: 38px;
					padding-top: 5px; 
					text-align: center;
				}
				
			#ContentChannel ul.tabNav li.ui-tabs-selected a, #ContentChannel ul.tabNav li a:hover {
				background-image: url(../images/sustainability/tab-active-left.gif);
			}
				#ContentChannel ul.tabNav li.ui-tabs-selected a span, #ContentChannel ul.tabNav li a:hover span {
					background-image: url(../images/sustainability/tab-active-right.gif);
				}
					#ContentChannel ul.tabNav li.ui-tabs-selected a span em {
						background: url(../images/sustainability/tab-active-arrow.gif) no-repeat 50% 0;
						color: #fff;
					}
						#ContentChannel ul.tabNav li a:hover span em { color: #fff; }
					
#ContentChannel .tabContent h3 {font-size: 108%; padding-bottom: 8px; padding-top: 8px;}
#ContentChannel .tabContent .textWithImage img {float: right; padding: 8px 0 10px 30px;}
#ContentChannel ul.graphicRow {margin-left: 0; padding-top: 8px;}
#ContentChannel ul.graphicRow li {
	float: left; 
	list-style-type: none; 
	padding: 0 13px; 
	text-align: center; 
}
	#ContentChannel ul.graphicRow li.first { padding-left: 0; }
	#ContentChannel ul.graphicRow li.last { padding-right: 0; }

#ContentChannel table.advances {margin-top: 8px;}
#ContentChannel table.advances th, #ContentChannel table.advances td {border: 1px solid #bfbfbf; padding: 3px 5px; vertical-align: top;}
#ContentChannel table.advances th {background: #ccc; font-weight: bold;}


/* for the modal windows */
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 607px;
    
    background-color: none;
    color: #333;
    border: 0;
    padding: 0;
	z-index: 4000;
	
}
.jqmWindow .flashItem {padding: 50px; padding-top: 70px; padding-bottom: 0; }
	.jqmWindow #NasdaqVideo {padding-left: 90px; }
	.jqmWindow #SF1100Video {padding-left: 90px; }
	.jqmWindow #IECVideo {padding-left: 90px; }
.jqmWindowHeader {background: url(../images/common/video-wrapper/background.png) no-repeat 0 0; position: relative;}
.jqmWindowFooter {background: url(../images/common/video-wrapper/background-bottom.png) no-repeat 0 100%; height: 60px;}
.jqmOverlay { background-color: none;  }
.jqmClose {position: absolute; left: 260px; top: 10px;}


/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#SocialMedia {
	border: 8px solid #D4DCED;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	margin-top: 17px;
	padding: 8px 12px;
}
	#SocialMedia h3 {
		color: #353793;
		float: left;
		font-weight: bold;
		line-height: 32px;
	}
	#SocialMedia .latestTweets { float: left; width: 75%; }
		#SocialMedia .latestTweets h3 {
			background: url(../images/common/latest-tweet-bg.png) no-repeat 0 50%;
			font-size: 93%;
			padding-left: 38px;
		}
		#SocialMedia .tweetsWrapper { margin-left: 150px; width: 541px; }
		#SocialMedia .latestTweets ul li { color: #999; font-size: 93%; font-weight: bold; width: 541px; }
			#SocialMedia .latestTweets ul li a {color: #999; text-decoration: none;}
		#SocialMedia .jcarousel-clip, #SocialMedia .jcarousel-item, #SocialMedia .jcarousel-container {
			width: 545px; height: 33px;
		}
		#SocialMedia .jcarousel-prev, #SocialMedia .jcarousel-next {
			cursor: pointer;
			height: 9px;
			left: -20px;
			position: absolute;
			width: 9px;
		}
		#SocialMedia .jcarousel-prev {
			background: url(../images/common/latest-tweet-controls.png) no-repeat 0 0;
			top: 7px;
		}
		#SocialMedia .jcarousel-next {
			background: url(../images/common/latest-tweet-controls.png) no-repeat 0 100%;
			top: 16px;
		}
	#SocialMedia .stayConnected { float: right; width: 20%; }
		#SocialMedia .stayConnected li { float: left; padding: 5px 0 0 10px; }
			#SocialMedia .stayConnected a {
				background: url(../images/common/social-media-sprites.png) no-repeat 0 0;
				float: left;
				width: 22px;
				height: 22px;
				text-indent: -32000em;
			}
				#SocialMedia .stayConnected a.youtube { background-position: 100% 0; }