/* =================================
Copyright 2008
Fifth Gear Marketing Systems Inc.  
DNN Main Container
Version: 1.0
================================== */    

/* DEFAULT CONTAINER */

    * a:active { outline: none; }
	:-moz-any-link:focus { outline: none; }

	#mainContainer * { margin: 0px; padding: 0px; font-size: 12px; font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica; color: #333; }
	#mainContainer * table { border-collapse: collapse; }
	#mainContainer { width: 100%; vertical-align: top; }
	#mainContainer h1 { font-size: 20px; color: #000066; margin: 12px 0 10px 0; font-weight: normal; }
	#mainContainer h2 { font-size: 16px; margin: 14px 0 12px 0; }
	#mainContainer h2.noSpacing { margin: 0 0 0 0; }
	#mainContainer h2.doubleSpacing { margin: 28px 0 12px 0; }			
	#mainContainer h3 { font-size: 12px; margin: 14px 0 12px 0; }
	#mainContainer h3.noSpacing { margin: 0 0 0 0; }			
	#mainContainer p { font-size: 12px; margin-bottom: 12px; line-height: 1.3; }
	
	#mainContainer .disclaimer { font-size: 7.5pt; font-style: italic; }
	#mainContainer .caption,
	#mainContainer .caption a:link,
	#mainContainer .caption a:visited,
	#mainContainer .caption a:hover,
	#mainContainer .caption a:active { font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica; font-size: 9pt; font-style: italic; line-height: 1; padding-bottom: 12px; }	
	#mainContainer .highlight { background-color: #FFFF99; }
	
	#mainContainer .topBar { width: 100%; }
	#mainContainer .editbutton { width: 60px; padding-top: 0 0 0 0; white-space: nowrap; }
	#mainContainer .content { width: 100%; }
	#mainContainer hr { color: #333;}	
	#mainContainer .line { margin: 12px 0 0px 0; border-top: 1px solid #efefef; }	
	
	/* Links */

	#mainContainer a:link { color: #000099; text-decoration: none; }
	#mainContainer a:visited { color: #000099; text-decoration: none; }
	#mainContainer a:hover { color: #000099; text-decoration: underline; }
	#mainContainer a:active { color: #000099; text-decoration: none; }	

	/* List Items */
	
	#mainContainer ul li { line-height: 1.3; }
	#mainContainer ul li { list-style-image: url(img/bullet.gif); margin: 0 0 10px 26px; line-height: 1.3; }
	#mainContainer ul li ul { margin-top: 10px; }	
	#mainContainer ul li.singleLine { list-style-image: url(img/bullet.gif); margin: 0 0 4px 26px; line-height: 1.3; }
	#mainContainer ul li.singleLine ul { margin-top: 6px; }
	#mainContainer ol li { font-size: 12px; margin: 0 0 16px 26px; line-height: 1.3; }
	#mainContainer ol li ul { margin-top: 10px; }		

	/* Filters */
	
    #filters .filterBar { width: 451px; margin-bottom: 8px; }
    #filters .filterBarLeft { font-size: 12px; padding-left: 3px; vertical-align: middle; }	
    #filters .filterBarRight { font-size: 11px; text-align: right; white-space: nowrap; padding: 4px 0 4px 0; }
	#filters .dropDownBox { }

	#mainContainer .bottomLine { background: transparent; height: 8px; border-top: 1px solid #1111a8;}
	#mainContainer .noContent { text-align: center; padding-top: 8px; border-top: 1px solid #1111a8; }	

	/* Tabs */

	#tabs { width: 100%; height: 20px; border-bottom: 0px solid #1111a8; }
	#tabs .tabSelected { background: #1111a8 }
	#tabs .tabSelectedLeft { background: #1111a8 url(img/tabs/tab_select_left.gif) no-repeat top left; border-left: 1px solid white; }
	#tabs .tabSelectedRight { background: #1111a8 url(img/tabs/tab_select_right.gif) no-repeat top right; border-right: 1px solid white; }
	#tabs .tabSelectedMiddle { background: #1111a8 url(img/tabs/tab_select_background.gif) repeat-x;  padding: 2px 4px 1px 4px; color: #ffffff; font-size: 11px; font-weight: bold; white-space: nowrap; }
	#tabs .tabUnSelected { background: #d6d6d6; }
	#tabs .tabUnselectedLeft { background: #d6d6d6 url(img/tabs/tab_unselect_left.gif) no-repeat top left; padding: 0; border-left: 1px solid white; border-top: 4px solid white; }
	#tabs .tabUnselectedRight { background: #d6d6d6 url(img/tabs/tab_unselect_right.gif) no-repeat top right; padding: 0; border-right: 1px solid white; border-top: 4px solid white;  }
	#tabs .tabUnselectedMiddle { font-size: 11px; color: #666666; background: #d6d6d6 url(img/tabs/tab_unselect_background.gif) repeat-x; padding: 2px 4px 2px 4px; white-space: nowrap; border-top: 4px solid white;  }
	#tabs .tabUnselectedMiddle a:link { font-size: 11px; color: #666666; text-decoration: none; }
	#tabs .tabUnselectedMiddle a:visited, #maincolumn td.tab_unselected a:active { color: #666666; }
	#tabs .tabUnselectedMiddle a:hover { color: black; text-decoration: underline; }
	#tabs .right { width: 100%; }

	/* Drop Boxes */

    #dropBox .intro { vertical-align: middle; padding-bottom: 8px; }
    #dropBox .arrow { }
    #dropBox .heading { padding-top: 1px; font-weight: bold; }	
    #dropBox .box { margin-left: 20px; }
    #dropBox .content { padding: 4px 0 0 0; }
    #dropBox .line { margin: 0 0 12px 0; border-top: 1px solid #efefef; }

