html { font-size: 100%; } * { margin:0; padding:0; } body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.625em; text-align: center; background: #ffffff; } h1 { font-size: 2.8em; line-height: 1.1em; margin-bottom: 1em; } h2 { font-size: 2.1em; line-height: 1.15em; margin-bottom: 0.5em; } h3 { font-size: 1.6em; line-height: 1.2em; margin-bottom: 0.5em; } h4 { font-size: 1.2em; line-height: 1.4em; margin-bottom: 0.5em; } h1, h2, h3, h4 { font-family: Arial; color:#404040; } p { font-size: 1.2em; line-height: 1.4em; margin-bottom: 1em; font-family: Verdana; } ul { list-style-image: url(/images/list_bullet.png); margin: 0px; margin-left: 2em; padding: 0; font-family:Verdana; } ol { margin: 0px; margin-left: 2em; padding: 0; font-family:Verdana; } ul li, ol li { margin-bottom: 1em; margin-top: 1em; } a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #558430; } a:hover, a:active { outline: 0; } a:hover { color: #78c43c; text-decoration:underline; } a img { border-style: none; display: block; } hr { border:none; border-top:#666666 1px dotted; height:1px; } .AuditReportPanel hr { margin-bottom:2em; } input[type=text], input[type=password], textarea, select { text-align: left; border-style: solid; border-color: #C6C6C6; border-width: 1px; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; padding: 1px 2px 1px 2px; } input[type="checkbox"] { text-align: left; } input[type="submit"] { text-align: center; color: Black; } #Page { width: 960px; margin-left: auto; margin-right: auto; text-align: left; } #HeaderArea { position: relative; left: 0; height: 120px; } #TopNavigationArea { position: relative; left: 0; height: 30px; } .TitleArea { margin: 2em 0 0 0; width:100%; overflow:hidden; } .TitleBarTextArea { position: relative; float: left; text-align: left; width: 710px; } .DataDisplayTitleBarTextArea { position: relative; text-align: left; width: 560px; margin-top: 5px; } .RecommendationDetailData { position: relative; text-align: left; width: 560px; margin-top: 10px; } .RecommendationDetailData th { text-align: left; } .RecommendationDetailStaticData { float: left; width: 365px; position: relative; } .RecommendationDetailStaticData table { width:100%; } .RecommendationDetailStaticData th, .RecommendationDetailStaticData td { padding-right: 8px; font-size:1.1em; } .RecommendationDetailRecurrence { margin-top: 2px; margin-left: 2px; } .RecommendationDetailUserData { float: right; width: 180px; border-left: solid thin #C0C0C0; padding-left: 10px; font-size:1.1em; } .RecommendationDetailUserData div { margin-bottom: 5px; } .RecommendationDetailUserData a { text-decoration: underline; } .ContentSectionHeader { margin-top: 1.5em; } .ContentRichTextBlock, .ContentListBlock { font-size: 1.1em; line-height: 1.3em; font-family: Verdana; margin-bottom: 1em; } .ContentRichTextBlock div { margin-bottom: 1em; } .TitleBarTitle { color: #fc8c08; font-size: 2.8em; font-family: Arial; font-weight: bold; margin-bottom:.5em; } .TitleBarDescription { color:#000000; font-size: 1.2em; font-family: Verdana; margin-bottom:2em; line-height:1.4em; } .TopLevelNavigationArea { position: relative; left: 0; height: 2.4em; text-align: center; width:960px; } .TopLevelNavigationAreaWithSubNav { left: 0; text-align: center; width: 960px; padding:0; margin:0; overflow:hidden; } #SecondLevelNavigationArea { position: relative; left: 0; height: 40px; border-bottom: thin solid #C6C6C6; } #MainContentArea { position: relative; width: 960px; float: left; margin:0; left:0; background-color: #F5F5E9; z-index:2; padding-bottom:2em; } .MainContentMargin { width: 920px; padding:0; margin:0 20px 0 20px; } #AnonymousArea { position: relative; width: 880px; border-top: solid thin #c6c6c6; float: left; margin-bottom: 30px; padding-top: 30px; } #AnonymousLeftArea { position: relative; width: 550px; float: left; } #AnonymousRightArea { position: relative; width: 300px; float: right; } #GridLeftColumnArea { position: relative; width: 740px; float: left; z-index:1000; } #GridRightColumnArea { position: relative; width: 160px; float: right; clear: right; z-index:1; } #QuickLinksArea { position: relative; padding-left: 20px; width: 120px; border-left: solid thin #C6C6C6; float: right; clear: right; padding-bottom: 20px; } #DataCollectionLeftColumnArea { position: relative; width: 750px; float: left; padding-right: 10px; margin-left: 20px; z-index: 10000; } #DataCollectionRightColumnArea { position: relative; width: 160px; float: right; } .DataDisplayLeftSide { border-right: thin solid #C6C6C6; } .DataDisplayLeftColumnArea { position: relative; float: left; padding-right: 20px; width:560px; } .DataDisplayRightColumnArea { padding-top: 20px; width: 300px; position: relative; padding-left: 20px; float: right; overflow: hidden; } .QuickLinksArea, #GridRightColumnArea { position: relative; } #SecondLevelNavigationMenuArea { width: 100%; height: 25px; margin-bottom: 20px; margin-left: 20px; text-align: left; float: left; position: relative; z-index: 10; } .SecondLevelNavigationMenu { vertical-align: middle; left: 0; display: block; list-style: none; margin: 0; padding: 0; z-index: 100; } .SecondLevelNavigationMenuItem, .SecondLevelNavigationSubMenuItem { vertical-align: bottom; height: 25px; text-align: left; font-weight: bold; color: #808080; z-index: 100; } .SecondLevelNavigationMenuItem { padding-right: 1em; } .SecondLevelNavigationMenuItem a, .SecondLevelNavigationSubMenuItem a { width: auto; color: #808080; } .SecondLevelNavigationMenuItemSelected, .SecondLevelNavigationMenuItemHover, .SecondLevelNavigationMenuItemSelected a, .SecondLevelNavigationMenuItemHover a { color: #FF6633; } .SecondLevelNavigationMenuItemSelected { border-bottom: solid medium #FF6633; } .SecondLevelNavigationMenuItemHover { border-bottom: solid medium #FF6633; } .SecondLevelNavigationSubMenu { padding: 0 0.5em 0.2em 0.5em; background-color: #ffffff; border: #c6c6c6 thin solid; line-height: normal; vertical-align: baseline; z-index: 100; } .SecondLevelNavigationSubMenuItemSelected { color: #808080; } .SecondLevelNavigationSubMenuItemHover { color: #FF6633; } .TopLevelNavigationItem, .TopLevelNavigationItemSelected { float:left; } .TopLevelNavigationItem a, .TopLevelNavigationItemSelected a { display: block; text-align: center; font-size: 1.2em; color: #ffffff; } .TopLevelNavigationItemSelected a { font-weight:bold; color: #558430; } .TopLevelNavigationItem a span, .TopLevelNavigationItemSelected a span { height:24px; overflow:hidden; } .TopLevelNavigationItem a:hover span, .TopLevelNavigationItemSelected a:hover span { text-decoration:underline; } div.FooterAreaContainer { margin:2em 0 4em; font-size: 1.2em; display: block; } div.FooterArea { display: block; width: 960px; float: left; } div.FooterArea > ul { float: left; } div.FooterArea > ul > li { margin: .5em 1em; } div.FooterArea > .FooterCopyright { margin: .5em 1em; float: right; display: block; } ul.FooterNavigationMenu { position: relative; list-style: none; margin: 0; padding: 0; overflow: hidden; display: inline-block; width: auto; float: left; } .FooterNavigationMenu > li, .FooterNavigationMenu > ul > li { list-style-type: none; display: list-item; width: auto; float: left; } .FooterArea a { display: inline-block; text-align: center; color: #68af3a; } .HeaderLogo { position: absolute; display:block; top: 40px; left: 0; } .HeaderSignIn { position: absolute; right: 0; top: 40px; width: auto; white-space:nowrap; text-align: right; height: 40px; font-weight: bold; color: #808080; font-size:1.2em; } .HeaderSignIn a, .HeaderSignIn a:link, .HeaderSignIn a:visited, .HeaderSignIn a:hover, .HeaderSignIn a:active { color: #808080; font-weight: bold; text-decoration: none; } .HeaderSignIn a:hover { text-decoration:underline; } .TitleIcon { display: block; float:left; margin: 0 25px 0 0; } .HomeInformationInputPanel { display: block; } .HomeInformationInputPanelHidden { display: none; } .HomeInformationHeading { color: #006633; font-size: 1.3em; font-weight: bold; margin-top: 1em; margin-bottom: 3em; } .CollapsiblePanelHeading { color: #808080; font-size: 1.3em; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; cursor: pointer; } .QuickLinksHeading { } .QuickLinksItem { display: block; } .ratingStar { font-size: 0pt; width: 13px; height: 12px; margin-top: 5px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; } .filledRatingStar { background-image: url(/Images/Ratings/FilledStar.png); } .emptyRatingStar { background-image: url(/Images/Ratings/EmptyStar.png); } .savedRatingStar { background-image: url(/Images/Ratings/SavedStar.png); } .FindPro .filledRatingStar { background-image: url(/Images/FindPro/star.png); } .FindPro .emptyRatingStar { background-image: url(/Images/FindPro/star_empty.png); } .FindPro .savedRatingStar { background-image: url(/Images/FindPro/star_half.png); } .DataDisplayRightColumnArea .borderedDivArea { position:relative; width:295px; overflow:hidden; } .controlHeader { color: #99CC33; font-size: 1.25em; } .FindProHeader { color: #666666; font-weight: bold; font-size: 1.2em; margin:.5em 0 1em 0; } .FindProTitle { color: #68af3a; font-weight: bold; font-size: 1.2em; margin:1em 0 .5em 0; } .FindProText { clear:both; color:#666666; font-weight:normal; margin:.5em 0 1em 0; font-size:1.1em; } .ratingData span { display: block; padding-left: 2px; margin-bottom: 2px; } .regularText { color: #333333; font-family: Verdana; font-size: 1.2em; } .smallText { color: #333333; font-family: Verdana; font-size: 1.0em; } .rating { font-size: 0pt; width: 13px; height: 15px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; } .costFilledRating { background-color: #E06020; background-image: url(/Images/TaskList/circle_gray.png); background-repeat: repeat-x; } .savingFilledRating { background-color: #40C080; background-image: url(/Images/TaskList/circle_gray.png); background-repeat: repeat-x; } .benefitFilledRating { background-color: #33CCFF; background-image: url(/Images/TaskList/circle_gray.png); background-repeat: repeat-x; } .emptyRating { background-image: url(/Images/TaskList/circle_gray.png); background-repeat: repeat-x; } .SecondLevelTabControl .ajax__tab_header { border-bottom: thin solid #c6c6c6; color: #808080; height: 28px; width: 700px; } .SecondLevelTabControl .ajax__tab_outer { margin-right: 10px; } .SecondLevelTabControl .ajax__tab_inner { } .SecondLevelTabControl .ajax__tab_tab { height: 19px; margin: 0; padding: 4px; border-bottom: medium solid transparent; } .SecondLevelTabControl .ajax__tab_hover .ajax__tab_outer { } .SecondLevelTabControl .ajax__tab_hover .ajax__tab_inner { } .SecondLevelTabControl .ajax__tab_hover .ajax__tab_tab { border-bottom: solid medium #808080; } .SecondLevelTabControl .ajax__tab_active .ajax__tab_outer { } .SecondLevelTabControl .ajax__tab_active .ajax__tab_inner { } .SecondLevelTabControl .ajax__tab_active .ajax__tab_tab { border-bottom: solid medium #FF6633; } .SecondLevelTabControl .ajax__tab_body { border-top: 0; background-color: #ffffff; } .ThirdLevelTabControl .ajax__tab_header { color: #808080; height: 10px; margin-top: 15px; border-bottom: none; width: 700px; } .ThirdLevelTabControl .ajax__tab_outer { padding-right: 15px; } .ThirdLevelTabControl .ajax__tab_inner { } .ThirdLevelTabControl .ajax__tab_tab { height: 19px; margin: 0; padding: 4px; border-bottom: none; } .ThirdLevelTabControl .ajax__tab_hover .ajax__tab_outer { } .ThirdLevelTabControl .ajax__tab_hover .ajax__tab_inner { } .ThirdLevelTabControl .ajax__tab_hover .ajax__tab_tab { color: #006633; border-bottom: none; } .ThirdLevelTabControl .ajax__tab_active .ajax__tab_outer { } .ThirdLevelTabControl .ajax__tab_active .ajax__tab_inner { } .ThirdLevelTabControl .ajax__tab_active .ajax__tab_tab { color: #006633; border-bottom: none; } .ThirdLevelTabControl .ajax__tab_body { border-top: 0; background-color:#ffffff; } td.HomeInfoSectionPanelContainer, td.HomeInfoSectionPanelContainerExpanded { background:#ffffff; border:1px solid #999999; } td.HomeInfoSectionPanelContainer { width:428px; } td.HomeInfoSectionPanelContainerExpanded { width: 700px; } .HomeInfoSectionPanel, .BottomHomeInfoSectionPanel { position: relative; padding: 1em 15px 0 15px; z-index: 100; } .BottomHomeInfoSectionPanel { margin-top:0px; padding-top:0px; padding-bottom:1.4em; font-size:1.2em; text-align:right; } .HomeInfoUtilityConnectPanel { float:left; z-index:1; } .HomeInfoFactsPanel { float: left; position: relative; width: 270px; padding-left: 20px; } .HomeInfoFactsPanel .PercentComplete { font-weight: bold; color: #FC8C08; } .HomeInfoSectionPanel h3, .HomeInfoFactsPanel h3 { color:#68A53A; margin: 0.5em 0 0.75em; } .HomeInfoDidYouKnowPanel { border-top:#666666 1px dotted; border-bottom:#666666 1px dotted; margin-top:10px; margin-bottom:10px; width: 250px; float:left; } .HomeInfoDidYouKnowPanel ul li { font-size: 1.1em; } .HomeInfoSectionPanel .Row, .HomeInfoSectionPanel .ThermostatRow { margin: 0.75em 0 0.75em 20px; } .HomeInfoSectionPanel .AdditionalQuestionsTitlePanel { cursor:pointer; } .HomeInfoSectionPanel .AdditionalQuestionsTitlePanel h3 { color:#666666; } .HomeInfoSectionPanel .DisabledSectionPanel { font-size:1.4em; font-weight:bold; font-style:italic; padding-bottom:12px; padding-top:12px; display: block; color: #666666; clear: both; } .HomeInfoSectionPanel .Row .QuestionLabel, .HomeInfoSectionPanel .Row .DropDownTableQuestionLabel .HomeInfoSectionPanel .Row .DropDownTableRowLabel .HomeInfoSectionPanel .Row .DropDownTableHeaderLabel { display:block; clear:both; font-family:Verdana; line-height:1.4em; font-size:1.1em; width:95%; margin-top:.8em; } .HomeInfoSectionPanel .Row .DropDownTableQuestionLabel { width:80%; float:left; } .HomeInfoSectionPanel .Row .ThermostatControl select { margin-right:10px; } .HomeInfoSectionPanel .SectionHeader { color:#78C43C; float:left; font-size:2em; } .HomeInfoSectionPanel .SubsectionHeader { color:#68af3a; float:left; font-size:1.6em; font-weight:bold; } .QuestionHelpLabel { cursor:help; } .HomeInfoSubsectionTitlePanel .QuestionHelpLabel { float:right; } .DropDownTable .QuestionHelpText { width: 345px; border-bottom:none; padding-bottom:0; } table.DropDownTable td span { display:block; overflow:hidden; } .QuestionHelpLabel img { float:left; } .QuestionHelpText { display:block; cursor: default; clear:both; margin:.6em 0 1em 0; font-size:1.1em; background:#ffffff; color:#68af3a; font-style:italic; border-bottom:1px dotted #999999; padding-bottom:.6em; } .HomeInfoSubsectionTitlePanel .QuestionHelpText { border-bottom:none; padding-bottom:0; } .HomeInfoSectionPanel .QuestionValidatorLabel { font-family:Verdana; font-size:1.1em; width: 95%; float:left; margin-top:0.4em; } .HomeInfoSectionPanel .QuestionHelpPopup { border: solid 1px black; width: 200px; background-color: White; padding: 8px 8px 8px 8px; } .HomeInfoSectionPanel .DropDownTable { width:345px; border-collapse: collapse; } .HomeInfoSectionPanel .DropDownTable tr { height: 3em; } .HomeInfoSectionPanel .DropDownTable td { border-bottom:1px dotted #666666; } .HomeInfoSectionPanel .DropDownTable th { font-family: Verdana; font-size: 1.1em; line-height: 3em; font-weight: normal; border-bottom:1px solid #666666; } .HomeInfoSectionPanel .Row .QuestionControl, .HomeInfoSectionPanel .Row .InvalidQuestionControl { margin-top:0.3em; width:340px; float:left; margin-right:20px; } .HomeInfoSectionPanel .Row .DropDownTableControl, .HomeInfoSectionPanel .Row select.DropDownTableControl { width: 100px; } .HomeInfoSectionPanel .Row select.QuestionControl, .HomeInfoSectionPanel .Row select.InvalidQuestionControl { width:345px; float:left; margin-right:20px; } .HomeInfoSectionPanel .Row .ThermostatQuestionControl { width:340px; } .HomeInfoSectionPanel .Row select.ThermostatQuestionControl { width:345px; } .HomeInfoSectionPanel .Row .InvalidQuestionControl { } .ajax__validatorcallout_popup_table { z-index: 1000; } .HomeInfoSectionPanel .Row .QuestionControlCheckBox { margin: .2em 0; } .AspCheckBox input[type=checkbox] { margin-right:5px; } .HomeInfoSectionPanel .Row .QuestionControlCheckBox label { margin:auto 1.5em auto .2em; } .HomeInfoSubsectionPanel, .HomeInfoSubsectionTitlePanel { padding-left:0; padding-right:0; overflow: hidden; } .HomeInfoSubsectionPanel .Row .RadioButtonContainer { display:inline; float:left; } .HomeInfoSubsectionTitlePanel { cursor: pointer; border-bottom:1px dotted #666666; padding-bottom:12px; margin-bottom:12px; } .HomeInfoSubsectionTitlePanel .arrow span { display:block; float:left; width:18px; height:22px; background-repeat:no-repeat; background-position:left center; background-image:url(/Images/Arrows/arrow_green_down.png); } .HomeInfoSubsectionTitlePanel .arrow span.up { } .HomeInfoSubsectionTitlePanel .arrow span.down { background-image:url(/Images/Arrows/arrow_green_right.png); } .HomeInfoSubsectionPanel { padding-bottom: 20px; } .roundButton { background-image: url(/Images/round_btn.png); text-align: center; color: White; font-weight: bold; width: 80px; height: 20px; display: block; } .statusPanel { background-color: #ffffff; padding: 16px; color: #333333; width: 320px; } .popupTable { color: #333333; background: #ffffff; width:180px; } .popupTable td span { font-family:Arial; font-size:1.2em; } .ChartSpacer { height: 160px; } .SignupAlertsPanel { padding-top: 1em; } .SendActionListPanel { padding-top: 1em; } .TopLevelSubNavigationMenu, .TopLevelSubNavigationCurve { display:block; list-style-type:none; text-align:left; left:0px; overflow:hidden; } .TopLevelSubNavigationMenu { background-image: url(/Images/navigation/SecondNav/secondNav.png); background-repeat: repeat-x; width: 960px; position: relative; } .TopLevelSubNavigationCurve { position:absolute; top: 0; left:auto; right:0px; } .TopLevelSubNavigationItemVisible, .TopLevelSubNavigationItemInvisible { display:inline; padding:0; line-height:2.5em; float:left; font-size:1.2em; height:2.5em; } .TopLevelSubNavigationItemInvisible { display:none; } .TopLevelSubNavigationItemVisible div, .TopLevelSubNavigationItemInvisible div { display:inline; } .TopLevelSubNavigationItemVisible a, .TopLevelSubNavigationItemInvisible a { color: #000000; background-image:none; font-family:Arial; font-size: 1em; padding: 0 1.8em; } .TopLevelSubNavigationItemVisible a:hover, .TopLevelSubNavigationItemInvisible a:hover { color: #78c43c; } .TopLevelSubNavigationSelectedItem a { font-weight:bold; color: #558430; } .TopLevelSubNavigationItemSeperator { display:inline; color: #666666; } .ShowSubLevelNav { display: block; float: left; } .HideSubLevelNav { display:none; } .TopLevelNavNodeLabel { float:left; width:140px; height:2em; cursor: hand; line-height:1.75em; } .floatleft { float:left; } .ErrorLabel { color:Red; } .ValidatorCallout div, .ValidatorCallout td { border: solid 1px #666666; background-color: #f1f1f1; } .ValidatorCallout .ajax__validatorcallout_popup_table { display: none; border: none; background-color: transparent; padding: 0px; } .ValidatorCallout .ajax__validatorcallout_popup_table_row { vertical-align: top; height: 100%; background-color: transparent; padding: 0px; } .ValidatorCallout .ajax__validatorcallout_callout_cell { width: 20px; height: 100%; text-align: right; vertical-align: top; border: none; background-color: transparent; padding: 0px; } .ValidatorCallout .ajax__validatorcallout_callout_table { height: 100%; border: none; background-color: transparent; padding: 0px; } .ValidatorCallout .ajax__validatorcallout_callout_table_row { background-color: transparent; padding: 0px; } .ValidatorCallout .ajax__validatorcallout_callout_arrow_cell { padding: 8px 0px 0px 0px; text-align: right; vertical-align: top; font-size: 1px; border: none; background-color: transparent; } .ValidatorCallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv { font-size: 1px; position: relative; left: 1px; border-bottom: none; border-right: none; border-left: none; width: 15px; background-color: transparent; padding: 0px; } .ValidatorCallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div { height: 1px; overflow: hidden; border-top: none; border-bottom: none; border-right: none; padding: 0px; margin-left: auto; } .ValidatorCallout .ajax__validatorcallout_error_message_cell { font-family: Verdana; font-size: 10px; padding: 5px; border-right: none; border-left: none; width: auto; } .ValidatorCallout .ajax__validatorcallout_icon_cell { width: 20px; padding: 5px; border-right: none; } .ValidatorCallout .ajax__validatorcallout_close_button_cell { vertical-align: top; padding: 0px; text-align: right; border-left: none; } .ValidatorCallout .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv { border: none; text-align: center; width: 10px; padding: 2px; cursor: pointer; } #Tooltip { BORDER: darkgray 1px outset; WIDTH: auto; COLOR: black; HEIGHT: auto; background:darkgray; } .toolTipHoverImgBlueColor { background-color: #62B1F6; } .toolTipHoverImgGreenColor { background-color: #4DBD33; } .WaysToSaveSecondLevelNav span, .WaysToSaveSecondLevelNav select { color: #000000; font-size: 12px; font-family: Arial; } .WaysToSaveSecondLevelNav div.Selected, .WaysToSaveSecondLevelNav div.NotSelected { float:left; padding:0; margin:0 10px 20px 0; width:220px; height:70px; overflow:hidden; } .WaysToSaveSecondLevelNav div div { margin:10px; } .WaysToSaveSecondLevelNav select { width: 200px; margin: 5px 0 0 0; } .WaysToSaveSecondLevelNav div.Selected { background:url(/Images/TaskList/box_green.png) no-repeat top left; } .WaysToSaveSecondLevelNav div.NotSelected { background:url(/Images/TaskList/box_white.png) no-repeat top left; } .WaysToSaveSecondLevelNav .Selected label { color:#ffffff; font-weight:bold; font-size:1.1em; } .WaysToSaveSecondLevelNav .NotSelected label { color:#666666; font-size:1.1em; } .WaysToSaveSecondLevelNav h2 { clear:both; color:#68af3a; } .WaysToSaveSecondLevelNav p { color:#666666; margin-bottom:20px; } .DescriptionSavingsText { color:#558430; font-weight:bold; } .DescriptionCarbonText { color:#52AED5; font-weight:bold; } .StatusControlProgress { position: relative; float: left; background-position: right; background-repeat: repeat-y; } .StatusControlProgress .Progress { background-color: #ffffff; border:1px solid #2d4618; float:left; height:4px; line-height:0; margin:1px; position:relative; width:100px; } .StatusControlProgress .ProgressBar { background-color: #558430; border-right:1px solid #2d4618; border-style:none solid none none; height:4px; line-height:0; } .TabControl { width: 200px; position: relative; float: left; background-position: right; background-repeat: repeat-y; } .TabControl .Tab, .TabControl .SelectedTab { display: block; width: 200px; height: 50px; margin: 0; position: relative; background-repeat: no-repeat; cursor: pointer; padding-bottom:8px; } .TabControl .Tab { } .TabControl .Tab:hover { background-image:url(/Images/HomeProfile/left_tab_gray.png); text-decoration:none; } .TabControl .SelectedTab { background-image: url(/Images/HomeProfile/left_tab.png); } .TabControl .SelectedTab:hover { text-decoration:none; } .TabControl .TabIcon { width: 32px; height: 32px; margin: 9px 8px 9px 9px; float: left; position: relative; border: none 0; } .TabControl .TabTextAndProgress { float: left; position: relative; width: 150px; } .TabControl .Tab .TabText, .TabControl .SelectedTab .TabText { margin: 8px 0 0px; font-weight: bold; font-family: Arial; font-size: 1.5em; width: 100%; position: relative } .TabControl .Tab .TabText { color: #444; } .TabControl .SelectedTab .TabText { color: #ffffff; } .TabControl .TabProgress { float:left; margin:1px 0 1px 10px; position:relative; width: 140px; font-size: 1.3em; } .TabControl .Completed { color: #68AF3A; } .TabControl .InProgress { color: #FC8C08; } .TabControl .TabSeparator { height: 8px; width: 200px; margin: 0; line-height: 0px; } .ConnectPanel { float:left; width:355px; border:1px solid #999999; padding:15px; background-color:White; margin-right:5px; } .ConnectPanel h4 { font-size:1.3em; color:#000000; } .ConnectHelpToolTip { padding-left: 10px; vertical-align: top; } .UsageDisplayListNumber, .UsageDisplayListText, .PartnerInfoHeaderContainer span { font-family:Verdana; font-size:1.2em; color:#333333; } .UsageDisplayListNumberHeader { display:block; right:0; } .UsageDisplayListNumber { display:block; text-align:right; padding-right:15px; } .UsagePanel { float:left; width:535px; border:1px solid #999999; padding-left:15px; padding-top:15px; padding-bottom:15px; background-color:White; margin-right:15px; } .UsagePanel { margin-right:5px; } .UsagePanel div { margin-right: 0; } .UsagePanel .UsageMessagePanel { margin-right: 3px; } .UsagePanel .UsageChart { margin-left: -15px; } .UsageChartPanel { position: relative; left: -15px; } .UsageChartReloadingPanel { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .UsageChartReloadingPanel div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:#ffffff; z-index:1; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .UsageChartReloadingPanel img { position: absolute; left: 225px; top: 165px; z-index: 2; } .ChartTitleLabel { font-family:Arial; font-size: 13pt; font-weight: bold; text-align: center; color: #666666; padding-top: 10px; } .ChartLinkPanel { font-family:Arial; font-size: 1.2em; padding-top: 10px; text-align: center; clear:both; width:100%; overflow:hidden; } .ChartTitleLabel span { display: block; margin: 10px 30px 0 30px; } .AlertsDetailPanel { position:absolute; left:0px; right:24px; min-height: 320px; border: 1px solid #ddd; background-color:White; padding:16px; } .AlertsTitle { font-size:1.4em; color:#68a53a; font-weight: bold; } .AlertSource { font-weight:bold; color:#68a53a; } .AuditReportPanel { background-color:#ffffff; padding: 20px; } .AuditReportPanel h3 { margin-top:1em; } .StatementsSelectionPanel { font-size:1.2em; margin-bottom: 10px; } .StatementsSelectionPanel th { padding-right: 5px; } div.PartnerInfoHeaderContainer { background-color:#f5f5e9; width:680px; padding:10px; } div.PartnerInfoHeaderRightPanel { float:right; overflow:hidden; white-space:normal; text-align:left; } div.PartnerInfoHeaderLeftPanel { float:left; overflow:hidden; } .PartnerInfoHeaderLeftPanel th { text-align:left; } .BillDetailTable td, .BillDetailTable th { padding-top:10px; width:180px; border-bottom:1px dotted #aaaaaa; } .BillDetailTable th { width:140px; color:#fc8c08; font-weight:normal; text-align:left; } .BillDetailSeperator { width:100%; } .BillDetailSeperator hr { border-bottom:solid 1px orange; } .GreenColorText { color:#68a53a; } .LinkColorText { color:#558430; } .DisplayTable { display:table; width:100%; } .OrangeColorText { color:#fc8c08; } #signUpBtnLeft { float: left; width: 13px; height: 64px; background-image: url(/Images/Homepage/SignupButton/button_left.png); background-repeat: no-repeat; } #signUpBtnCenter { float: left; height: 47px; padding-top: 17px; background-image: url(/Images/Homepage/SignupButton/button_gradient.png); background-repeat: repeat-x; } #signUpBtnRight { float: left; width: 16px; height: 64px; background-image: url(/Images/Homepage/SignupButton/button_right.png); background-repeat: no-repeat; } .signUpButton { padding: 0 14px 0 14px; font-size: 14px; } .signUpButton a { color: #ffffff; text-decoration: none; } .signUpButton a:hover { color: #ffffff; text-decoration: none; } .signUpButton strong { font-size: 135%; font-weight: bold; font-style: normal; } .signUpButton em { font-size: 100%; font-weight: bold; font-style: normal; } .AnonHeader { background:url(/Images/Navigation/nav_anon_top.png) no-repeat top left; height:64px; position:relative; } .AnonHeaderContent { background:#c4c4b7; position:absolute; top:5px; left:0px; margin:0; padding:0; height:59px; width: 960px; } .AnonHeaderContent h2 { line-height:1.2em; color: #666666; margin-left:20px; vertical-align: middle; width: 60%; } .AnonHeaderContent .RightContainer { position:absolute; right:0; top:0; margin:5px 5px 0 0; } #AcceptTermsCheck { float:left; margin-right:10px; } .SignupPageMiddle { width:100%; padding: 10px 35px; } .SignupMiddleLeft { float:left; margin-bottom:15px; } .SignupMiddleRight { padding: 20px 30px 10px 35px; float:left; font-size:1.2em; width: 320px; } .SignupBottom { float: right; padding: 0; margin: 10px 380px 10px 35px; } .Notice a, .Notice a:hover { color: #ffffff; font-weight: bold; } .Notice input { float:left; margin:0 .5em 2em 0; } .WhiteColorText { color:#ffffff; } .ReceiveEmail label { padding-left: 7px; } .CompletedUserWithNoUsageDataPanel, .CompletedUserWithUsageDataPanel, .NewUserPanel { width: 720px; display: table; } .NewUserPanel { background: url(/Images/Dashboard/newUser_pane.png) no-repeat left top; } .CompletedUserWithNoUsageDataPanel { background: url(/Images/Dashboard/newuser_10.png) no-repeat left top; } .CompletedUserWithUsageDataTextPanel { background-color: #ffffff; padding: 5px 20px 0px 20px; width: 700px; } .NewUserTextPanel { padding: 40px 10px 10px 45px; width:400px; min-height:263px; } .NewUserTextPanel h1 { margin-bottom:.5em; } .NewUserText { font-size: 1.4em; color: #333333; } .StatusControl { background-color: #ffffff; padding:0px 5px 15px 10px; width: 145px; font-size:1.2em; } .StatusControl h4 { color: #2d4618; } .StatusControl div img.left { margin-right:6px; margin-bottom:2em; } .StatusControl .alertStatusText { color: #fc8c08; font-weight: bold; } #ModelStatusControl { padding-bottom: 0; } #ModelStatusControl span.SmallButton { margin-top: 10px; } .PanelContainer { margin-top: 1.8em; margin-bottom: 1.75em; overflow:hidden; } .PanelContent { padding:0 10px; margin:0; background-color: #ffffff; overflow:hidden; } .PanelContent div.floatleft span { font-size:1.2em; } .ViewLinkPanel { text-align:right; font-size:1.2em; padding:10px; background-color: #ffffff; width: 345px; } .DashboardLeftContentDiv, .DashboardRightContentDiv { float:left; width:365px; position:relative; padding:0px; } .DashboardLeftContentDiv { margin-right:10px; } .DashboardRightContentDiv { margin-left:auto; margin-right:auto; } .PanelContentSpan, .PanelContent a { font-size: 1.2em; line-height:1.4em; margin-bottom:1em; } .NewsPanel a { display: block; margin-bottom: 14px; } .LargeWhiteRoundedCornerTopDiv, .LargeWhiteRoundedCornerBottomDiv { width: 740px; height: 12px; float: left; } .LargeWhiteRoundedCornerTopDiv { background-image: url(/Images/Dashboard/740panel_top.png); } .LargeWhiteRoundedCornerBottomDiv { background-image: url(/Images/Dashboard/740panel_bottom.png); } .MediumWhiteRoundedCornerTopDiv { background-image: url(/Images/Dashboard/whitepanel_top.png); width: 365px; height: 11px; } .MediumWhiteRoundedCornerBottomDiv { background-image: url(/Images/Dashboard/whitepanel_bottom.png); width: 365px; height: 10px; } .formContainer { margin:0 0 20px 0; } .formContainer p { clear:both; } .formContainer p.buttons { width:450px; height:40px; } .formContainer p.nolabel { padding: 0 0 0 120px; } .formContainer label { width: 120px; display: block; float:left; margin:0; padding:0; } .formContainer input[type=text] { width:250px; line-height:15px; margin:0; padding:1px 0px 2px 0px; } .formContainer input[type=checkbox] { margin-right:8px; } .formContainer .nolabel label { float:none; display:inline; color: #666666; } .formContainer .nolabel input[type=checkbox] { float:left; margin-bottom:2em; } .formContainer h3 { color: #666666; } .formContainer hr { margin:10px 0 10px 0; } ul.simple, ul.simple li { list-style:none; list-style-image:none; list-style-type:none; margin:0 0 5px 0; padding:0; line-height:2em; font-size:1.1em; } .NewsItemDetailPanel { min-height: 320px; border: 1px solid #dddddd; background-color:#ffffff; padding:16px; margin-bottom:2em; } .NewsItemDetailPanel div { line-height:1.4em; margin-bottom:1em; font-size:1.2em; } .NewsItemDetailPanel div p { font-size:1em; } .NewsItemTitle { font-size:1.4em; color:#68af3a; font-weight: bold; } .NewsItemSource { font-weight:bold; color:#68af3a; } .EmailDiv a, .ShareLinkDiv a, .EmailDiv a:hover, .ShareLinkDiv a:hover { color: #666666; font-size: 1.15em; padding-top:4px; text-decoration: none; } div.supportInfo, div.serviceTermsInfo, div.privacyInfo { margin:20px 0 20px; } .serviceTermsInfo li { font-size:1.2em; } .serviceTermsInfo li li { font-size:1em; } .ajax__calendar .ajax__calendar_container { background-color: #ffffff; border:1px solid #666666; color: #000000; z-index:1; } .ajax__calendar_container { cursor:default; font-size:1.1em; padding:4px; position:absolute; text-align:center; width:170px; } .SmallRoundedPanelTop { background:url(/Images/Dashboard/160panel_top.png); width:160px; height:12px; } .SmallRoundedPanelBottom { background:url(/Images/Dashboard/160panel_bottom.png); width:160px; height:12px; } #panelProgressDiv, #panelProgressDiv div { position:fixed; top:0px; left:0px; width:100%; height:100%; margin:0; text-align:center; z-index:2; } #panelProgressDiv div.progress { left:50%; top:50%; width:50px; height:50px; margin:-25px 0 0 -25px; z-index:2; text-align:center; } #panelProgressDiv div.shield { background-color:#ffffff; z-index:1; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } .AmountsEstimatedDisclaimer { margin-top: 16px; } .clearFix { height:1px; overflow:hidden; clear:both; } .ContentRichListBlock ul li { font-size:1.1em; } .communityContent { width:400px; float:left; } .communityContent li { font-size:1.2em; } .communityContent hr { margin:1em 0 2em 0; } .communityVideoContent { width:500px; float:right; } .providerNameText, .providerFeedTime { font-weight: bold; } .errorText { color:#FF0000; font-size:1.2em; } .slightlyBiggerFont { font-size:1.2em; } .barelyBiggerFont { font-size:1.1em; } .SiteMap { margin:5em 0; } .SiteMap li { font-size:1.2em; } .SiteMap .leftpart { float: left; width: 30%; } .SiteMap .rightpart { float: left; margin-left: 20px; } .SiteMap .rightpart h2 { text-align: center; } .SiteMap .rightpart ul { list-style-type: none; } .SiteMap .rightpart .first { margin-right:50px; float:left; list-style-image: none; } .SiteMap .rightpart .second { float: left; list-style-image: none; } .OmnitureScriptRecipient { display:block; position:absolute; width:1px; height:1px; top:-1px; left:-1px; overflow:hidden; margin:0; padding:0; } .ProfileType { float: left; width:100%; height: 3em; font-size: 1.2em; } .ProfileType input { margin-left: 10px; } img.thumbnail { height: 110px; } .linkSeparator { margin: 0px 5px 0px 5px; } .Ads160x150, .Ads160x150Right { width: 160px; margin-left: 10px; float: left; } .Ads160x150Right { margin-left: 0px; } .Ads300x250Right { width: 300px; margin-left: 0px; float: left; } span.MediumButtonHalo, span.SmallButton, span.MediumButton, span.LargeButton, span.HugeButton, span.HugeHeaderButton, span.BigSignUpButton, span.BigSignUpButtonAlt { position:relative; display:block; height:18px; margin:1px 5px 1px 5px; padding:0px; background:url(/Images/Buttons/Green/left_sml.png) top left no-repeat; } .MediumButtonHalo span, .SmallButton span, .MediumButton span, .LargeButton span, .HugeButton span, .HugeHeaderButton span, .BigSignUpButton span, .BigSignUpButtonAlt span { display:block; height:18px; margin:0 7px 0 7px; padding:0px; background:#68af3a url(/Images/Buttons/Green/gradient_sml.png) top left repeat-x; } .MediumButtonHalo span span, .SmallButton span span, .MediumButton span span, .LargeButton span span, .HugeButton span span, .HugeHeaderButton span span, .BigSignUpButton span span, .BigSignUpButtonAlt span span { display:block; position:absolute; right:0px; width:7px; margin:0px; background:url(/Images/Buttons/Green/right_sml.png) top left no-repeat; } .MediumButtonHalo a, .SmallButton a, .MediumButton a, .LargeButton a, .HugeButton a, .HugeHeaderButton a, .BigSignUpButton a, .BigSignUpButtonAlt a { display:block; width:auto; text-align:center; text-decoration:none; font-size:12px; font-weight:bold; color:#fff; font-family:Arial, sans-serif; white-space:nowrap; line-height:18px; padding:0 10px 0 10px; margin:0; } span.MediumButtonHalo { background: none; background-image:url(/Images/Buttons/GreenHalo/Left_Green_Button.png); background-repeat:no-repeat; height:60px; } .MediumButtonHalo span { background: none; background-image:url(/Images/Buttons/GreenHalo/Center_Green_Button.png); height:60px; margin:0 28px 0 28px; } .MediumButtonHalo span span { background: none; background-image:url(/Images/Buttons/GreenHalo/Right_Green_Button.png); background-repeat:no-repeat; width:28px; } .MediumButtonHalo span a, .MediumButtonHalo>span>a { font-size:1.2em; line-height:60px; } span.MediumButton { background-image:url(/Images/Buttons/Green/left_med.png); height:25px; } .MediumButton span { background-image:url(/Images/Buttons/Green/gradient_med.png); height:25px; margin:0 8px 0 8px; } .MediumButton span span { background-image:url(/Images/Buttons/Green/right_med.png); width:8px; } .MediumButton a { font-size:14px; line-height:25px; } span.LargeButton { background-image:url(/Images/Buttons/Green/left_lrg.png); height:35px; } .LargeButton span { background-image:url(/Images/Buttons/Green/gradient_lrg.png); height:35px; margin:0 8px 0 8px; } .LargeButton span span { background-image:url(/Images/Buttons/Green/right_lrg.png); width:8px; } .LargeButton a { font-size:21px; line-height:35px; } span.HugeButton, span.HugeHeaderButton { background-image:url(/Images/Buttons/Green/left_huge.png); height:45px; } .HugeButton span, .HugeHeaderButton span { background-image:url(/Images/Buttons/Green/gradient_huge.png); height:45px; margin:0 10px 0 10px; } .HugeButton span span, .HugeHeaderButton span span { background-image:url(/Images/Buttons/Green/right_huge.png); width:10px; } .HugeButton a, .HugeHeaderButton a { font-size:17px; line-height:45px; font-weight:normal; } .HugeHeaderButton { background-image:url(/Images/Buttons/Green/left_huge.png); } .HugeHeaderButton span { background-image:url(/Images/Buttons/Green/gradient_huge.png); } .HugeHeaderButton span span { background-image:url(/Images/Buttons/Green/right_huge.png); } .HugeHeaderButton a { font-size: 16px; } .HugeHeaderButton a strong { font-size:20px; } .HugeHeaderButton a em { font-style:normal; font-weight:bold; } span.BigSignUpButton, span.BigSignUpButtonAlt { background-image:url(/Images/Homepage/SignupButton/button_left.png); height:64px; } span.BigSignUpButtonAlt { background-image:url(/Images/Homepage/SignupButton/Orange/button_left.png); } .BigSignUpButton span, .BigSignUpButtonAlt span { background-image:url(/Images/Homepage/SignupButton/button_gradient.png); height:64px; margin:0 13px 0 13px; } .BigSignUpButtonAlt span { background:none; background-image:url(/Images/Homepage/SignupButton/Orange/button_gradient.png); } .BigSignUpButton span span, .BigSignUpButtonAlt span span { background-image:url(/Images/Homepage/SignupButton/button_right.png); width:13px; } .BigSignUpButtonAlt span span { background-image:url(/Images/Homepage/SignupButton/Orange/button_right.png); } .BigSignUpButton a, .BigSignUpButtonAlt a { font-size:14px; line-height:64px; font-weight:normal; padding:0 20px 0 20px; } .BigSignUpButton a strong, .BigSignUpButtonAlt a strong { font-size: 135%; font-weight: bold; font-style: normal; } .BigSignUpButton a em, .BigSignUpButtonAlt a em { font-size: 100%; font-weight: bold; font-style: normal; } .BigSignUpButton a img, .BigSignUpButtonAlt a img { margin-left: 8px; } .LinkButtonRight { float:left; padding-left: 10px; line-height:26px; font-size:1.2em; } .TaskList { width:100%; } .TaskList tr { vertical-align:middle; } .TaskList th { text-align:left; font-weight:normal; font-size:1.2em; } .TaskList th, .TaskList th a { color:#333333; } .taskListHeaderRow th a, .taskListHeaderRow th div span { background-repeat:no-repeat; background-position:right 50%; display:block; } .taskListHeaderRow th a, .taskListHeaderRow th div span a { padding-right:15px; display:block; } .sortArrowAsc, .sortArrowNone:hover, .sortArrowDesc:hover { background-image:url(/Images/TaskList/up_green.png); } .sortArrowDesc, .sortArrowAsc:hover { background-image:url(/Images/TaskList/down_green.png); } .td_category div { width:21px; height:2.5em; background-repeat:no-repeat; background-position:50% 50%; } .categoryIcon_Home, .categoryIcon_Lighting, .categoryIcon_HVAC, .categoryIcon_Gardening { background-image:url(/Images/TaskList/type_home.png); } .categoryIcon_Miscellaneous, .categoryIcon_Appliances { background-image:url(/Images/TaskList/type_misc.png); } .taskListHeaderRow th {padding:0 8px 0 0;} .TaskList th { position:relative; height:2.5em; } .TaskList th div { border-bottom:solid 1px #68a53a; position:relative; top:0; padding-right:8px; bottom:-7px; height:2.5em; text-align:left; margin-right:0; } .th_title { width: 100%; } .th_title div { padding-left:0; } .th_diyCost div { width:3.5em; } .th_carbonPerYear div, .th_savingPerYear div { width:6em; } .th_dueDate div { width:80px; text-align:center; } .th_completionDate div { width:110px; text-align:center; } .th_status div, .th_note div { width:30px; } .th_proCost div { width:50px; } .th_roi div { width:100px; } .th_timeRequired div, .th_difficultyRating div, .th_recurrenceDay div, .th_Action div { } .TaskList th div span { position:absolute; bottom:2px; width:auto; } .taskListRow > td {border-bottom:dotted 1px #aaaaaa;padding: 10px 8px 10px 8px;} .taskListRowCompact > td {border-bottom:dotted 1px #aaaaaa;padding: 8px 8px 8px 2px;} .td_category {padding-left:0;padding-right:0;width:21px;} .td_title {padding-right:16px;} .td_difficultyRating {padding-right:0px;} .td_Action {padding-left:0;padding-right:0;width:100px;} .td_status {color:#808080;font-size:smaller;padding-right:0;width:30px;} .td_status a {color:#808080;font-size:larger;} .taskListRow td { font-size:1.1em; } .taskListPagerRow tr { vertical-align:middle; } .SingleLibraryContent .pager table { margin:10px 0; } .pager table td span, .pager table td a { text-align:center; font-size:13px; display:block; width:20px; height:20px; margin:2px; padding-top:2px; } .pager table td span { color:#ffffff; background-color:#68af3a; } .pager table td a { color:#666666; background-color:#ffffff; } .pager table td a:hover { background-color:#dddddd; } .taskListAddItem {text-align:right;width:100%;} .taskListAddItem a {color:#808080;font-weight:normal;} .taskListAddItem img {padding-right:5px;vertical-align:middle;display:inline;} .taskListInsertRow {padding:5px 0 5px 0;background-color:#EEF1BC;display:none;} .taskListInsertRow > td {border-bottom:dotted 1px #333333;} .TaskForm, .TaskForm table {width:100%;} .TaskForm table table { width:auto; } .TaskForm table th, .TaskForm table td {padding-left:5px;padding-right:5px; font-family:Arial; font-size:1.2em; color:#000000; } .tfEdit_Category {width:95px;} .tfEdit_Name {width:auto;} .tfEdit_DueDate {width:110px;} .tfAddButton {width:76px;} .ratingContainer {position:relative;width:50px;height:10px;font-size:0;display:inline-block;margin-top:2px;} .ratingFill {position:absolute;left:0;top:0;height:100%;background-color:#40C080;z-index:101;} .ratingCircles {background-image:url(/Images/TaskList/blankcircle.png);} .ratingTrees {background-image:url(/Images/TaskList/blanktree.png);} .td_costRating .ratingFill {background-image:url(/Images/TaskList/orange.png);} .td_timeRating .ratingFill {background-image:url(/Images/TaskList/purple.png);} .td_savingRating .ratingFill {background-image:url(/Images/TaskList/blue.png);} .td_difficultyRating .ratingFill {background-image:url(/Images/TaskList/darkblue.png);} .td_benefitRating .ratingFill {background-image:url(/Images/TaskList/tree.png);} .ratingCircles, .ratingTrees, .td_costRating .ratingFill, .td_timeRating .ratingFill, .td_savingRating .ratingFill, .td_difficultyRating .ratingFill, .td_benefitRating .ratingFill { background-repeat:repeat-x; } .ratingCircles, .ratingTrees { position:absolute; left:0; top:0; width:100%; height:100%; background-position:0% 50%; z-index:100; } span.taskIncomplete, span.taskComplete, span.noteAbsent, span.notePresent { display:block; background-repeat:no-repeat; background-position:50% 50%; } .taskIncomplete a, .taskComplete a, .noteAbsent a, .notePresent a { display:block; height:25px; } span.taskIncomplete { background-image:url(/Images/TaskList/checkbox_off.png); } span.taskComplete { background-image:url(/Images/TaskList/checkbox_on.png); } span.noteAbsent { background-image:url(/Images/TaskList/note_gray.png); } span.notePresent { background-image:url(/Images/TaskList/note_blue.png); } .td_Complete a, .td_Note a, .td_Completed, .td_Completed .taskComplete a { color:#808080; } .td_Completed a { color:#006633; text-decoration:underline; } .td_Completed .taskComplete a { text-decoration:none; } .th_Cost div {padding-right:14px;text-align:right;} .th_Cost div span {display:block;} .td_Cost {color:#2050A0;text-align:right;padding-right:30px;} .td_dueDate span {text-align:center;display:block;margin-right:15px;} .td_completionDate span {text-align:center;display:block;margin-right:15px;} .td_Note, .td_status {padding-left:8px;} .taskListActionMenu {background-color:#808080;} .taskListActionMenu a {color:#ffffff;display:block;margin:2px 2px 2px 6px;} .taskListActionMenuItem {padding:2px 4px 2px 3px;border:solid 1px #dddddd;} .taskListActionMenuItem a {display:block;} .taskListActionMenuItemSelected {background-color:#99CC33;} .taskListActionMenu:hover {background-color:#99CC33;cursor:pointer;} .taskListActionMenuItem:hover {background-color:#99CC33} .taskListActionMenu a:hover {color:#006633;text-decoration:none;} .taskListActionMenuItem a:hover {color:#006633;text-decoration:none;} .TaskForm th {text-align: left;} .tfHeader_StartDate, .tfEdit_StartDate { width: 75px; } .tfHeader_Note, .tfHeader_ActualCost, .td_dueDate input, .td_completionDate input { width: 80px; } .tfHeader_Note label, .tfHeader_ActualCost label { display: block; width: 100%; text-align: right; } .tfEdit_Note { width: auto; vertical-align: top; } .tfEdit_Note textarea { width: 98%; } .tfSaveButton, .tfCancelButton { width: 84px; } .tfSaveButton input, .tfCancelButton input { width: 100%; } .TaskForm textarea { font-size:8pt;} .td_title input { width: 260px; } .taskCompletedMessage { font-size: 75%; } .taskListEditRow {padding:5px 0 5px 0;display:none;} .taskListEditRow > td {border-bottom:dotted 1px #666666;} .td_Action input[type="text"] { width:0px; border:none;background-color:#f5f5e9; } .td_Action span, .td_Action a, .td_Action select { font-family:Arial; font-size: 1.1em; } .td_Action span, .td_Action a { color: #68a53a; } .td_title a { font-size:1.2em; } .DueDateCalendar .ajax__calendar_container, .CompletedDateCalendar .ajax__calendar_container { border:1px solid #666666; margin-left:-75px; background-color:#ffffff; } input.hiddenDueDate, input.hiddenCompletedDate { border:none; background:none; width:1px; visibility:hidden; } .TaskListEmpty { font-size:1.2em; } .TaskList input[type=text], .TaskList input[type=password] { float:left; margin-right:20px; } #HeaderArea .searchBox, .AdvancedSearch .searchBox { text-align: left; position: absolute; right: 0; top: 70px; width: 292px; height: 32px; vertical-align: middle; background-image: url(/Images/Chrome/search-bar.png); background-repeat: no-repeat; overflow: visible; padding:0px; } .AdvancedSearch .searchBox { position: relative; margin-left: 20px; top:0px; left:0px; } input[type=text].searchBoxText { position: absolute; margin: 3px 0px 0px 3px; left: 0px; top: 0px; width:251px; border: none; background-color: Transparent; vertical-align: middle; font-family: 'Segoe UI', Arial, Geneva, sans-serif; color: #000; font-size: 12pt; } .searchButton { margin: 4px 4px 0px 3px; position: absolute; right: 0px; top: 0px; border: none; vertical-align: middle; padding:0px; } .watermark { color:#797979; font-style: italic; } input[type=text].watermark { color:#797979; font-style: italic; } .ResultsPager { margin-top: 20px; margin-bottom: 10px; width: 100%; font-size: 13px; } .ResultsPager div { float: left; width: 20px; height: 20px; margin-right: 1px; text-align: center; } .ResultsPager div a { display: block; width: 100%; height: 100%; padding-top: 2px; color: #3c5f22; } .ResultsPagerCurrent span { display: block; width: 100%; height: 100%; padding-top: 2px; color: #ffffff; cursor: default; } .ResultsPagerPrevious:hover, .ResultsPagerNext:hover, .ResultsPagerOther:hover { background-color: #ddd; } .ResultsPagerCurrent { background-color: #68a53a; } .ResultsPager a, .ResultsPager a:active, .ResultsPager a:link, .ResultsPager a:visited, .ResultsPager a:hover { text-decoration: none; } .ResultsPagerPrevious img, .ResultsPagerNext img { position: relative; top: 3px; margin-left: auto; margin-right: auto; } .modalBackground { background-color:#ffffff; filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .modalPopup { position:relative; padding:30px; background:#ffffff; border:#666666 2px solid; } .modalPopup h2 { color:#fc8c08; } .modalPopup h3 { font-weight:normal; color:#68af3a; font-size:1.6em; } .modalPopup p { font-size:1.1em; margin:20px 0; } div.orangeBox { position:relative; background:url(/Images/SignUp/box_orange_pixel.png) repeat-y 0px 0px; margin:0; padding:0; width:487px;; z-index:1; } div.orangeBox div.top { position:absolute; left:0px; top:-14px; height:14px; width:487px;; background:url(/Images/SignUp/box_orange_top.png) no-repeat 0px 0px; margin:0; padding:0; } div.orangeBox div.bottom { position:absolute; left:0px; bottom:-14px; height:233px; width:487px;; background:url(/Images/SignUp/box_orange_bottom.png) no-repeat 0px 0px; margin:0; padding:0; z-index:-1; } div.orangeBox div.content { margin:0 15px 0 15px; min-height:220px; } #landing .mainCenter div.orangeBox div.content p { padding:0; } div.FaqList { margin-bottom:2em; width: 100%; } .FaqItem .FaqTitle { display:block; line-height: 1.2em; margin-bottom: 0.5em; font-size:1.2em; color:#558430; cursor:pointer; font-weight:normal; } .FaqItem .FaqTitle.selected { font-size:1.4em; font-weight:bold; margin-top:1em; } .FaqItem .FaqTitle:hover { text-decoration:underline; } .FaqItem div { font-size:1.2em; margin:.5em 0 2em 0; } div.VideoWrapper { width:432px; overflow:hidden; } .VideoWrapper div.Video { height:362px; background:#ccc; overflow:hidden; } .VideoWrapper div.Caption { margin:1em 0; } .editgrid td { vertical-align: middle; } .editgrid th { vertical-align: bottom; padding-left: 7px; padding-right: 7px; font-size: 1.2em; } .editgrid th a { color: #000000; font-weight: normal; text-decoration: none; } .editgrid th a:hover { text-decoration: underline; } .editgrid thead { cursor: default; } .editgrid tbody { cursor: text; } td.egStatus { cursor: default; } .editgrid > thead > tr > th:first-child, .editgrid > tbody > tr > td:first-child { display:none; } .editgrid input, .editgrid select { border: solid 1px transparent; } .editgrid tr:hover input, .editgrid tr:hover select { border: solid 1px #c6c6c6; } .editgrid tr.egNew input, .editgrid tr.egEditNew input, .editgrid tr.egEdit input { border: solid 1px #c6c6c6; } .editgrid tr.egNew select, .editgrid tr.egEditNew select, .editgrid tr.egEdit select { border: solid 1px #c6c6c6; } .editgrid tr input.egInvalid, .editgrid tr select.egInvalid { border: solid 1px #FF0000; } .editgrid input.egDefaulted { color: #B0B0B0; } .editgrid td input.egDelete { padding: 0; width: auto; height: auto; display: none; margin-right: 2px; border: 0; cursor: pointer; } .editgrid tr:hover td input.egDelete, .editgrid tr.egEditNew td input.egDelete, .editgrid tr.egEdit td input.egDelete { display: inline; } .editgrid tr.egNew td input.egDelete, .editgrid tr.egSaving td input.egDelete, .editgrid tr.egDeleting td input.egDelete { display: none; } .editgrid tr.egDeleting input { color: #C0C0C0; border-color: #E0E0E0; } .egStatusText { color: #78c43c; } .egErrorText { color: #FF0000; } div > span > .egErrorText { font-size: 1.2em; } div > span.egErrorText { display: block; height: 4em; } .editgrid > tbody > tr > td { border-bottom: dotted 1px #aaaaaa; padding: 4px 2px 4px 6px; } .editgrid > tbody > tr > td.egStatus { border-bottom: none; padding: 4px 0px 4px 3px; } .editgrid th div { border-bottom: solid 1px #68a53a; position:relative; top:0; bottom:-7px; text-align:left; padding: 0 0 2px 0; margin: 0 0 2px 0; } .editgrid th a, .editgrid th span { display:block; } .editgrid th a { background-repeat:no-repeat; background-position:right 52%; padding-right:13px; } .editgrid th span.egTwoLineHeader a { background-position:right 82%; } .editgrid th.egText > div > span { text-align: left; margin-left: 4px; } .editgrid td.egText > div { text-align: left; } .editgrid th.egDate > div > span, .editgrid td.egDate input { text-align: center; } .editgrid th.egInteger > div > span, .editgrid th.egDecimal > div > span, .editgrid th.egCurrency > div > span, .editgrid td.egInteger input, .editgrid td.egInteger select, .editgrid td.egDecimal input, .editgrid td.egDecimal select, .editgrid td.egCurrency input, .editgrid td.egCurrency select { text-align: right; } .editgrid td.egText .egInputOuterDiv, .editgrid td.egDate .egInputOuterDiv { padding-right: 14px; } .editgrid td.egText .egDropdownOuterDiv, .editgrid td.egText .egDropdownOuterDivFocused, .editgrid td.egDate .egDropdownOuterDiv, .editgrid td.egDate .egDropdownOuterDivFocused { padding-right: 7px; } .editgrid td.egInteger .egInputOuterDiv, .editgrid td.egInteger .egDropdownTextboxDiv, .editgrid td.egDecimal .egInputOuterDiv, .editgrid td.egDecimal .egDropdownTextboxDiv, .editgrid td.egCurrency .egInputOuterDiv, .editgrid td.egCurrency .egDropdownTextboxDiv { padding-right: 21px; } .editgrid select { padding: 0; } .egDropdownSelectDiv { display: none; } .egDropdownOuterDiv:hover .egDropdownSelectDiv, .egDropdownOuterDivFocused .egDropdownSelectDiv { display: block; } .egDropdownOuterDiv:hover .egDropdownTextboxDiv, .egDropdownOuterDivFocused .egDropdownTextboxDiv { display: none; } .egDropdownTextboxDiv { margin: 0; padding: 0 7px 0 0; } .editgrid td.egText .egDropdownSelectDiv, .editgrid td.egDate .egDropdownSelectDiv { margin-right: -1px; } .editgrid td input { padding: 1px 3px 1px 3px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .editgrid td input { padding: 2px 3px 2px 3px; } } .editgrid td input, .editgrid td select { width: 100%; } .HomeInfoSubsectionPanel .editgrid { margin-left: -20px; } .HomeInfoSubsectionPanel .editgridValidator { display: block; margin-top: 10px; margin-left: -10px; } .EditGridExpandButtonPanel { padding: 0 20px 20px 0; } .ChartsPanel { background-color:White; overflow:hidden; border:1px solid #C0C0C0; } .ChartsPanel .container { padding: 10px 10px 20px; overflow: hidden; } .ChartAutoRefreshMessagePanel { clear: both; padding-top: 15px; text-align: center; } .ChartRefreshButton { display: none; } .NiagaraChart { float: left; position: relative; font-size: 1.1em; } .NiagaraChartTooltip { text-align: left; position: absolute; z-index: 1000000; background-color: White; border: solid 2px Silver; padding: 4px; white-space: nowrap; filter:alpha(opacity=92); -moz-opacity:0.92; -khtml-opacity: 0.92; opacity: 0.92; } .ChartTooltipDateLabel { font-weight: bold; } .ChartTooltipElectricityLabel { font-weight: bold; color: #FC8C08; } .ChartTooltipNaturalGasLabel { font-weight: bold; color: #51AFD6; } .ChartTooltipCostLabel { font-weight: bold; color: #70C020; } .ChartTooltipCarbonLabel { font-weight: bold; color: #70C020; } .ChartTooltipTemperatureLabel { font-weight: bold; color: #70C020; } .ChartTooltipMessage { font-size: 90%; } .NiagaraChartTopPanel, .NiagaraChartBottomPanel { background: url(/Images/EnergyChart/btnbg_gray.png); border: solid 1px #C0C0C0; border-left: none; vertical-align: middle; } .NiagaraChartTopPanel { border-bottom-style: none; } .NiagaraChartBottomPanel { border-top-style: none; } a.NiagaraChartPanelButton { display: inline-block; padding: 0 9px 0 9px; text-decoration: none; color: #000000; font-size: 13px; line-height: 24px; border-left: 1px solid #C0C0C0; } a.NiagaraChartPanelButton[disabled='disabled'] { color:#999999; text-shadow:white 1px 1px 0px; } .NiagaraChartPanelNarrow .NiagaraChartPanelButton { padding: 0 6px 0 6px; } .NiagaraChartBottomPanel .NiagaraChartPanelButton { padding: 0 22px 0 22px; } .NiagaraChartPanelSeparator { display: inline-block; border-left: 1px solid #C0C0C0; width: 10px; font-size: 13px; line-height: 24px; } .NiagaraChartPanelNarrow .NiagaraChartPanelSeparator { width: 5px; } .NiagaraChartTopPanel select { display: block; margin: 2px 0 0 2px; } .NiagaraChartBottomPanel select { float: right; margin-top: 2px; height: 20px; width: 182px; } .NiagaraChartPagerLeft, .NiagaraChartPagerLeftDisabled { float: left; } .NiagaraChartPagerRight, .NiagaraChartPagerRightDisabled { float: right; } .NiagaraChartPagerLeftDisabled { background-image: url(/Images/EnergyChart/left_gray.png); } .NiagaraChartPagerRightDisabled { background-image: url(/Images/EnergyChart/right_gray.png); } .NiagaraChartPanelButtonIcon_Usage { background-image: url(/Images/EnergyChart/usage.png); background-position: center; background-repeat: no-repeat; margin-right: 3px; display: inline-block; width: 17px; } .NiagaraChartPanelButtonSelected .NiagaraChartPanelButtonIcon_Usage { background-image: url(/Images/EnergyChart/usage_s.png); } .NiagaraChartPanelButtonIcon_Cost { background-image: url(/Images/EnergyChart/cost.png); background-position: center; background-repeat: no-repeat; margin-right: 3px; display: inline-block; width: 6px; } .NiagaraChartPanelButtonSelected .NiagaraChartPanelButtonIcon_Cost { background-image: url(/Images/EnergyChart/cost_s.png); } .NiagaraChartPanelButtonIcon_Carbon { background-image: url(/Images/EnergyChart/carbon.png); background-position: center; background-repeat: no-repeat; margin-right: 3px; display: inline-block; width: 11px; } .NiagaraChartPanelButtonSelected .NiagaraChartPanelButtonIcon_Carbon { background-image: url(/Images/EnergyChart/carbon_s.png); } .EnergyChartElectricityTheme .NiagaraChartPagerLeft { background-image: url(/Images/EnergyChart/left_orange.png); } .EnergyChartElectricityTheme .NiagaraChartPagerRight { background-image: url(/Images/EnergyChart/right_orange.png); } .EnergyChartNaturalGasTheme .NiagaraChartPagerLeft { background-image: url(/Images/EnergyChart/left_blue.png); } .EnergyChartNaturalGasTheme .NiagaraChartPagerRight { background-image: url(/Images/EnergyChart/right_blue.png); } .EnergyChartCombinedTheme .NiagaraChartPagerLeft { background-image: url(/Images/EnergyChart/left_purple.png); } .EnergyChartCombinedTheme .NiagaraChartPagerRight { background-image: url(/Images/EnergyChart/right_purple.png); } .EnergyChartCarbonTheme .NiagaraChartPagerLeft { background-image: url(/Images/EnergyChart/left_green.png); } .EnergyChartCarbonTheme .NiagaraChartPagerRight { background-image: url(/Images/EnergyChart/right_green.png); } .EnergyChartElectricityTheme .NiagaraChartPanelButtonSelected { background-image: url(/Images/EnergyChart/btnbg_orange.png); } .EnergyChartNaturalGasTheme .NiagaraChartPanelButtonSelected { background-image: url(/Images/EnergyChart/btnbg_blue.png); } .EnergyChartCombinedTheme .NiagaraChartPanelButtonSelected { background-image: url(/Images/EnergyChart/btnbg_purple.png); } .EnergyChartCarbonTheme .NiagaraChartPanelButtonSelected { background-image: url(/Images/EnergyChart/btnbg_green.png); } .ColumnChartEnabled, .LineChartEnabled, .LineChartDisabled, .ColumnChartDisabled { float: right; height: 16px; width: 16px; } .EnergyChartElectricityTheme .ColumnChartEnabled { background-image: url(/Images/EnergyChart/Bar-chart-orange.jpg); } .EnergyChartElectricityTheme .LineChartEnabled { background-image: url(/Images/EnergyChart/Line-chart-Orange.jpg); } .EnergyChartNaturalGasTheme .ColumnChartEnabled { background-image: url(/Images/EnergyChart/Bar-chart-blue.jpg); } .EnergyChartNaturalGasTheme .LineChartEnabled { background-image: url(/Images/EnergyChart/Line-chart-blue.jpg); } .EnergyChartCombinedTheme .ColumnChartEnabled { background-image: url(/Images/EnergyChart/Bar-chart-purple.jpg); } .EnergyChartCombinedTheme .LineChartEnabled { background-image: url(/Images/EnergyChart/Line-chart-purple.jpg); } .EnergyChartCarbonTheme .ColumnChartEnabled { background-image: url(/Images/EnergyChart/Bar-chart-green.jpg); } .EnergyChartCarbonTheme .LineChartEnabled { background-image: url(/Images/EnergyChart/Line-chart-green.jpg); } .ColumnChartDisabled { background-image: url(/Images/EnergyChart/Bar-chart-Off.jpg); } .LineChartDisabled { background-image: url(/Images/EnergyChart/Line-chart-Off.jpg); } .ChartRawDataLink, .ChartRawData { font: 9pt Arial; } .ChartRawData { border: solid 2px black; } .ChartRawData th, .ChartRawData td { text-align: left; border: solid 1px black; padding: 2px 3px 2px 3px; } div.sharePanel { padding:10px; background-color:#ffffff; width: 250px; height: 130px; } .sharePanel div.heading, .sharePanel div.headingCollapsed { border-bottom:1px dotted #666666; margin:0 0 10px 0; padding:0 0 10px 26px; cursor:pointer; color:#666666; font-size:1.2em; background:url(/Images/share_minus.png) no-repeat left top; width: 100%; } .sharePanel div.headingCollapsed { background-image:url(/Images/share.png); border-bottom:none; margin:0; padding-bottom:5px; } .sharePanel table { width:100%; } .sharePanel div { padding:5px 0 0 0; width: 120px; float: left; } .sharePanel div img { margin-right:8px; width:16px; height:16px; border:none; float:left; } .sharePanel div .EmailDiv img { margin-right:0; } .sharePanel div a { font-size:1.1em; } .deviceItem, .deviceDetailsLeft, .deviceDetailsRight, .dashedRule { width: 100%; overflow: hidden; } .dashedRule { background-color: Transparent; border:none; border-bottom: dashed 1px #666; height: 1px; margin: 30px 0px 30px 0px; } .deviceDetailsLeft { width: 40%; float: left; } .deviceDetailsRight { width: 50%; float: left; padding-left: 20px; } .deviceImage, .vendorLogo { vertical-align: middle; border: none; } .detailTitle { font-weight: bold; font-size: larger; } .deviceTitle { font-size: larger; font-weight: bold; } .deviceMessageArea { background-color: #ddd; border: solid 1px #0c0; padding: 3px; } .DeviceLinkKeyLabel { float: left; margin-top: 4px; } .DeviceLinkKeyText { float: left; margin-top: 3px; margin-left: 5px; }