/* Any common CSS goes here */ fieldset { border: 0px; } td.eventTitle { padding-top: 2px; padding-left: 5px; } div.eventDescription { padding-bottom: 10px; padding-left: 5px; } div.eventDate { font-size: 90%; padding-left: 5px; } div.eventBodyText { font-size: 85%; padding-left: 8px; padding-right: 5px; padding-bottom: 3px; } div.eventDisplay { margin: 10px 0px 0px 0px; float: left; clear: both; width: 100%; background-color: #C6CEDD; } /* ********** Common CSS for All HTML output ********** */ form { margin: 0; padding: 0; } fieldset { margin: 0; } /* CCW Internet CSS 2006-07-26 JCH Created ==== Variables ==== font-family: Verdana, Arial, sans-serif; = font-family: Verdana, Arial, sans-serif; font-size: 70%; = font-size: 70%; width: 784px; = width: 784px; #FFF; = #FFF; #039; = #039; */ #outercontainer { text-align: center; font-family: Verdana, Arial, sans-serif; font-size: 70%; } #innercontainer { margin-left: auto; margin-right: auto; text-align: left; background-color: #FFF; width: 784px; color: #000; } body { background: #FFF; color: #000; margin: 0; padding: 0; } .hidden { display: none; } a, a:visited { color: #000; font-weight: normal; text-decoration: none; } a:hover { color: #000; font-weight: normal; text-decoration: underline; } img, map { border: 0; } .hidden { display: none; } .important { color: #F00; } .clear { clear: both; } .backToSearch { float: right; width: auto; } .backToSearch img { vertical-align: bottom; padding-right: 3px; } .backToSearch a { padding-right: 5px; } .contentsummary { margin-bottom: 6px; clear: both; } map, a img { border: 0; } h1 { font-size: 220%; margin-top: 0; color: #086D73; font-weight: bold; } h2 { font-size: 140%; font-weight: bold; margin-top: 0; } h3 { font-size: 120%; font-weight: bold; margin-top: 0; } h4 { font-size: 130%; font-weight: bold; margin-top: 0; } h2.blockTitle { font-size: 110%; margin-bottom: 0.5em; margin-top: 0; border-bottom: 1px solid #333; padding: 0 0 2px 0; font-weight: bold; } h2.blockTitle a, h2.blockTitle a:visited { color: #333; } /* Heading container */ #head { float: left; width: 100%; clear: both; background: url(../../img/ccw/headBg.jpg) no-repeat 0 0; height: 178px; /* temp */ } /* Utility Menu */ #util { float: left; clear: both; text-align: right; width: 100%; } #util ul { margin: 0; padding: 8px 22px 0 0; display: block; } #util li { margin: 0; padding: 0; list-style: none; display: inline; border-right: 1px solid #ADBFE0; padding-top: 10px; } #util a, #util a:visited, #util a:hover { color: #039; padding: 0 12px; } #util li.last { border-right: 0; } /* Top Menu */ #topMenu { float: left; clear: both; padding-top: 35px; width: 100%; text-align: right; } #topMenu ul { margin: 0; display: block; padding-right: 40px; } #topMenu li { margin: 0 2px 0 0; padding: 0; list-style: none; display: inline; float: left; } #topMenu a, #topMenu a:visited, #topMenu a:hover { color: #FFF;; font-weight: bold; text-align: center; display: block; float: left; padding-top: 10px; background: url(../../img/ccw/topMenuBg.gif) no-repeat center top; } #topMenu li.home a { width: 52px; float: left; } #topMenu li.first a { width: 71px; } #topMenu li.pos-2 a { width: 84px; } #topMenu li.pos-3 a { width: 86px; } #topMenu li.pos-4 a { width: 79px; } #topMenu li.last a { width: 71px; } #topMenu .ccwLogo { display: block; float: left; width: 160px; padding: 0 38px 0 60px; } #topMenu .ccwLogo a, #topMenu .ccwLogo a:visited, #topMenu .ccwLogo a:hover { background: none; padding-top: 0; } /* Side Menu */ .sideMenu { float: left; clear: both; padding: 8px 0 0; background: #799FDD url(../../img/ccw/sideMenuBg_n.jpg) no-repeat 0 0; width: 202px; } .sideMenu ul { margin: 0; padding: 0; } .sideMenu li { margin: 0; padding: 0 0 0.7em 0; list-style: none; float: left; clear: both; } /* First level */ .sideMenu ul li a, .sideMenu ul li a:visited, .sideMenu ul li a:hover { float: left; clear: both; display: block; background: url(../../img/ccw/bulletSideMenu.gif) no-repeat 3px 3px; width: 184px; color: #FFF; font-weight: bold; padding: 0 0 0 18px; } .sideMenu ul li a.current, .sideMenu ul li a.current:visited, .sideMenu ul li a.current:hover { float: left; clear: both; display: block; background: url(../../img/ccw/bulletSideMenu.gif) no-repeat 3px 3px; color: #FFF; text-decoration: underline; font-weight: bold; } .sideMenu ul li a.currentParent, .sideMenu ul li a.currentParent:visited, .sideMenu ul li a.currentParent:hover { float: left; clear: both; display: block; background: url(../../img/ccw/bulletDownSideMenu.gif) no-repeat 3px 3px; color: #FFF; text-decoration: underline; font-weight: bold; } /* Second level */ .sideMenu ul ul { margin: 1em 0 0; float: left; clear: both; } .sideMenu ul ul li a, .sideMenu ul ul li a:visited, .sideMenu ul ul li a:hover { float: left; clear: both; display: block; background: url(../../img/ccw/bulletSideMenu.gif) no-repeat 23px 3px; width: 164px; color: #FFF; font-weight: bold; padding: 0 0 0 38px; } .sideMenu ul ul li a.current, .sideMenu ul ul li a.current:visited, .sideMenu ul ul li a.current:hover { float: left; clear: both; display: block; background: url(../../img/ccw/bulletSideMenu.gif) no-repeat 23px 3px; color: #FFF; text-decoration: underline; font-weight: bold; } .sideMenu ul ul li a.currentParent, .sideMenu ul ul li a.currentParent:visited, .sideMenu ul ul li a.currentParent:hover { float: left; clear: both; display: block; background: url(../../img/ccw/bulletDownSideMenu.gif) no-repeat 23px 3px; color: #FFF; text-decoration: underline; font-weight: bold; } /* Third level */ .sideMenu ul ul ul { margin: 1em 0 0; float: left; clear: both; } .sideMenu ul ul ul li a, .sideMenu ul ul ul li a:visited, .sideMenu ul ul ul li a:hover { float: left; clear: both; display: block; background: url(../../img/ccw/bulletSideMenu.gif) no-repeat 43px 3px; width: 144px; color: #FFF; font-weight: bold; padding: 0 0 0 58px; } .sideMenu ul ul ul li a.current, .sideMenu ul ul ul li a.current:visited, .sideMenu ul ul ul li a.current:hover { float: left; clear: both; display: block; background: url(../../img/ccw/bulletSideMenu.gif) no-repeat 43px 3px; color: #FFF; text-decoration: underline; font-weight: bold; } .sideMenu ul ul ul li a.currentParent, .sideMenu ul ul ul li a.currentParent:visited, .sideMenu ul ul ul li a.currentParent:hover { float: left; clear: both; display: block; background: url(../../img/ccw/bulletDownSideMenu.gif) no-repeat 43px 3px; color: #FFF; text-decoration: underline; font-weight: bold; } .sideMenuCurves { float: left; clear: both; width: 202px; height: 16px; background: url(../../img/ccw/sideMenuBg_s.gif) no-repeat 0 0; margin: 0 0 6px 0; } /* Search Box */ #searchBox { float: left; padding: 41px 0 0 274px; width: 490px; voice-family: "\"}\""; voice-family:inherit; width: 216px; /* Box model hack to satisfy IE 5.5 */ } #searchBox .textField { width: 183px; float: left; border: 1px solid #2A82C1; padding: 1px; } #searchBox .submitButton { float: left; padding-left: 3px; width: 23px; } #searchBox a.advSearch, #searchBox a.advSearch:visited, #searchBox a.advSearch:hover { padding: 0 0 0 85px; background: none; } /* Back to top */ #backToTop { float: left; clear: both; padding-top: 15px; width: 333px; } #backToTop .topLink { float: left; width: 160px; } #backToTop .topLink ul { margin: 0; padding: 0; } #backToTop .topLink li { list-style: none; margin: 0; padding: 0 10px 0 0; display: block; float: left; } #backToTop .topLink li.print { border-left: 1px solid #0F6E77; padding: 0 0 0 10px; } #backToTop .topLink a, #backToTop .topLink a:visited, #backToTop .topLink a:hover { color: #0F6E77; font-weight: bold; } #backToTop .topLink a.top, #backToTop .topLink a.top:visited, #backToTop .topLink a.top:hover { background: url(../../img/ccw/arrowUpGreen.gif) no-repeat 0 5px; padding-left: 10px; } #backToTop .pagination { float: left; width: 173px; text-align: right; } #backToTop .pagination a.prev, #backToTop .pagination a.prev:visited, #backToTop .pagination a.prev:hover { color: #0F6E77; font-weight: bold; background: url(../../img/ccw/arrowLeftGreen.gif) no-repeat 0 4px; padding-left: 10px; } #backToTop .pagination a.next, #backToTop .pagination a.next:visited, #backToTop .pagination a.next:hover { color: #0F6E77; font-weight: bold; background: url(../../img/ccw/arrowRightGreen.gif) no-repeat right 4px; padding-right: 10px; } #backToTop .pagination .sep { background: url(../../img/ccw/paginationSep.gif) no-repeat center 0; } /* Footer */ #foot { float: left; clear: both; background: url(../../img/ccw/footBg.jpg) no-repeat 0 0; width: 784px; height: 110px; } #foot .mainMenu { float: left; width: 630px; } #foot #boxLink { padding-top: 2px; } #foot #boxLink a, #foot #boxLink a:visited, #foot #boxLink a:hover { color: #68687D; font-family: Arial, Verdana, sans-serif; } #foot ul { margin: 0; padding: 0 0 0 38px; } #foot li { margin: 0; padding: 3px 10px 0; list-style: none; float: left; display: inline; background: url(../../img/ccw/footSep.gif) no-repeat 0 5px; } #foot li.first { padding: 3px 10px 0 0; background: 0; } #foot li a, #foot li a:visited, #foot li a:hover { color: #000; } #foot dl { margin: 0; padding: 9px 0 3px 33px; float: left; clear: both; } #foot dt { margin: 0; padding: 0 6px 0 0; float: left; color: #666; } #foot dt.last { padding-left: 11px; } #foot dd { margin: 0; padding: 0; float: left; color: #666; } #foot dd.first { border-right: 1px solid #000; padding-right: 11px; } #foot dd.telNo { font-weight: bold; color: #000; } #foot dd a, #foot dd a:visited, #foot dd a:hover { color: #677191; } #foot address { display: block; float: left; clear: both; font-style: normal; width: 700px; padding-left: 33px; color: #666; } /* Main Area */ .mainStructure { width: 784px; float: left; clear: both; padding: 0 0 21px 25px; background: #FFF url(../../img/ccw/mainBg.jpg) repeat-y 0 0; } /* One Column */ .oneCol .cellOne { width: width: 784px; background: #FFF; padding-top: 20px; } .oneCol .cellOne .block { padding: 0 5px 0 5px; } /* Two Column */ .twoCol .cellOne { width: 202px; float: left; } .twoCol .cellTwo { width: 530px; float: left; padding-left: 10px; background-color: #FFF; } .twoCol .cellTwo .block { padding: 0 5px 0 5px; } /* Two Column Reverse */ .twoColReverse .cellOne { width: 568px; float: left; background-color: #FFF; } .twoColReverse .cellTwo { width: 180px; float: left; background-color: #FFF; padding: 20px 0 20px 0; } .twoColReverse .cellTwo .block { padding: 0 5px 0 5px; } /* Three Column */ .threeCol .rightCells { float: left; width: 530px; padding-left: 10px; } .threeCol .cellOne { width: 202px; float: left; } .threeCol .cellOne .block { margin-bottom: 6px; } .threeCol .cellTwo { width: 333px; float: left; padding: 21px 16px 0 0; } .threeCol .cellThree { width: 181px; float: left; padding-top: 21px; } .threeCol .cellThree .block { margin-bottom: 13px; } /* Home Page */ .homePage .cellOne { width: 202px; float: left; } .homePage .cellOne .block { margin-bottom: 6px; } .homePage .rightCells { background: url(../../img/ccw/rightCellsBg.gif) no-repeat 0 0; float: left; width: 530px; padding-left: 10px; } .homePage .cellTwo { width: 530px; float: left; } .homePage .cellTwoBg { text-align: right; } .homePage .cellTwoBg a, .homePage .cellTwoBg a:visited, .homePage .cellTwoBg a:hover { padding: 0 26px 0 5px; color: #fff; background: url(../../img/ccw/arrowRightGreen.gif) no-repeat left 4px; font-weight: bold; font-size: 110%; } .homePage .cellThree { width: 241px; float: left; font-weight: bold; color: #1C727A; padding: 0 30px 0 0; } .homePage .cellFour { float: left; width: 259px; line-height: 1.3em; } .homePage .cellFive { float: left; width: 100%; clear: both; /*margin-bottom: 10px;*/ } .homePage .cellFive .multiContent .contentType { padding: 0 30px 10px 0; float: left; width: 477px; } .homePage .cellFive .multiContent h2.blockTitle { background: #0092B0 url(../../img/ccw/blockTitleBg.gif) repeat-x 0 0; float: left; clear: both; border: 0; color: #FFF; padding: 6px 0 6px 9px; border-left: 2px solid #0092B0; border-right: 2px solid #0092B0; width: 507px; font-weight: bold; } .homePage .cellFive .multiContent .docHead a, .homePage .cellFive .multiContent .docHead a:visited, .homePage .cellFive .multiContent .docHead a:hover { color: #0F6E77; font-weight: bold; background: url(../../img/ccw/arrowRightGreen.gif) no-repeat 0 4px; padding-left: 9px; } .homePage .cellFive .multiContent .description { padding: 4px 0; } .homePage .cellFive .multiContent .thumb { padding-right: 16px; padding-left: 26px; } .homePage .cellFive .multiContent .moreLink { float: left; width: 500px; text-align: right; } .homePage .cellFive .multiContent .moreLink a, .homePage .cellFive .multiContent .moreLink a:visited, .homePage .cellFive .multiContent .moreLink a:hover { color: #0F6E77; font-weight: bold; background: url(../../img/ccw/arrowRightGreen.gif) no-repeat right 5px; padding-right: 10px; display: block; } .homePage .contSixSeven { clear: both; float: left; width: 100%; } .homePage .cellSix { width: 257px; float: left; clear: both; } .homePage .cellSix .multiContent .contentType { width: 222px; padding: 0 30px 0 14px; } .homePage .cellSix .multiContent .description { padding: 4px 0 0 9px; } .homePage .cellSix .multiContent h2.blockTitle { background: url(../../img/ccw/cellSixTitleBg.gif) no-repeat 0 0; float: left; clear: both; border: 0; color: #FFF; padding: 6px 0 6px 11px; width: 246px; font-weight: bold; } .homePage .cellSix .multiContent .docHead a, .homePage .cellSix .multiContent .docHead a:visited, .homePage .cellSix .multiContent .docHead a:hover { color: #2A82C1; font-weight: bold; background: url(../../img/ccw/arrowRightBlue.gif) no-repeat 0 4px; padding-left: 9px; display: block; } .homePage .cellSix .multiContent .moreLink { float: left; clear: both; text-align: right; width: 247px; } .homePage .cellSix .multiContent .moreLink a, .homePage .cellSix .multiContent .moreLink a:visited, .homePage .cellSix .multiContent .moreLink a:hover { color: #2A82C1; font-weight: bold; background: url(../../img/ccw/arrowRightBlue.gif) no-repeat right 5px; padding-right: 10px; } .homePage .cellSeven { width: 247px; float: left; padding-left: 15px; } .homePage .cellSeven .multiContent .contentType { width: 192px; padding: 0 30px 0 12px; } .homePage .cellSeven .multiContent .description { padding: 4px 0 0 9px; } .homePage .cellSeven .multiContent h2.blockTitle { background: url(../../img/ccw/cellSevenTitleBg.gif) no-repeat 0 0; float: left; clear: both; border: 0; color: #FFF; padding: 6px 0 6px 11px; width: 234px; font-weight: bold; } .homePage .cellSeven .multiContent .docHead a, .homePage .cellSeven .multiContent .docHead a:visited, .homePage .cellSeven .multiContent .docHead a:hover { color: #BA8BB6; font-weight: bold; background: url(../../img/ccw/arrowRightPurple.gif) no-repeat 0 4px; padding-left: 9px; display: block; } .homePage .cellSeven .multiContent .moreLink { float: left; clear: both; text-align: right; width: 237px; } .homePage .cellSeven .multiContent .moreLink a, .homePage .cellSeven .multiContent .moreLink a:visited, .homePage .cellSeven .multiContent .moreLink a:hover { color: #BA8BB6; font-weight: bold; background: url(../../img/ccw/arrowRightPurple.gif) no-repeat right 5px; padding-right: 10px; } /* Breadcrumb Trail */ #bread { background: url(../../img/ccw/breadBg.gif) no-repeat 0 0; float: left; width: 530px; height: 27px; color: #FFF; } #bread .intro { color: #FFF; padding-left: 8px; } #bread .breadcrumb { color: #0C3; } #bread a.breadcrumb, #bread a.breadcrumb:visited, #bread a.breadcrumb:hover { color: #0C9; } #bread a.active, #bread a.active:visited, #bread a.active:hover { color: #0FC; } /* Area Search */ .homePage .cellOne .areaSearch, .threeCol .cellOne .areaSearch { margin-bottom: 0; } .areaSearch { background: #F60 url(../../img/ccw/areaSearchBg_n.gif) no-repeat 0 0; float: left; clear: both; width: 202px; padding: 0 0 6px 0; } .areaSearchCurves { background: #F60 url(../../img/ccw/areaSearchBg_s.gif) no-repeat 0 0; float: left; width: 202px; height: 16px; } .homePage .cellOne .areaSearchCurves, .threeCol .cellOne .areaSearchCurves { margin-bottom: 6px; } .areaSearch h2.blockTitle { color: #FFF; border: 0; padding: 8px 0 0 12px; margin: 0; } .areaSearch p { margin: 0; padding: 5px 0 14px 12px; float: left; color: #FFF; } .areaSearch .textField { width: 122px; border: 1px solid #2A82C1; background: #F2F2F7; float: left; margin: 0 2px 0 19px; padding-left: 3px; } .areaSearch .submitButton { float: left; } /* Breadcrumb */ .breadcrumbBar { width: 394px; float: left; padding: 4px 0 5px 6px; } .breadcrumbBar .breadcrumb { color: #FFF; } .breadcrumbBar a, .breadcrumbBar a:visited { color: #FFF; text-decoration: underline; } .breadcrumbBar a.active { font-weight: bold; } .breadcrumbBar a:hover { color: #FFF; text-decoration: none; } /* Search Box */ .searchBox .submitButton { border: 1px solid #333; color: #FFF; margin-left: 3px; } /* ConQuickQuiz */ .conQuickQuiz .submitLink { margin-top: 5px; } .conQuickQuiz .submitButton { border: 1px solid #333; color: #FFF; margin-left: 3px; } /* Multi Content */ .multiContent ul.multiList { margin: 0; padding: 0; width: 100%; } .multiContent ul.multiList li { list-style-type: none; width: 100%; } .multiContent .cellTwo hr.sepdefault { float: left; clear: both; display: block; width: 100%; margin-top: 1em; } .homePage .cellFive .multiContent hr { float: left; clear: both; display: block; width: 520px; } .homePage .cellSix .multiContent hr { width: 257px; } .homePage .cellSeven .multiContent hr { width: 245px; } .twoCol .cellTwo .multiContent hr { width: 520px; } .threeCol .cellTwo .multiContent hr { width: 317px; clear: left; } /* .multiContent .bodyText li { list-style-type: disc; } */ .multiContent li .content { padding: 0em; margin: 0em; } .multiList { list-style-type: none; padding: 0; margin: 0; float: left; clear: both; width: 100%; } .multiList li { float: left; clear: both; } .multiList li.firstColumn, .multiList li.midColumn, .multiList li.lastColumn { float: left; } .multiList li.lastColumn { clear: right; margin-right: 0; } .multiList li.firstColumn, .multiList li.midColumn { padding-right: 0.5em; } ul .content { float: none; } /* end Multicontent */ /* Search Results */ .searchContent { margin-bottom: 20px; float: left; } .searchContent li { margin-bottom: 0.8em; } .searchContent li a, .searchContent li a:visited, .searchContent li a:hover { font-weight: bold; } .searchContent .searchResultText { margin-bottom: 0.8em; } .searchContent .searchWord { font-weight: bold; } .searchContent a.currentpage, .searchContent a.currentpage:visited { font-weight: bold; } /* Content Tools */ .contentTools ul { margin: 0; padding: 0 0 0 20px; } .contentTools li { padding: 0; } /* Content Index */ .contentIndex ul { margin: 0; padding: 0 0 0 20px; } .contentIndex ol { margin: 5px 0 0 0; padding: 0 0 0 20px; } .contentIndex ol li { list-style-type: none; } .contentIndex li { padding: 0; } .contentIndex .currentpage { font-weight: bold; } /* ConWebDoc */ .bodyText .firstPara { font-size: 130%; font-weight: bold; } .conWebDoc .pagination { text-align: right; } .conWebDoc .pagination a.current, .conWebDoc .pagination a.current:visited { font-weight: bold; } /* ConEvent */ .conEvent .label { font-weight: bold; } .conEvent .dateAndTime { margin-top: 0.8em; } /* MultiEvent */ .multiEvent .searchResult { float: left; width: 100%; clear: both; } .multiEvent .eventDetails { float: left; margin-left: 10px; } .multiEvent .eventDetails div { float: left; width: auto; clear: both; margin-bottom: 1em; } .multiEvent .eventDetails div div { float: left; width: auto; clear: none; } .multiEvent .eventDetails div div.label { float: left; width: 80px; } /* Calendar */ .threeCol .cellThree .calendar { width: 170px; } .calendar .day { background-color: #FFF; } .calendar table td.noDay { background-color: #CCC; } .calendar .calWeek { text-transform: uppercase; font-weight: normal; color: #000; } .calendar .calendarHeading { text-align: center; } .calendar table { width: 100%; } .calendar table th, .calendar table td { text-align: center; } .calendar table td { border: 1px solid #666; } .calendar table td.calCell1, .calendar table td.calCell2, .calendar table td.calCell3, .calendar table td.calCell4, .calendar table td.calCell5 { background-color: #BA8BB6; color: #FFF;; } .calendar table td.calCell1 a, .calendar table td.calCell1 a:hover, .calendar table td.calCell1 a:visited, .calendar table td.calCell2 a, .calendar table td.calCell2 a:hover, .calendar table td.calCell2 a:visited, .calendar table td.calCell3 a, .calendar table td.calCell3 a:hover, .calendar table td.calCell3 a:visited, .calendar table td.calCell4 a, .calendar table td.calCell4 a:hover, .calendar table td.calCell4 a:visited, .calendar table td.calCell5 a, .calendar table td.calCell5 a:hover, .calendar table td.calCell5 a:visited { color: #FFF;; text-decoration: none; } /* ConForm */ div.important { color: red; } div.conForm, div.searchFields { margin: 0; padding: 0; } div.conForm div.introText { margin: 1em 0; } /*** Rows ***/ div.conForm div.submitRow, /* Remember, this is always at the bottom of the form */ div.searchFields div.searchFieldsSubmit { text-align: center; } .cellTwo div.conForm div.formRow, .cellTwo div.conForm div.submitRow, /* CHANGE THIS??? */ .cellTwo div.searchFields div.advFreeTextRow, .cellTwo div.searchFields div.searchFieldsOption, .cellTwo div.searchFields div.checkboxContainers, .cellTwo div.searchFields div.searchFieldsSubmit { float: left; width: 369px; clear: both; /* just to be on the safe side */ margin: 0 0 1em 0; /* For some reason, Firefox doesn't honour the bottom margin on the submitrow */ padding: 0; } .twoCol .cellTwo div.conForm div.formRow, .twoCol .cellTwo div.conForm div.submitRow, /* CHANGE THIS??? */ .twoCol .cellTwo div.searchFields div.advFreeTextRow, .twoCol .cellTwo div.searchFields div.searchFieldsOption, .twoCol .cellTwo div.searchFields div.checkboxContainers, .twoCol .cellTwo div.searchFields div.searchFieldsSubmit { width: 558px; } /*** end Rows ***/ div.fieldsAsteriskReqd { font-weight: bold; } div.conForm div.fieldLeft, /* Left-justifies label / field */ div.searchFields div.fieldLeft { text-align: left; } div.conForm div.fieldRight { /* Right-justifies label / field */ text-align: right; } div.conForm div.fieldLeft, div.conForm div.fieldRight, div.searchFields div.fieldLeft { float: left; /* This left justifies the div against the margin or fieldleft respectively */ width: 125px; vertical-align: top; } div.conForm div.fieldLeft label, div.conForm div.fieldRight label, div.conForm /*div.fieldRight */.radioGroupLabel, div.searchFields div.advFreeTextRow label, div.searchFields div.searchFieldsOption label { font-size: 90%; font-weight: bold; } div.searchFields div.checkboxContainers label { font-size: 90%; font-weight: normal; } div.conForm div.radioButtonContainers, div.searchFields div.radioButtonContainers { /* THIS INCLUDES CHECKBOXES */ float: left; margin: 0; padding: 0 1em 0 0; } div.conForm div.stacked, div.searchFields div.stacked { float: none; } div.conForm div.bdyText, /* Used for response text */ div.conForm div.description, /* Intro text */ div.conForm div.formPlaintext { margin: 0 0 1em 0; padding: 0; } div.conForm div.blanklabel, div.conForm span.blanklabel { float: left; clear: left; width: 125px; text-align: right; } div.conForm div.frmfield, div.searchFields div.frmfield { /* This *contains* the field */ } div.searchFields input.yearFields { width: 50px; } div.conForm textarea.textarea1 { font-family: Verdana, Arial, sans-serif; font-size: 100%; } div.searchFields label.radioLabel { padding: 0; margin: 0 0.5em 0 0; } div.searchFields div.checkboxContainers input.radio { margin: 0 1em 0 0; } div.searchFields div.checkboxContainers div.groupLabels { clear: both; font-size: 90%; font-weight: bold; margin: 0; padding: 0; } div.searchFields div.checkboxContainers div.above { margin: 0 0 1em 0; } /* User Account */ .userAccount { float: left; clear: both; } .userAccount .submitButton { border: 1px solid #333; color: #FFF; background-color: #039; } .userAccount ul { margin: 0; padding: 0 14px; } .userAccount ul li { padding: 0; } .userAccount input.formField { width: 130px; } .userAccount .submitRow { margin-top: 0.3em; } .userAccount .nameCell { width: 40%; } .userAccount .fieldCell { width: 60%; } .userAccount .loggedInAs { margin-bottom: 5px; } .regFields label { float: left; width: 120px; } .regFields .radio { float: left; } .regFields .checkbox { width: 30px; float: left; } .regFields .radioLabel { width: 50px; } .regFields .checkboxGroup { float: left; width: 185px; } .regFields .checkboxGroup label, .regFields .checkboxGroup input { float: none; } .regFields .checkboxGroup label { display: inline; } .regFields .submitRow { margin-left: 120px; } .regFields .text, .regFields textarea { float: left; width: 180px; } .regFields textarea { height: 50px; font-family: Verdana, Arial, sans-serif; } .regFields fieldset { width: 380px; padding: 4px 0; } .regFields h2 { float: left; margin-bottom: 0.5em; } .error { float: left; clear: both; } /* ConForum */ .conForum .foruminfotable, .conForum .postTable { border-collapse: collapse; } .conForum .postTable { width: 380px; margin: 15px 0; } .conForum .foruminfotable td, .conForum .postTable th, .conForum .postTable td { padding: 3px; } .conForum .postTable td { border-bottom: 1px solid #CCC; } .conForum .postTable th { background: #CCC; border: 1px solid #CCC; } .conForum .postTable .threadCell { width: 45%; } .conForum .postTable .repliesCell { width: 15%; } .conForum .postTable .lastPostCell { width: 40%; } .conForum .embedImg { max-width: 100%; } .conForum .field { font-weight: bold; } .conForum .fieldHead { font-weight: bold; float: left; width: 110px; clear: both; } .conForum fieldset { margin: 0; padding: 4px 0; } .conForum .postInfo fieldset { border-bottom: 1px solid #CCC; } .conForum .postInfo .noBorder { border: 0; } .conForum .fieldValue { float: left; width: 220px; } .conForum .submitRow { margin: 5px 0 0 110px; } .conForum .submitButton { border: 1px solid #333; color: #FFF; margin-left: 3px; font-size: 90%; } .conForum .forumOptions { padding: 0; margin: 0 20px; } .conForum .hr { background: #CCC; height: 1px; margin: 3px 0; } .forumInfo, .postInfo { margin: 10px 0; } .postInfo label { width: 110px; font-weight: bold; float: left; } .postInfo .text, .postInfo textarea { width: 220px; font-size: 100%; } .postInfo textarea { height: 100px; font-family: Verdana, Arial, sans-serif; } /* Part Relations */ div.conWebDoc div.hasPartRelations { margin-top: 1em; } div.conWebDoc div.hasPartRelations div.pdfFile { padding-left: 19px; padding-bottom: .5em; background-image: url(../../img/pdf.gif); background-repeat: no-repeat; background-position: top left; } div.conWebDoc div.hasPartRelations div.docFile { padding-left: 19px; padding-bottom: .5em; background-image: url(../../img/doc.gif); background-repeat: no-repeat; background-position: top left; } div.conWebDoc div.hasPartRelations div.rtfFile { padding-left: 19px; padding-bottom: .5em; background-image: url(../../img/file.gif); background-repeat: no-repeat; background-position: top left; } div.conWebDoc div.hasPartRelations div.pptFile { padding-left: 19px; padding-bottom: .5em; background-image: url(../../img/ppt.gif); background-repeat: no-repeat; background-position: top left; } div.conWebDoc div.hasPartRelations div.xlsFile { padding-left: 19px; padding-bottom: .5em; background-image: url(../../img/xls.gif); background-repeat: no-repeat; background-position: top left; } div.conWebDoc div.hasPartRelations div.htmlFile { padding-left: 19px; padding-bottom: .5em; background-image: url(../../img/html.gif); background-repeat: no-repeat; background-position: top left; } /* end Part Relations */ /* Related Information (RelatedContent) and glossary */ .threeCol .cellThree .relatedLinks, .threeCol .cellThree .glossaryView { width: 170px; } .glossaryView, .relatedLinks { float: left; clear: both; } .glossaryView h2.blockTitle, .relatedLinks h2.blockTitle { background: url(../../img/ccw/relatedBg_n.gif) no-repeat 0 0; padding: 5px 0 6px 16px; color: #FFF; border: 0; margin: 0; } .glossaryView .round, .relatedLinks .round { background: url(../../img/ccw/relatedBg_s.gif) no-repeat 0 0; width: 170px; height: 17px; float: left; clear: both; } .glossaryView .blkBody { border-left: 1px solid #0192B0; border-right: 1px solid #0192B0; } .glossaryView dl { margin: 0; padding: 0 15px; } .glossaryView dt { margin: 0; padding-top: 15px; font-weight: bold; } .glossaryView dd { margin: 0; padding: 0; } .relatedLinks ul { list-style-type: none; margin: 0; padding: 1em 0 0; border-left: 1px solid #0192B0; border-right: 1px solid #0192B0; width: 168px; } .relatedLinks li { margin: 0; padding: 0 0 0.7em; } .relatedLinks li a, .relatedLinks li a:visited, .relatedLinks li a:hover { padding: 0 0 0 15px; background: url(../../img/ccw/arrowRightGreen.gif) no-repeat 6px 4px; color: #0092B0; font-weight: bold; display: block; } .relatedLinks li a img, .relatedLinks li a:link img, .relatedLinks li a:visited img, .relatedLinks li a:hover img { padding-right: 2px; } .relatedLinks .description { padding: 2px 0 0 15px; } /* Related Links fix for support item 10010 20080213 */ .twoCol .cellOne .relatedLinks h2.blockTitle { width: 154px; } .homePage .cellOne .relatedLinks h2.blockTitle { width: 154px; } .twoCol .cellOne .relatedLinks li { width: 168px; } /* End related links fix */ /* end Related Information (RelatedContent) */ /* Spotlight multi content */ .spotlight { float: left; clear: both; background-color: #EFE3EF; margin-top: 10px; width: 100%; } .threeCol .cellThree .spotlight, .cellOne .spotlight { width: 170px; } .spotlight h2.blockTitle { background: url(../../img/ccw/spotBg_n.gif) no-repeat 0 0; padding: 5px 0 6px 16px; color: #FFF; border: 0; margin: 0; background-color: #FFF;; } .spotlight ul { list-style-type: none; margin: 0; padding: 0 0 0.8em; background: #EFE3EF; width: 100%; } .spotlight ul.spotList { padding-left: 17px; width: auto; } .spotlight li { margin: 0; padding: 0 0 0.5em; } .spotlight .thumb { padding: 0 0 0.7em; } .spotlight .docHead a, .spotlight .docHead a:visited, .spotlight .docHead a:hover { padding: 0 0 0 15px; background: url(../../img/ccw/arrowRightPurple.gif) no-repeat 6px 4px; color: #8D5A85; font-weight: bold; display: block; } .spotlight .description { padding: 0 0 0 15px; } .spotlight .round { background: url(../../img/ccw/spotBg_s.gif) no-repeat 0 0; float: left; clear: both; width: 170px; height: 15px; background-color: #FFF;; } /* Feature block */ .feature { float: left; clear: both; } .threeCol .cellThree .feature { width: 170px; } .feature h2.blockTitle { background: url(../../img/ccw/featureBg_n.gif) no-repeat 0 0; padding: 5px 0 6px 16px; color: #FFF; border: 0; margin: 0; } .feature ul { list-style-type: none; margin: 0; padding: 7px 0 0; background: #FE9900 url(../../img/ccw/featureBg_s.jpg) no-repeat 0 bottom; width: 170px; } .feature li { margin: 0; padding: 0 0 0.5em; } .feature .thumb { padding: 0 0 0.7em; } .feature .docHead a, .feature .docHead a:visited, .feature .docHead a:hover { padding: 0 0 0 15px; background: url(../../img/ccw/arrowRightBlack.gif) no-repeat 6px 4px; color: #000; font-weight: bold; display: block; } .feature .description { padding: 0 0 0 15px; } /* Water companies block */ .yellow { background: #F90 url(../../img/ccw/yellowBg_n.gif) no-repeat 0 0; float: left; clear: both; width: 202px; padding: 0 0 6px 0; color: #FFF; } .yellow a, .yellow a:visited, .yellow a:hover { color: #FFF; font-weight: bold; } .homePage .cellOne .yellow, .threeCol .cellOne .yellow { margin-bottom: 0; } .yellow h2.blockTitle { color: #FFF; border: 0; padding: 8px 0 0.4em 12px; margin: 0; } .yellow ul.multiList { padding: 0 0 0 12px; width: 190px; } .yellow .bodyText p { margin: 0; } .yellow .bodyText .firstPara { font-size: 100%; font-weight: normal; } .yellow .moreLink { float: left; width: 188px; text-align: right; padding-top: 8px; } .yellow .moreLink a, .yellow .moreLink a:visited, .yellow .moreLink a:hover { text-align: right; background: url(../../img/ccw/arrowRightGold.gif) no-repeat right 0; padding: 2px 30px 6px 0; color: #FFF; font-weight: bold; display: block; } .yellow .fileTitle { margin: 12px 0 6px 0; } .yellowBgS { background: url(../../img/ccw/yellowBg_s.gif) no-repeat 0 0; float: left; clear: both; width: 202px; height: 15px; margin-bottom: 6px; } /* Water Calc */ .waterCalc fieldset { float: left; clear: both; display: block; width: 306px; margin: 0 0 1em; padding: 0; } .waterCalc fieldset.select { text-align: right; } .waterCalc label { float: left; width: 224px; display: block; padding: 0 10px 0 0; margin: 0; } .waterCalc label.hidden { display: none; } .waterCalc select { padding: 0; margin: 0; border: 1px solid #0F6E77; } .waterCalc input.text { width: 68px; padding: 0 0 0 2px; margin: 0; border: 1px solid #0F6E77; float: left; } .waterCalc .submitRow { float: left; clear: both; width: 306px; text-align: right; } .waterCalc input.submit { width: 72px; border: 1px solid #0F6E77; background: #0F6E77; color: #FFF; padding: 0; } .waterCalc .error { color: #F00; } .waterCalc h2 { float: left; clear: both; margin: 0.5em 0 0; padding: 0; color: #086D73; width: 100%; } .waterCalc .results { width: 306px; border-top: 1px solid #0F6E77; float: left; clear: both; margin-top: 10px; } .waterCalc dl { float: left; clear: both; width: 306px; margin: 0.7em 0 0; padding: 0; } .waterCalc dt { float: left; width: 236px; font-weight: bold; margin: 0; padding: 0; display: block; } .waterCalc dt.noBold { font-weight: normal; } .waterCalc dd { float: left; margin: 0; padding: 0; display: block; width: 70px; text-align: right; } /*[StuA], template changes - 270906 */ .paginationlinks { clear: left; margin: 0; padding: 0; } .spotlight .paginationlinks, .feature .paginationlinks, .yellow .paginationlinks { padding: 0 5px 0 15px; } .cellThree img.fileTypeIcon { padding: 3px 0 0 3px; } .cellFive .fileTitle { width: 516px; } .cellFive img.fileTypeIcon, .cellTwo img.fileTypeIcon { float: left; padding-right: 3px; } div.filesize { padding: 3px 3px 3px 15px; } div.title { padding: 3px; } .cellTwo input { margin-top: 3px; } .waterCalc select { width: 492px; font-size: 94%; /*Needed to use fixed pixels for IE*/ } .waterCalc option { font-size: 94%; } div.fileTitle a, div.fileTitle a:visited { font-weight: bold; } div.fileTitle a:hover { font-weight: bold; } div.fileTitle a img, div.fileTitle a:link img, div.fileTitle a:visited img, div.fileTitle a:hover img { padding-right: 2px; } .searchFields label { margin-right: 5px; } .cellTwo a, .cellTwo a:visited { font-weight: bold; } .cellTwo a:hover { font-weight: bold; } /* DHTML tooltip styles */ #dhtmltooltip{ position: absolute; left: -300px; width: 150px; border: 1px solid black; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); } #dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; } .hasPartRelations div { float: left; clear: left; margin-top: 15px; width: 100%; } .hasPartRelations img.fileTypeIcon { clear: both; } div.homePage div.cellFive { margin-bottom: 0; } /* StuA - fixed support item */ .cellOne .conSurvey .survey .blockBody div input { margin-left: -5px; } .cellOne .conSurvey .submitLink input { float: right; margin: 10px 15px 0 0; } .cellOne .conSurvey .blockBody form { margin-left: 12px; } .cellOne .conSurvey .surveyChoice { font-weight: bold; clear: both; } .cellOne .conSurvey .surveyPercentage { float: left; margin-right: 3px; } /* Spotlight advertset spacing */ .cellThree .advertSet .subText { padding: 10px; } /* NR Main advert set pointer cross browser fix */ .cellTwo .advertSet .advertSetVert a:hover { cursor:pointer; cursor:hand; } .cellTwo .advertSet .advertSetHoriz a:hover { cursor:pointer; cursor:hand; } .contentcontainer { float:left; margin-top:10px; width:100%; } .cellTwo .spotlight h2.blockTitle { background:#FFFFFF url(../../img/ccw/spotBg_n_mid.GIF) no-repeat scroll 0pt; } .cellTwo .spotlight .round { background:#FFFFFF url(../../img/ccw/spotBg_s_mid.GIF) no-repeat scroll 0pt; } /* ==== Research Docs Search ==== */ .researchDocsSearch form { margin: 0 0 15px 0; padding: 0; float: left; } .researchDocsSearch .blkBdy { background: #F6F6F6 url(../../img/ccw/roundedTop.gif) no-repeat 0 0; float: left; width: 330px; padding: 15px 0 15px 0; } .researchDocsSearch .bottom { background: #F6F6F6 url(../../img/ccw/roundedBottom.gif) no-repeat 0 0; float: left; width: 330px; height: 10px; } .researchDocsSearch .searchFieldsBody { margin-left: 8px; margin-bottom: 15px; } *+html .researchDocsSearch .searchFieldsBody { margin-left: 4px; } div.cellTwo .searchFields.researchDocsSearch div.searchFieldsOption { margin: 0 0 15px 8px; float: left; width: auto; } .researchDocsSearch fieldset { padding: 0; margin: 0; } .researchDocsSearch #advFreeText, .researchDocsSearch select { margin-right: 8px; } .researchDocsSearch .goButton, .researchDocsSearch select, .researchDocsSearch #advFreeText, .goSubmit { vertical-align: middle; } .researchDocsSearch #advFreeText { width: 232px; } .researchDocsSearch .selectList { height: 20px; width: 238px; } .researchDocuments ul { list-style: none; padding: 0px; width: 100%; margin: 0; float: left; } .researchDocuments ul.left { width: 50%; } .researchDocuments ul.right { width: 50%; } .researchDocuments ul ul { padding-left: 10px; background: none; display: block; margin-left: 0; } .researchDocuments ul li { padding: 5px; } .researchDocuments ul li a { display: block; } .researchDocuments a, .researchDocuments a:visited, .researchDocuments a:hover, .researchDocuments a:active { padding-left: 15px; } .researchDocuments ul ul a, .researchDocuments ul ul a:visited, .researchDocuments ul ul a:hover, .researchDocuments ul ul a:active { padding: 0px; margin-left: 10px; font-weight: normal; } .researchDocuments a.open { background: transparent url(../../custom/ccw/minus.png) no-repeat scroll; } .researchDocuments a.closed { background: transparent url(../../custom/ccw/plus.png) no-repeat scroll; } .researchDocuments ul.loading { height: 50px; background: transparent url(../../custom/ccw/loading.gif) no-repeat scroll center center; } .researchDocumentsSearch input { margin: 0; padding-bottom: 2px; float: left; } #myDiv { font-size: 16px; }