/* HOME PAGE */

	/* Main Content */

	#title { width: 287px; height: 35px; margin: 16px 0 12px 12px;  background: #fff url(img/home/energySavingIdeas.jpg) no-repeat;}
	#introText { margin: 0 12px 0 12px; }

	#productTypes { width: 473px; }
	#productTypes .image1 { padding: 16px 0 16px 0; }
	#productTypes .text1 { padding: 0 0 0 12px; }
	#productTypes .image2 { padding: 16px 0 16px 12px; }
	#productTypes .text2 { padding: 0 12px 0 24px; }		
	#productTypes ul li.singleLine { font-size: 11px; }

	/* Sidebar Fade Top */

	#sideBarFadeTop { width: 185px; height: 29px; background: #fff url(img/home/sideBarFadeTop.jpg) no-repeat;} 

	/* Video */
	
	#video { width: 153px; margin: 12px 0 16px 0; }
	#video .screenCap { padding: 0px 0px 6px 24px; }
	#video .intro { font-size: 10px; padding: 0px 0px 0px 24px;  }
	#video .intro a { font-size: 10px; }	
	#video .intro a:link {  }
	#video .intro a:visited {  }
	#video .intro a:active {  }
	#video .intro a:hover { text-decoration: underline; }

	/* Updates */

	#updates {  margin: 12px 0 16px 0; }
	#updates .heading { width: 185px; height: 29px; background: #fff url(img/home/updatesHeading.jpg) no-repeat;}
	#updates .intro { width: 161px; margin: 6px 0 6px 24px; font-size: 11px; }	
	#regForm { width: 153px; margin: 0px 0 0px 20px; } 
	#regForm table { width: 153px; } 	
	#regForm .row { background-color: #fff; }
	#regForm .highlight { background-color: #d1d1e3; }
	#regForm input, textarea, select { border: 0.5pt solid #c3c3c3; border-collapse: collapse; padding-right: 6px; font-size: 12px; line-height: 16px; }
	#regForm input { height: 20px; vertical-align: middle; }
	#regForm .formLabel { padding: 5px 0px 3px 4px; font-size: 10px; vertical-align: top; white-space: nowrap; }
	#regForm .formInput { padding: 2px 2px 2px 0; text-align: right; }
	#regForm .chkBoxIntro { font-size: 11px; padding: 6px 0px 6px 0px; }
	#regForm .chkBoxLabel { padding: 4px 0px 2px 4px; font-size: 10px; vertical-align: top; white-space: nowrap; }
	#regForm .formInput { padding: 2px 2px 2px 0; text-align: right; }			
	#regForm input.chkBox { margin: 0; padding: 0; font-size: 9px; border: none; }	
	#regForm .button { width: 153; font-size: 0px; margin: 4px 0px 0px 0px; padding: 6px 0px 0 0; border-top: 1px solid #efefef; text-align: right; }

	/* Latest News */

	#latestNews	{ margin-top: 12px; }
	#latestNews .heading { width: 189px; height: 28px; background: #fff url(img/home/latestNewsHeading.jpg) no-repeat;}
	#latestNews .footer { width: 189px; height: 34px; background: #fff url(img/home/latestNewsFooter.gif) no-repeat; text-align: right; }
	#latestNews .content { width: 153px; padding: 12px 12px 6px 20px; }
	#latestNews .rightSide { width: 4px; vertical-align: top; background: #fff url(img/home/latestNewsRightRepeat.gif) repeat-y;}
	#latestNews .highlight { background-color: #d1d1e3; }
	#latestNews .date { font-size: 11px; color: #000066; font-weight: bold; padding-top: 2px; padding-left: 4px; }	
	#latestNews .summary { font-size: 11px; padding-bottom: 3px; padding-left: 4px; }
	#latestNews .moreNews { padding-top: 16px; padding-right: 16px; }	
	#latestNews .moreNews a { font-size: 11px; color: #fff; }	
	#latestNews .moreNews a:link { color: #fff; }
	#latestNews .moreNews a:visited { color: #fff; }
	#latestNews .moreNews a:active { color: #fff; }
	#latestNews .moreNews a:hover { color: #fff; text-decoration: underline; }

	/* Sales Updates */

	#mainContainer .salesUpdateImageR { float: right; margin: 6px 0 24px 24px;}
	#mainContainer .salesUpdateCaption { margin: 8px 0 0 0; }

	/* Sales Updates */

	#mainContainer .mediaImageR { float: right; margin: 6px 0 24px 24px;}
	#mainContainer .mediaCaption { margin: 8px 0 0 0; }	

