/* STYLES FOR CITY OF CHICAGO PAGES */ .profileWhiteClass { FONT: smaller Arial, Helvetica, sans-serif; COLOR: #ffffff } A.profileLinkNav:hover { TEXT-DECORATION: underline } A.profileLinkNav { FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } .profileTdblue { FONT-WEIGHT: 800; FONT-SIZE: 16px; COLOR: #ffffff; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #3d7dd0 } .bodyTitle { FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } .bodySmallTitle { FONT-WEIGHT: bolder; FONT-SIZE: 16px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } .moc { FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #5876b2; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } .doh { FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #006600; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } .dor { FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #003399; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } .kca { FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #990000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } .bodytext { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } P { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } .bodytextblack { FONT-WEIGHT: 700; FONT-SIZE: 11px; COLOR: black; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center } .bodytextsmall { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; background-color: #FFFFFF; } .tdblue { BACKGROUND-COLOR: #7db9f6 } .tddarkblue { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #000066 } .tdgrey { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e4e8f1 } .tdbrightblue { BACKGROUND-COLOR: #4292e3; TEXT-DECORATION: none } .tdsilver { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #eeeeee } .errormsg { FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #cc0000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } .errormsgsmall { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #cc0000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } .tddarkgreyplain { FONT-WEIGHT: normal; FONT-SIZE: 11px; LINE-HEIGHT: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #c8d4ea } .tdbreadcrumbs { FONT-SIZE: 10px; COLOR: #333333; TEXT-INDENT: 1em; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff } .tdsilverplain { FONT-WEIGHT: normal; FONT-SIZE: 11px; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, sans-serif; BACKGROUND-COLOR: #e9e9e9 } .tdgreynotext { FONT-WEIGHT: normal; COLOR: #000000; LINE-HEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 11px: } .tdred { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ffffff; LINE-HEIGHT: 14px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, sans-serif; BACKGROUND-COLOR: #993333 } .tderror { FONT-WEIGHT: 700; FONT-SIZE: 10px; COLOR: #990000; LINE-HEIGHT: 14px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, sans-serif; BACKGROUND-COLOR: #e9e9e9 } .formtext { FONT-SIZE: 12px; VERTICAL-ALIGN: bottom; COLOR: #000000; FONT-FAMILY: arial,helvetica; TEXT-ALIGN: left } .errormsgblue { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #336699; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, sans-serif } .input { FONT-SIZE: 11px; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, sans-serif; TEXT-ALIGN: right; TEXT-DECORATION: none } A { COLOR: #0073b8; TEXT-DECORATION: underline } A.Link { FONT-SIZE: 11px; COLOR: #0033cc; LINE-HEIGHT: 13pt; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } A.Link:hover { COLOR: #cc0000; TEXT-DECORATION: underline } A.logout { FONT-SIZE: 11px; COLOR: #cc0000; LINE-HEIGHT: 13pt; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } A.faqLink { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #0033cc; LINE-HEIGHT: 13pt; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } A.faqLink:hover { COLOR: #cc0000; TEXT-DECORATION: underline } A.Linkwhite { FONT-SIZE: 11px; COLOR: #f5f5f5; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } A.Linkwhite:hover { COLOR: #ffffff; TEXT-DECORATION: underline } A.Linkblue { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #0033cc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } A.Linkblue:hover { FONT-SIZE: 12px; COLOR: #cc0000; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } A.LinkblueA { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #0033cc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } A.LinkblueA:hover { FONT-SIZE: 12px; COLOR: #cc0000; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } A.Linkblack { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 16pt; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } A.Linkblack:hover { FONT-SIZE: 12px; COLOR: #787878; LINE-HEIGHT: 16pt; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } A.BigLink { FONT-WEIGHT: 700; FONT-SIZE: 13px; COLOR: #006699; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } A.BigLink:hover { COLOR: #990000; TEXT-DECORATION: underline } .UL { FONT-SIZE: 11px; LIST-STYLE-IMAGE: url(../images/dot.gif); COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: none } UL { FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } .date { FONT-WEIGHT: 700; FONT-SIZE: 10px; COLOR: #cc9900; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff } .main_headlines { BACKGROUND-COLOR: #7db9f6 } .catheader { FONT-WEIGHT: 700; FONT-SIZE: 14px; COLOR: #3366cc; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } .category_headings { FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #3d7dd0 } .RIGHT { FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f7f7eb } .brightyellow { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffcc66 } .bodytextbold { FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } .tdyellow { FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffe495; TEXT-ALIGN: center } .tdpromo { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e4e8f1 } A.smalllink { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } A.smallBlue { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #3366cc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } A.smallBlue:hover { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } A.smalllink:hover { COLOR: #cc0000; TEXT-DECORATION: underline } A.breadcrumbs { FONT-WEIGHT: normal; FONT-SIZE: 10px; VERTICAL-ALIGN: middle; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } A.breadcrumbs:hover { COLOR: #3366cc } A.LinkChannel { FONT-WEIGHT: 600; FONT-SIZE: 14px; COLOR: #003399; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } A.LinkChannel:hover { FONT-WEIGHT: 600; FONT-SIZE: 14px; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } A.LinkNav { FONT-SIZE: 13px; COLOR: #003399; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } A.LinkNav:hover { TEXT-DECORATION: underline } .tdbusinessnews { BACKGROUND-COLOR: #f0f0f1 } .businessheadlines { FONT-WEIGHT: 600; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #990000; TEXT-DECORATION: none } .tdevents { FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center } .program { FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center } A.LinkTitle { FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #3366cc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } A.LinkTitle:hover { COLOR: #cc0000; TEXT-DECORATION: underline } .eventsheadlines { FONT-WEIGHT: 600; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cc6600; TEXT-DECORATION: none } A.LinkSubmenu { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #3366cc; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: underline } A.LinkSubmenu:hover { COLOR: #cc0000; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: underline } .tdwhite { BACKGROUND-COLOR: #ffffff } .residentheadlines { FONT-WEIGHT: 600; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #336633; TEXT-DECORATION: none } .tdresidentnews { BACKGROUND-COLOR: #f0f0f1 } .exploringheadlines { FONT-WEIGHT: 600; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #d35e00; TEXT-DECORATION: none } .tdexploringnews { BACKGROUND-COLOR: #f0f0f1 } .governmentheadlines { FONT-WEIGHT: 600; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #3366cc; TEXT-DECORATION: none } .deptheadlines { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f0f0f1 } .faqs { FONT-WEIGHT: 600; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #3366cc; TEXT-DECORATION: none } .faqsTitle { FONT-WEIGHT: 600; FONT-SIZE: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } .departmentTitles { FONT-WEIGHT: 600; FONT-SIZE: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } .tdgovernmentnews { BACKGROUND-COLOR: #f0f0f1 } .Title { FONT-WEIGHT: 700; FONT-SIZE: 14px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } .newsheadline { BACKGROUND-COLOR: #7db9f6 } A.SiteMap { FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } A.SiteMap:hover { FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } .wardheadlines { FONT-WEIGHT: 600; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } .tdreg { FONT-WEIGHT: 800; FONT-SIZE: 14px; COLOR: #ffffff; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #81c0c0 } .bodytextsmall_nobgc { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; padding-left: 10px; } /* STYLES FOR BIKE PROGRAM PAGES ONLY */ .bodytextcenter { font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; text-align: center; } .bodytextcenterbold { font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; text-align: center; font-weight: bold; } .bodytitlecenterbold { font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 14px; text-align: center; font-weight: bold; } .bodytextrightbold { font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; text-align: right; font-weight: bold; } .bodytextleftbold { font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; text-align: left; font-weight: bold; } .bodytextsmallleftbold { font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; text-align: left; font-weight: bold; } /* FORM STYLES */ #myform{ background-color: #EFF3F7; position: relative; top: 20px; left: 50px; margin: 15px 0 50px 0; padding: 20px; } form span.required { color: red; text-align: left; } form label { margin: 0 15px 0 0; } div.row{ clear: none; height: 30px; margin-top: 15px; margin-right: 0; margin-bottom: 0; margin-left: 0; } div.row2 { clear: none; height: auto; margin-top: 15px; margin-right: 0; margin-bottom: 0; margin-left: 0; } /* USED FOR FORM COLUMNS */ .col1 { float: none; width: 450px; text-align: right; height: 15px; } .col1narrow { float: none; width: 350px; text-align: right; height: 15px; } .col1a{ float: left; width: 100px; text-align: right; height: 15px; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; } .col1b { float: left; width: 350px; text-align: left; height: 15px; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000066; } .col2 { float: right; text-align: left; width: 200px; } .col2a{float: left; width: 110px; text-align: left; } .col2b { float: left; width: 200px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold; color: #000066; padding-left: 10px; vertical-align: baseline; } .col3 { float: none; width: 350px; text-align: center; height: 15px; clear: none; left: 20px; } div.spacer { clear: both; } div.rowcenter { clear: none; height: 30px; margin-top: 0px; margin-right: 0; margin-bottom: 0; margin-left: 15; left: 0px; } .colcenter { float: none; width: 450px; text-align: center; height: 15px; } #leftcolumn1 { /* Parent Wrapper for inside boxes */ margin: 5px 0px 0px 5px; display: inline; /* IE Hack */ width: 50px; float: left; min-height: 200px; padding: 4px; border: 1px solid #ccc; background-color: #C4E1FF; } * html #leftcolumn1 {height:200px} /* IE Min-Height Hack */ #leftcolumn2 { /* Parent Wrapper for inside boxes */ display: inline; /* IE Hack */ width: 125px; float: left; min-height: 200px; padding: 4px; border: 1px solid #ccc; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } * html #leftcolumn2 {height:200px} /* IE Min-Height Hack */ /* ---------------------------- */ /* ---------------------------- */ #rightcolumn1 { /* Parent Wrapper for inside boxes */ border: 1px solid #ccc; margin: 5px 0px 0px 0px; display: inline; /* IE Hack */ padding: 4px; width: 50px; float: left; min-height: 200px; background-color: #C4E1FF; } * html #rightcolumn1 {height:200px} /* IE Min-Height Hack */ #rightcolumn2 { /* Parent Wrapper for inside boxes */ border: 1px solid #ccc; display: inline; /* IE Hack */ padding: 4px; width: 125px; float: left; min-height: 200px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } * html #rightcolumn2 {height:200px} /* IE Min-Height Hack */ /* ---------------------------- */ div.spacer { clear: both; } div.checkbox { clear: both; height: 60px; vertical-align: baseline; text-align: right; padding-top: 4px; background-color: #c8d9ed; } div.checktext { clear: both; height: 60px; vertical-align: baseline; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; padding-top: 4px; } .requiredfield { float: left; width: 100px; text-align: right; height: 15px; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; font-weight: bold; font-variant: normal; text-transform: none; color: #FF0000; } .formexampletext { font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: italic; } .picture { float: left; padding-right: 0px; margin-right: 10px; }.picturefloatright { float: left; padding-right: 0px; margin-right: 10px; } blockquote { font-family:Arial, Helvetica, sans-serif; }