/* 
 * 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;} /* Width of center channel */
#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 59px; color: #333; /* default background in case one is not defined */
}


body.about #Wrapper  {background: url(../images/wrapper-bg/about.jpg) no-repeat 0 59px;}
body.industry  #Wrapper {background: url(../images/wrapper-bg/industry.jpg) no-repeat 0 59px;}
body.installations  #Wrapper {background: url(../images/wrapper-bg/installations.jpg) no-repeat 0 59px;}
body.technology  #Wrapper {background: url(../images/wrapper-bg/technology.jpg) no-repeat 0 59px;}
body.solutions  #Wrapper {background: url(../images/wrapper-bg/solutions.jpg) no-repeat 0 59px;}
body.sustainability  #Wrapper {background: url(../images/wrapper-bg/sustainability.jpg) no-repeat 0 59px;}
body.news-events  #Wrapper {background: url(../images/wrapper-bg/news-events.jpg) no-repeat 0 59px;}
body.home  #Wrapper  {background: url(../images/wrapper-bg/home.jpg) no-repeat 0 59px; position: relative; z-index: 4000;}
body.adminInterface  #Wrapper  {background: url(../images/wrapper-bg/about.jpg) no-repeat 0 59px; 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:17px 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;} 

#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: 11px; 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: #b95;}
	

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

	/* ###############  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 a.sustainability {
			background: url(../images/home/tile-sustainability.png) no-repeat 0 0;
			display: block;
			height: 208px;
			outline: 0;
			text-indent: -32000em;
			width: 216px;
		}
		#HighlightsArea a.victorValleyCollege {
			background: url(../images/home/tile-victor-valley-college.png) no-repeat 0 0;
			display: block;
			height: 208px;
			outline: 0;
			text-indent: -32000em;
			width: 216px;
		}
		#HighlightsArea a.pilot {
			background: url(../images/home/tile-pilot.png) no-repeat 0 0;
			display: block;
			height: 208px;
			outline: 0;
			text-indent: -32000em;
			width: 216px;
		}
		#HighlightsArea a.auAirport {
			background: url(../images/home/tile-australia.png) no-repeat 0 0;
			display: block;
			height: 208px;
			outline: 0;
			text-indent: -32000em;
			width: 216px;
		}
		#HighlightsArea a.intersolar {
			background: url(../images/home/tile-intersolar.png) no-repeat 0 0;
			display: block;
			height: 208px;
			outline: 0;
			text-indent: -32000em;
			width: 217px;
		}
	#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;
			}

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

.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 h3 {padding-bottom: 10px; font-size: 130%; color: #00355f; font-weight: normal;}
.installations dl {padding: 10px 10px 5px 10px; background: url(../images/installations/install-specs-bg-top.gif) no-repeat 0 0;}
.installations dt {float: left; width: 120px; font-weight: bold; clear: both; font-size: 90%; line-height: 150%;} 
.installations dd {font-size: 90%; line-height: 150%;} 
.installations .installSpecs {background: #dfe7f2 url(../images/installations/install-specs-bg-bot.gif) no-repeat 0 100%; margin-bottom: 30px;}

.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 .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 .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;}

.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 */
dl.milestones {margin-top: 20px;}
dl.milestones dt span {display: block; float: left; width: 75px; font-weight:bold; float: left;}
dl.milestones dt p {padding-left: 75px; }
dl.milestones dd {padding-left: 75px; margin-bottom: 20px;}

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