/* CALL TO ACTION MODULE */

	#mainContainer .moreInfo { font-size: 11px; }
	#mainContainer .moreInfo strong { font-size: 11px; } 
	#mainContainer .moreInfo em { font-size: 11px; } 	
	#mainContainer .moreInfo a { font-size: 11px; }

/* GENERAL PURPOSE TABLE */

	#mainContainer .dataTable { border-collapse: collapse; margin: 0px 0px 0px 0px; }
	#mainContainer .dataTable td { font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica; font-size: 8pt; border: 2px solid #ffffff; border-collapse: collapse; vertical-align: top; padding: 4px; }
	#mainContainer .dataTable tr.header { background-color: #bcbcd6; font-weight: bold; color: white; }
	#mainContainer .dataTable tr { background-color: #f7f7f7; }
	#mainContainer .dataTable tr.altRow { background-color: #e7e7e7; }
	#mainContainer .dataTable tr.lastRow {border-bottom: 2px solid #bcbcd6; }	
		
/* PHOTOS */

	#mainContainer .staffPhoto td { padding: 12px 0 20px 20px; }
	#mainContainer .imageCenter { margin: 20px 0 20px 0px; }	
	#mainContainer .imageRight { margin: 3px 0 20px 20px; }		
	#mainContainer .caption { text-align: center; font-size: 7.5pt; font-style: italic; padding-top: 6px; }
	#mainContainer .imageRightFloat { float: right; margin: 3px 0 24px 24px; }			

/* COST SAVINGS CALCULATOR */

	#calcOutputForm { width: 100%; }
	#calcOutputForm .rowAlt { background-color: #f7f7f7; }		
	#calcOutputForm .resultLabel { width: 170px; vertical-align: top; padding: 5px 12px 3px 8px; }
	#calcOutputForm .result { padding: 2px 2px 2px 0; font-style: italic; }		

/* DOCUMENT DOWNLOADS */

	#mainContainer .downloadDescription { vertical-align: top; }
	#mainContainer .downloadThumbnail { vertical-align: top; padding-top: 12px; }
	
/* FINANCIALS, NEWS RELEASES, SALES UPDATES, MEDIA CLIPPINGS */	

	/* Indexes */

	#pressCenter { padding-top: 12px; width: 100%; border-top: 1px solid #1111A8 } 
	#pressCenter .td { color: #666; }
	#pressCenter .row { background-color: #e7e7e7; }
	#pressCenter .rowAlt { background-color: #f7f7f7; }
	#pressCenter .columnHeaders { vertical-align: bottom; padding: 12px 0 8px 4px; }
	#pressCenter .columnHeaders a:link { font-size: 13px; color: #666; text-decoration: none; }
	#pressCenter .columnHeaders a:visited,
	#pressCenter .columnHeaders a:active { color: #666; }
	#pressCenter .columnHeaders a:hover { color: #333; text-decoration: underline; }
	#pressCenter .columns { font-size: 12px; vertical-align: top; padding: 4px; line-height: 1.2; }
	#pressCenter .columnDate { width: 80px; border-bottom: 1px solid #fff; }
	#pressCenter .columnDescNR { border-bottom: 1px solid #fff; border-left: 1px solid #fff; }
	#pressCenter .columnDescFS { border-bottom: 1px solid #fff; border-left: 1px solid #fff; }
	#pressCenter .columnPDF { width: 20px; vertical-align: top; border-bottom: 1px solid #fff; border-left: 1px solid #fff; padding: 6px 4px 2px 4px; }			
	#pressCenter .columnEdit { width: 20px; vertical-align: top; border-bottom: 1px solid #fff; border-left: 1px solid #fff; padding: 6px 4px 2px 4px; }		
	#pressCenter .highlight { background-color: #bcbcd6;}
    #pressCenter .navTopBar { width: 100%; margin: 4px 0 16px 0; }
    #pressCenter .navBottomBar { width: 100%; margin: 30px 0 6px 0; border-top: 1px solid #e7e7e7; }
    #pressCenter .navLeft { vertical-align: middle; padding: 2px 0 4px 6px; }
    #pressCenter .navCenter { }
    #pressCenter .navRight { vertical-align: middle; text-align: right; white-space: nowrap; padding: 2px 6px 4px 0; }

	/* Entry Pages */

	#pressCenter .contentTable {}
	#pressCenter .entryTableLabel { width: 120px; vertical-align: top; padding: 6px 0 0 0; } 
	#pressCenter .status { width: 90px; }
	#pressCenter .entryTableInput { vertical-align: top; padding: 4px 0 0 0; }
	#pressCenter input,
	#pressCenter select,	
	#pressCenter textarea { color: #333; }	
	#pressCenter .entryTableCalendar { vertical-align: top; padding: 0 0 0 4px; }

	/* Display Pages */
	
	#pressCenter .pressTitle { width: 100%; }
    #pressCenter .pressTitle h1 { font-size: 18px; margin-bottom: 6px; }	
	#pressCenter .pressSubTitle { margin: 0; width: 100%; }
    #pressCenter .pressSubTitle h2 { font-size: 14px; margin: 0; }
    #pressCenter .pressByLine { width: 100%; margin: 4px 0 4px 0; }	
    #pressCenter .pressByLineLeft { font-size: 11px; font-weight: bold; vertical-align: top; text-align: left; padding-left: 6px; }
    #pressCenter .pressByLineRight { font-size: 11px; vertical-align: middle; text-align: right; white-space: nowrap; padding-right: 6px; }
    #pressCenter .pressByLineRight a:link { font-size: 11px; }
    #pressCenter .pressImageRight { margin: 4px 0 20px 10px; }			
    #pressCenter .pressTopLine { background: transparent; height: 14px; border-bottom: 1px solid #efefef; }
    #pressCenter .pressBottomLine { background: transparent; height: 20px; border-top: 1px solid #efefef; }

