/*-------------------------------------------------------------------------- Default CSS Author: Che de Bruin Date: 07-23-2008 Description: Layout for the entire web-site --------------------------------------------------------------------------*/ * { -moz-box-sizing: border-box; } html, body { cursor: auto; height: 100%; width: 100%; margin: 0px; padding: 0px; font-size: 10px; background-color: white; background-image: url('../../images/backgrounds/main.jpg'); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; } .StandardText { font-family: Arial; font-size: 12px; color: Black; } .StandardTextWhite { font-family: Arial; font-size: 12px; color: White; } .ClearStyle { font-family: Arial; font-size: 12px; color: Black; text-decoration: none; } .ClearStyle a { font-family: Arial; font-size: 12px; color: Black; text-decoration: none; } #MainPage { width: 982px; background-image: url('../../images/backgrounds/page.png'); background-repeat: repeat-y; z-index: -100; } .AJAXError { padding: 5px; font-family: Arial; font-size: 12px; color: #606060; } #HeaderNavigation { width: 950px; position: relative; top: 8px; text-align: left; padding-left: 10px; font-family: Arial; font-size: 12px; color: White; } #HeaderNavigation a { margin: 3px; font-family: Arial; font-size: 12px; color: White; text-decoration: none; } #FontSize { position: absolute; margin-left: 790px; top: -25px; } #FontSize div { padding-left: 3px; padding-right: 3px; margin-left: 3px; text-align: center; vertical-align: text-bottom; border: 1px solid white; font-family: Times New Roman; color: White; cursor: pointer; } #HeaderBar { width: 100%; height: 172px; margin-bottom: 1px; background-image: url('../../images/backgrounds/header.jpg'); } #HeaderSeal { width: 100%; height: 100px; padding-top: 15px; } #HeaderSeal td { padding-left: 20px; text-align: left; vertical-align: middle; } #PageHeader_CouncilHeadshot { width: 198px; } #PageHeader_CouncilHeadshot td { width: 33px; height: 33px; padding: 0px; margin: 0px; vertical-align: text-top; background-image: url('../../images/backgrounds/council.png'); background-repeat: no-repeat; background-position: left top; } #PageHeader_CouncilHeadshot img { width: 25px; height: 25px; padding: 0px; margin: 0px; cursor: pointer; position: relative; } #CouncilChair { width: 60px; height: 60px; padding: 0px; margin: 0px; vertical-align: text-top; background-image: url('../../images/backgrounds/chairman.png'); background-repeat: no-repeat; background-position: left top; } #CouncilChair img { width: 50px; height: 50px; padding: 0px; margin: 0px; cursor: pointer; position: relative; } .CouncilPopup { width: 200px; position: absolute; } #PageHeader_CouncilHeadshotText{ margin: 0px; font-family: Arial; font-size: 11px; color: White; background-image: url('../../images/backgrounds/councilheadshot.png'); } #HeaderSearch { width: 950px; height: 30px; text-align: right; padding-bottom: 5px; } #HeaderSearch td { padding-left: 5px; font-family: Arial; font-size: 12px; color: White; vertical-align: middle; } #HeaderSearch input { font-family: Arial; font-size: 12px; color: Black; } #MainNavigation { width: 950px; height: 35px; background-image: url('../../images/backgrounds/navigation.png'); text-align: left; } .MainNavTable { height: 35px; position: relative; } .MainNavTable div { font-family: Arial; font-size: 12px; color: White; font-weight: bolder; text-transform: uppercase; padding-left: 10px; padding-right: 5px; } .MainNavTable a { cursor: pointer; font-family: Arial; font-size: 12px; color: White; font-weight: bolder; text-transform: uppercase; text-decoration: none; } #NavigationHolder { width: 950px; position: absolute; text-align: left; z-index: 10 } #NavigationMenu { width: 950px; background-image: url('../../images/backgrounds/menu.png'); text-align: left; } #NavigationMenu td { vertical-align: top; padding-right: 10px; } #NavigationMenu div { font-family: Arial; font-size: 12px; color: #FFFFFF; padding-bottom: 3px; } #NavigationMenu h1 { margin: 0px; padding-top: 5px; font-size: 12px; color: #FFFFFF; font-weight: bold; } #NavigationMenu h2 { margin: 0px; font-size: 12px; color: #FFFFFF; font-weight: normal; text-decoration: underline } #NavigationMenu a { color: #FFFFFF; text-decoration: none; } .WhiteLine { width: 1px; padding: 0px; background-image: url('../../images/backgrounds/pixelwhite.gif'); background-repeat: repeat-y;} /*-------------------------------------------------------------------------- Media Panel Author: Che de Bruin Date: 07-23-2008 Description: Layout for the media panel --------------------------------------------------------------------------*/ #MediaPanel { width: 950px; } #NewsPanel { width: 650px; height: 270px; } .NewsPanelOptions { width: 208px; height: 270px; background-color: White; background-image: url('../../images/backgrounds/newspanel.jpg'); background-repeat: repeat-x; background-position: top; vertical-align: top; } .NewsPanelSwitch { width: 192px; height: 15px; margin-top: 5px; font-family: Arial; font-size: 11px; color: #606060; text-align: left; cursor: pointer; } .NewsPanelHeadline { width: 192px; height: 44px; margin-top: 4px; border: solid #CECECD 1px; background-color: White; font-family: Arial; font-size: 11px; color: #606060; text-align: left; cursor: pointer; } #VideoPanel { width: 649px; height: 270px; position: relative; margin-top: -270px; margin-right: 1px; background-image: url('../../images/backgrounds/video.png'); } #VideoContent { position: relative; padding-left: 10px; padding-right: 10px; padding-top: 5px; font-family: Arial; font-size: 12px; color: #FFFFFF; text-decoration: none; text-align: left; } #VideoPlayer { z-index: 1; } .NewsPanelImage { width: 440px; height: 270px; background-color: White; padding-left: 1px; padding-right: 1px; vertical-align: top; } .NewsImage { width: 440px; height: 270px; background-color: White; } #NewsBackground { width: 440px; height: 60px; position: relative; margin-top: -60px; background-image: url('../../images/backgrounds/newstext.png'); } #NewsText { position: relative; padding-left: 10px; padding-right: 10px; padding-top: 5px; font-family: Arial; font-size: 12px; color: #FFFFFF; text-decoration: none; } .ResourcePanel { width: 300px; height: 270px; background-image: url('../../images/backgrounds/resourcepanel.jpg'); background-repeat: no-repeat; } .PanelHeader { width: 280px; height: 20px; margin-left: 10px; margin-right: 10px; margin-top: 10px; border-bottom: solid White 1px; font-family: Arial; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; } #ResourceLinks { width: 280px; height: 78px; margin-left: 10px; margin-right: 10px; } #ResourceLinks a { font-family: Arial; font-size: 12px; color: #FFFFFF; text-decoration: none; } #ResourceLinks a:hover { text-decoration: underline; } #ResourceLinks div { padding-top: 5px; } #Marquee { z-index: 2; } #MarqueePanel { width: 280px; height: 130px; margin-left: 10px; margin-right: 10px; z-index: 10; } #MarqueePanel a { font-family: Arial; font-size: 12px; color: #FFFFFF; text-decoration: underline; } /*-------------------------------------------------------------------------- General Page Author: Che de Bruin Date: 08-19-2008 Description: Layout for the inside pages --------------------------------------------------------------------------*/ #Page { width: 100%; background-image: url('../../images/backgrounds/page.jpg'); background-repeat: no-repeat; background-position: top; } #PageHeaderBar { width: 100%; margin-top: 1px; margin-bottom: 1px; height: 30px; border-bottom: solid 1px #E3E3E3; background-image: url('../../images/backgrounds/crumbs.jpg'); background-repeat: repeat-x; background-position: bottom; } #PageHeaderBar div { padding-top: 7px; padding-left: 10px; padding-right: 10px; text-align: left; font-family: Arial; font-size: 12px; color: #336699; } #PageHeaderBar a { margin: 0px; font-size: 12px; color: #336699; font-weight: bolder; text-decoration: none } #PageHeaderBar a:hover { text-decoration: underline } .PageHeaderInfo { color: #606060; width: 100%; font-family: Arial; font-size: 12px; color: Black; font-weight: bold; padding-bottom: 5px; text-decoration: none; } #PageTitle { width: 100%; font-family: Arial; font-size: 24px; color: Black; padding-bottom: 10px; text-decoration: none; } .EventDateInfo { width: 100%; font-family: Arial; font-size: 12px; font-weight: bold; color: Black; text-decoration: none; } #PageImageText { width: 100%; font-family: Arial; font-size: 11px; color: #999999; font-style: italic; padding: 5px; padding-bottom: 10px; text-decoration: none; } .PageContent { width: 100%; font-family: Arial; font-size: 12px; color: Black; padding-bottom: 3px; text-decoration: none; } .PageContent h1 { margin: 0px; padding-bottom: 5px; font-size: 13px; color: Black; font-weight: bold; text-decoration: none; } .PageContent h2 { margin: 0px; padding-top: 10px; font-size: 12px; color: Black; font-weight: bold; text-decoration: none; cursor: pointer; } .PageContent a { color: #336699; text-decoration: underline; } .SearchContent { width: 100%; font-family: Arial; font-size: 12px; color: Black; padding-bottom: 3px; text-decoration: none; } .SearchContent h1 { margin: 0px; padding-bottom: 3px; color: #336699; font-size: 13px; font-weight: bold; } .SearchContent h2 { margin: 0px; padding: 0px; font-size: 12px; color: Black; font-weight: bold; text-decoration: none; cursor: pointer; } .SearchContent a { color: #336699; text-decoration: underline; } .LinkPageTabs { width: 528px; overflow: hidden; } .LinkPageArrows { width: 100%; position: relative; top: -2; z-index: 1; text-align: center; } .LinkPageArrows img { margin-right: 5px; } #SectionHolder { float: right; margin: 0px 0px 10px 20px; } #SectionHolder div { font-family: Arial; font-size: 11px; } #GoogleMap { width: 300px; height: 300px; border: 1px solid #CCCCCC; } #ImagePlaceHolder { border: 1px solid #CCCCCC; } #ImageHolder { width: 300px; height: 225px; overflow: hidden; } #ImageGalleryText { width: 300px; height: 38px; overflow: hidden; position: absolute; margin-top: -39px; margin-left: 1px; font-family: Arial; font-size: 11px; background-image: url('../../images/backgrounds/calendar.png'); } #ImageGalleryHolder { border: 1px solid #CCCCCC; border-top: 0px; } #ImageGalleryArrows { width: 300px; padding-top: 8px; padding-bottom: 8px; font-family: Arial; font-size: 11px; text-align: center; } .ImageArrows { margin: 3px; display: inline; cursor: pointer; } .SectionContent { width: 100%; font-family: Arial; font-size: 12px; color: Black; padding-bottom: 3px; text-decoration: none; } .SectionContent div { width: 100%; font-family: Arial; font-size: 12px; color: Black; padding-bottom: 3px; text-decoration: none; } .SectionContent h1 { margin: 0px; padding-bottom: 5px; font-size: 13px; color: Black; font-weight: bold; text-decoration: none; } .SectionContent h2 { margin: 0px; padding-top: 10px; font-size: 12px; color: Black; font-weight: bold; text-decoration: none; cursor: pointer; } .SectionContent a { color: #336699; text-decoration: underline; } .SectionTitle { width: 100%; font-family: Arial; font-size: 24px; color: Black; padding-bottom: 10px; text-decoration: none; } .MonthlyCalendar { border: solid 1px #CCCCCC; border-top: solid 1px White; } .CalendarHeader { height: 30px; border-top: solid 1px White; font-family: Arial; font-size: 14px; font-weight: bold; vertical-align: middle; background-color: Transparent; } .CalendarDate { padding: 3px; font-family: Arial; font-size: 12px; } .CalendarDateData { padding-left: 3px; font-family: Arial; font-size: 11px; } .CalendarDateDesc { width: 200px; margin-left: -35px; margin-top: -20px; position: absolute; } #CalendarDateText { width: 200px; font-family: Arial; font-size: 11px; color: White; background-image: url('../../images/backgrounds/newstext.png'); } .WeeklyDataCancel { padding-top: 5px; padding-bottom: 5px; cursor: pointer; font-weight: bold; } .WeeklyDataHeader { cursor: pointer; color: #606060; padding-bottom: 0px; font-family: Arial; font-size: 12px; font-weight: bold; cursor: pointer; } .WeeklyData { cursor: pointer; color: #606060; padding-top: 0px; font-family: Arial; font-size: 12px; } .DailyCancel { padding-top: 5px; padding-bottom: 5px; cursor: pointer; } .DailyCalendar { border: solid 1px #CCCCCC; border-top: solid 1px White; } .DailyCalendarHeader{ padding-top: 9px; padding-bottom: 7px; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; font-family: Arial; font-size: 12px; color: #606060; font-weight: bold; text-align: center; vertical-align: middle; } .CalendarDateSmall { padding-top: 3px; padding-bottom: 3px; font-family: Arial; font-size: 11px; cursor: pointer; } .CalendarHeaderSmall{ height: 15px; font-family: Arial; font-size: 11px; font-weight: bold; vertical-align: middle; background-color: Transparent; } .HourCell { width: 70px; padding: 5px; text-align: right; vertical-align: top; font-family: Arial; font-size: 12px; color: #606060; font-weight: bold; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; vertical-align: top; } .DayCell { width: 110px; text-align: right; vertical-align: top; font-family: Arial; font-size: 11px; color: #606060; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; vertical-align: top; } .TitleCell { font-family: Arial; font-size: 12px; color: #606060; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; vertical-align: top; } .PageGrid { border: solid 1px #CCCCCC; } .PageGridData { cursor: pointer; color: #606060; padding-top: 0px; font-family: Arial; font-size: 12px; } .PageGridHeader { padding-top: 9px; padding-bottom: 7px; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; font-family: Arial; font-size: 12px; color: #606060; font-weight: bold; text-align: center; vertical-align: middle; text-decoration: none; } /*-------------------------------------------------------------------------- SideBar Panel Author: Che de Bruin Date: 07-23-2008 Description: Layout for the shortcut panel --------------------------------------------------------------------------*/ .PageFormPanel { width: 970px; background-color: #F2F2F2; border: solid 1px #CDCDCD; margin: 5px 0px 10px 0px; display:inline-block; } .ErrorMessage { font-family: Arial; font-size: 12px; font-weight: normal; color: Red; padding: 5px 0px 5px 0px; } .ErrorIcon { position: absolute; margin-left: -15px; margin-top: -10px; } .PagePanel { width: 300px; padding: 10px; padding-top: 0px; vertical-align: top; text-align: left; } #WeatherPanel { width: 100%; vertical-align: middle; text-align: left; white-space: no-wrap; margin-bottom: 10px; } #WeatherForecast { text-align: left; } .Weather { font-family: Arial; font-size: 14px; color: #999999; font-weight: normal; text-decoration: none; font-weight: bold } #LocationText { font-family: Arial; font-size: 11px; color: #999999; font-weight: normal; text-decoration: none; } #LiveDate { width: 35px; height: 35px; padding-top: 2px; background-image: url('../../images/backgrounds/date.jpg'); background-repeat: no-repeat; text-align: center; font-family: Arial; font-size: 11px; color: White; } #LiveDay { font-family: Arial; font-size: 12px; color: White; font-weight: bold } .MenuPanelItems { width: 100%; border-top: none; background-color: White; font-family: Arial; font-size: 11px; color: #606060; text-align: left; cursor: pointer; } .MenuPanelItems td { font-family: Arial; font-size: 11px; color: #606060; text-align: left; cursor: pointer; } .MenuPanelLabel { font-family: Arial; font-size: 15px; color: #CCCCCC; font-weight: bold; } .PanelMenuTitle { width: 100%; font-family: Arial; font-size: 12px; color: #336699; border-right: none; position: relative; top: 1; z-index: 1; } .PanelMenuTitle td { text-align: center; } .PanelMenuTitle a { font-size: 12px; color: #999999; font-weight: normal; text-decoration: none; } .SelectTitle { font-size: 12px; color: #9D9D9D; padding: 3px; border: 1px solid #CCCCCC; border-bottom: 1px solid White; cursor: pointer; } .NonSelectTitle { font-size: 12px; color: #9D9D9D; padding: 3px; border-bottom: 1px solid #CCCCCC; background-image: url('../../images/backgrounds/crumbs.jpg'); background-repeat: repeat-x; background-position: bottom; cursor: pointer; } .EdgeTitle { width: 5px; padding: 3px; border-bottom: 1px solid #CCCCCC; } .SelectLimsTitle { font-size: 12px; color: #0A3677; padding: 3px; border: 1px solid #0A3677; border-bottom: 1px solid White; cursor: pointer; } .NonSelectLimsTitle { font-size: 12px; color: #0A3677; padding: 3px; border-bottom: 1px solid #0A3677; background-image: url('../../images/backgrounds/crumbs.jpg'); background-repeat: repeat-x; background-position: bottom; cursor: pointer; } .EdgeLimsTitle { width: 5px; padding: 3px; border-bottom: 1px solid #0A3677; } .SideBarMenuPanel { background-image: url('../../images/backgrounds/panel.jpg'); background-position: top; background-repeat: no-repeat; padding-left: 1px; padding-right: 1px; } .TabBottomPanel { background-image: url('../../images/backgrounds/tabs.jpg'); background-position: top; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; position: relative; top: -2; } .BottomPanel { background-image: url('../../images/backgrounds/tabs.jpg'); background-position: top; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; } /*-------------------------------------------------------------------------- Shortcut Panel Author: Che de Bruin Date: 07-23-2008 Description: Layout for the shortcut panel --------------------------------------------------------------------------*/ .ShortCutTD { width: 33%; } .ShortCutBlock { width: 300px; height: 68px; background-color: White; background-image: url('../../images/backgrounds/shortcuts.jpg'); background-repeat: repeat-x; background-position: bottom center; } .ShortCutBlock td { font-family: Arial; font-size: 11px; color: Black; text-decoration: none; } .ShortCutBlock div { font-family: Arial; font-size: 11px; color: Black; text-decoration: none; } .ShortCutBlock h1 { margin: 0px; font-size: 11px; font-weight: bolder; color: Black; text-transform: uppercase; text-decoration: none; } .ShortCutBlock h2 { margin: 0px; font-size: 11px; font-weight: normal; color: Red; text-transform: uppercase; text-decoration: none; } .ShortCutImage { width: 95px; padding: 0px; margin: 0px; vertical-align: top; text-align: center; } .ShortCutImage div { width: 90px; border: 1px solid #D3D3D3; padding: 0px; margin: 0px; cursor: pointer; } .ShortCutImage img { border: 4px solid white; padding: 0px; margin: 0px; } /*-------------------------------------------------------------------------- Image Panel Author: Che de Bruin Date: 07-23-2008 Description: Layout for the image panel --------------------------------------------------------------------------*/ #ImagePanel td { width: 475px; height: 135px; background-position: center center;} #ImagePanel div { height: 135px; } /*-------------------------------------------------------------------------- Footer Layout Author: Che de Bruin Date: 07-23-2008 Description: Layout for the footer --------------------------------------------------------------------------*/ #FooterHeader { width: 100%; height: 27px; background-color: #DFDFDF; margin-bottom: 3px; margin-top: 1px; } #FooterHeader td { width: 475px; font-family: Arial; font-size: 14px; font-weight: bold; color: #000000; padding-left: 10px; } #FooterBody { width: 100%; background-color: #f9f9f9; padding-left: 10px; margin-bottom: 3px; } #FooterBody td { width: 158px; font-family: Arial; font-size: 12px; font-weight: bold; color: #663333; vertical-align: top; padding-right: 10px; } #FooterBody a { font-weight: normal; color: #ff2c2c; text-decoration: none; } #FooterBody a:hover { text-decoration: underline; } #FooterBody div { padding-bottom: 5px; } #FooterBody h1 { color: #663333; text-decoration: none; font-size: 13px; margin-bottom: 5px; padding-top: 5px; } #FooterBody img { margin-right: 10px; vertical-align: middle; } #WardDescription { width: 425px; position: absolute; text-align: left; font-family: Arial; font-size: 12px; color: #FFFFFF; } #WardHeader { width: 425px; height: 30px; margin-bottom: 1px; vertical-align: middle; background-image: url('../../images/backgrounds/wardheader.png'); background-repeat: no-repeat; background-position: top; vertical-align: top; } #WardHeader h2 { width: 425px; font-size: 14px; font-weight: bold; color: #FFFFFF; padding-bottom: 0px; padding-left: 15px; padding-top: 8px; margin-bottom: 0px; } #WardInfoClose { top: -15px; left: -10px; font-size: 12px; font-weight:normal; position: relative; text-align: right; margin-bottom: -100px; cursor: pointer; } #WardInfo { width: 425px; background-image: url('../../images/backgrounds/menu.png'); font-size: 12px; color: #FFFFFF; font-weight: normal; } #WardInfo h1 { font-size: 14px; color: #FFFFFF; font-weight: bold; margin: 0px; padding: 0px; } #WardInfo div { font-size: 12px; color: #FFFFFF; font-weight: normal; line-height: 150%; } #WardImage { float: right; margin: 0px 0px 0px 20px; } #DCWardMap { padding-left: 25px; padding-top: 20px; } #FooterBar { background-color: #F1F1F1; font-family: Arial; font-size: 12px; color: #B6B6B6; text-align: left; } #FooterBar div { padding-left: 10px; padding-top: 15px; } #FooterBar a { color: #5997DC; } /*-------------------------------------------------------------------------- Lines Author: Che de Bruin Date: 07-23-2008 Description: Lines and Borders --------------------------------------------------------------------------*/ .VerticalLine { width: 1px; background-color: #CCCCCC; margin-top: 5px; margin-bottom: 5px; } .HorizontalLine { border-top: 1px solid #CCCCCC; margin-top: 5px; margin-bottom: 5px; } .HorizontalDotLine { border-top: 1px dotted #CCCCCC; margin-top: 5px; margin-bottom: 5px; } .Box { border: 1px solid #CCCCCC; }