/* INVESTOR RELATIONS */

	#investmentFacts { margin-top: 12px; width: 100%; }
    #investmentFacts .rowAlt { background-color: #f7f7f7; }
    #investmentFacts th {}
    #investmentFacts col1 { width: 150px; }
    #investmentFacts col2 {}
    #investmentFacts {}
    #investmentFacts {}					

	#stockQuote { margin-top: 6px;}

	/* Leadership */

	#mainContainer .leadership { margin-bottom: 24px;}	
	#mainContainer .leadershipPhoto { float: right; margin: 6px 0 24px 24px;}

/* WEB FORMS */

	#contactInfo { }
	#contactInfo .rowAlt { background-color: #f7f7f7; }	
	#contactInfo .contactLabel { width: 150px; vertical-align: top; padding: 5px 12px 3px 8px;}
	#contactInfo .contactDesc { padding: 2px 2px 2px 0;}			

	#webForm { width: 452px; } 
	#webForm table { width: 452px; } 
	#webForm .row { background-color: #fff; }
	#webForm .highlight { background-color: #bcbcd6; }
	#webForm .formComment { padding: 12px 0 0 0; }	
	#webForm input, textarea, select { border: 1px solid #c3c3c3; border-collapse: collapse; padding-left: 4px; padding-right: 6px; font-size: 14px; line-height: 18px; }
	#webForm input { height: 20px; vertical-align: middle; }
	#webForm select { width: 125px; height: 20px; vertical-align: middle; }	
	#webForm .formLabel { vertical-align: top; padding: 5px 12px 3px 8px; }
	#webForm .formInput { text-align: right; font-size: 12px; padding: 2px 2px 2px 0; }
	#webForm .button { width: 452; text-align: left; padding: 8px 0 0 8px; margin-bottom: 12px; }	
	#webForm .buttonRight { width: 452; text-align: right; margin: 12px 0 0 0; }	
	#webForm .line { width: 452; background-color: #efefef; font-size: 0px;}
		
/* DNN CONTAINER MENU SETTINGS - CAUTION WHEN EDITING */

	.ModuleTitle_MenuItem { border: white 0px solid; }
	.ModuleTitle_MenuItem TD { width: 20px; height: 22px; text-align: left; cursor: pointer; cursor: hand; color: #666; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; font-style: normal; white-space: nowrap; }
	.ModuleTitle_MenuIcon { border: white 0px solid; cursor: pointer; cursor: hand; text-align: left; background-color: transparent; width: 15px; height: 100%; vertical-align: middle; }
	.ModuleTitle_SubMenu { z-index: 1000; position:absolute; cursor: pointer; cursor: hand; background-color: #fcfcfc; filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); padding: 1px 1px 1px 1px; }
	.ModuleTitle_MenuBreak  { background-color: #EEEEEE; font-size: 1px; }
	.ModuleTitle_MenuItemSel { cursor: pointer; cursor: hand; color: #666; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: underline; background: #fff url('img/menuItemHover.jpg') repeat-x; }

