a, a:link { color: #00f; } a:visited { color: #00f; } body { background-color: #fff; } body, p, td, th, li { font-size: 10pt; font-family: arial,sans-serif; } .menu, a:link.menu, a:visited.menu { color: #333; font-size: 14px; font-family: arial,sans-serif; } #menuList { background-color: #ccc; } #menuList li a { border-right: 1px solid #333; } /* -------------------------------------------------------------- */ /* LAYOUT: MARGIN, PADDING, WIDTH, FLOAT, CLEAR, ALIGNMENT */ /* -------------------------------------------------------------- */ /* CENTER HORIZONTALLY FIXED ITEMS */ body.externalsite {text-align: center; margin: 0px auto} #container {width:960px; text-align: justify; padding: 0; margin: 0px auto} /* ADD PADDING TO AND POSITION TOPBAR */ #bannerBar {width: 960px; overflow:hidden; margin: 0 auto} #bannerBar p {margin-top: 0px; padding: 0; margin-bottom: 0} #bannerContent div {float: left} #bannerContent div img {height: 85px; margin: 10px} #bannerCenter {padding: 20px 10px} /* POSITION HOMEPAGE DIVS */ #bodyContent {margin: 0px; border: 1px solid #ccc; border-top: 0px; border-bottom: 0px; float: left; margin:0; padding: 15px 0 0 14px; width: 946px} #content {} #main {width: 630px; float: left;} #rightcol {float:left; width:280px; margin:0; padding: 0 14px 0 0px} p {margin-right: 10px} /* SITE TOOLS */ #homepage #siteTools {border: 1px solid #ccc; border-width: 1px 0; background: #efefef; margin: 1em 0 1em -14px; color: #ccc; float: left; width: 960px} #homepage #siteTools p {padding: 0; margin: 0; border: 0} #siteTools {border: 1px solid #ccc; border-width: 1px 0; background: #efefef; margin: 1em 0 1em -172px; color: #ccc; float: left; width: 960px} #siteTools a {padding: 6px 12px 4px; float: left} #sharethis_0 a {padding: 5px 0 5px 18px} #sharethis_0 a img{padding: 5px 0 5px 18px} .stbuttontext {margin-top: -5px; padding-left: 8px} #siteTools a img {margin-top: 0; left: 0; float: left} /* HOMEPAGE VIDEO */ /*#homepage #main ul {float: left; width: 300px; padding-left: 0px; list-style-type: none; margin-left: 0px}*/ #homepagevideo {float:left; padding-left: 15px;} /* BOTTOM DIV */ #leftcol {position: relative; margin: 0} .features {float: left; margin: 0 30px 30px; _margin: 0 20px 20px; width: 250px; text-align: center; padding: 0; overflow: hidden} .features .info {height: 300px; overflow: hidden} .features .info ul {margin-left: 35px;} #rightcol h2, .features h2 {text-align: left; margin:10px} .features img {margin-left: 0px} .features ul {padding: 0px 6px; text-align: left} .features p {padding: 0px 10px; text-align: left} /* FORCE COPYRIGHT TO CLEAR SO PAGE ENCLOSES FLOATING ELEMENTS */ #copyrightNotice {clear: both; padding: 2px} /* CLEAN UP INJECTED DOCUMENT LISTS */ .injectedDocumentList, .injectedFeedList {list-style-type: none; margin-left: 0; padding-left: 10px} .features .info ul.injectedDocumentList {margin-left: 0px} #rightcol .injectedDocumentList {list-style-type: none} #rightcol .injectedDocumentList li {list-style-type: none; margin-bottom: .5em} .injectedDocumentList a .headline {text-decoration: none; font-weight: normal} /* CLEAN UP THE DOCUMENT LISTING PAGES (FOLDERS) */ #documentList li {width: 100%; clear:both; display:block; margin-bottom:0px; padding-bottom:5px} h1 img {position: relative; top:4px; left: 5px; height: 1em; z-index: -999} h1 {clear: both} #homepage h1 {clear: none} /* REMOVE UGLY HRS FROM INQUIRY FORM */ #inquiryFormDiv hr {display: none} /* FORMAT SEARCH BOX IN TOPBAR */ #searchBox {float: right; padding: 10px; text-align: right} #searchBox form {background: #fff; border: 1px solid #ccc; padding: 3px} #searchBox form input {border: 0; height: 1.2em; width: 210px} #searchBox form input.button {background: url(/clients/1528/117235.png) no-repeat; width: 24px} #searchBox p {display: none} #searchBox label {/*display: none*/} #imgDoc {max-width: 100%; /*width: expression(this.width > 802? "800px" : "auto");*/} #documentLogo {float: left; display:none;} #documentLogo img {margin-right: 10px} #ci1, #ci2, #ci3 {margin-bottom: 1em} #ci1, #ci2 {float: left; width: 200px} #ci3 {padding-top: 10px; float: right; text-align: right; font-size: medium} #postInfo {margin-bottom:20px} #forImmediateRelease {clear: both; margin-top:0} a img {border: 0} a {text-align: left} #staffListing dt {clear: both; margin-top: 1em} #staffListing dt img {margin-bottom: 1em} #receiptIDForm,#receiptResponseForm,#confirmMessage {margin: 0; width: auto} #bottomlinks {clear: both; padding: 0; font-size: .8em; text-align: center} #mobileOnly {display: none} /* -------------------------------------------------------------- */ /* FORMAT: */ /* -------------------------------------------------------------- */ /* Set relative font sizes for accessibility */ body, p, td, th, li {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: medium; line-height: 1.3em} ul.injectedDocumentList li, ul.injectedFeedList li {line-height: 1.2em} p {margin-top:0} /* Make Images Pretty */ #content img.fancy {background: #ddd; margin: 0 10px; padding: 4px} #content .injectedDocumentList img, #documentList img, #documentLogo img, #documentTypeChildren img, #homepage a img, #WHOAlertLevelBox img, #DSHSAlertLevelBox img, #content h1 img, #siteTools img, #bottomlinks img, #content img.no-border {background: transparent; margin: 0; padding: 0} #docBody {width: 630px; margin: 0 auto;} .no-border {padding: 0} #rightcol h2 {margin-top: 0} #h1n1casecount {clear: right; float: right; width: 200px; margin: 0 15px; margin-bottom: 1em; padding: 10px; border-radius: 10px; border: 1px solid #ccc} #h1n1casecount h3 {letter-spacing: 0px;} #h1n1casecount p {font-style: italic} #h1n1casecount #confirmedcases {font-size: 6em; text-align: center; line-height: 1em} #h1n1hotline {clear: right; float: right; width: 200px; margin: 0 15px; margin-bottom: 1em; padding: 10px; border-radius: 10px; border: 1px solid #ccc} #h1n1hotline h3 {letter-spacing: 0px;} #h1n1hotline p {font-style: italic} #h1n1hotline #h1n1number {font-size: 2em; text-align: center; line-height: 1.5em} body.externalSite {background: url(/clients/1528/117976.jpg) repeat-x top center} .TopBarOne {font-size: 2.5em; line-height: 1em} .TopBarTwo {font-size: 1.4em} .features {background: #fff url(/clients/1528/117245.jpg) no-repeat; color: #000} h1,h2,h3,h4,h5,h6 {margin: .2em 0px; padding: 0; background: transparent; color: #000; text-align: left; font-family: Helvetica, Helvetica Neue, Arial, sans-serif} h1 {line-height: 1em; font-size: x-large} h2 {letter-spacing: -1px; font-size: medium} h3 {letter-spacing: 3px} p {margin-bottom: 1em} #headlines h1 {text-transform: uppercase; letter-spacing: -1px; color: #333} #archiveMessage, #documentTypeDescription, #documentTypeChildren {border-top:0} #documentList {text-align: left} #documentList li {border:0px solid #ddd; overflow: auto} #documentList li.even {background: #fff} #documentList li.odd {background: #f5f5f5} #documentTypeChildren {font-size: 1.4em; margin: 1em 0} #documentTypeChildrenList li {} #bottomlinks, #bottomlinks a, .info p {font-size: small} .info ul li {font-size: small} #siteTools {font-size: small} #rightcol ul li {font-size: small} #forImmediateRelease {color: #ccc} .alerts .injectedDocumentList li a {text-transform: uppercase; padding: 0 0 1em} .injectedFeedList {list-style-type: none; padding-left: 10px} .injectedFeedListWithSummary li {margin-bottom: 1em} .pager {text-align: left; color: #000} #postInfo {color: #666; font-size: small; font-style:italic} #postInfo a {} #ci1, #ci2 {color: #666; text-align: left; font-size: small; line-height: 1em} #ci3 {text-transform: uppercase; font-weight: bold; line-height: 1em} a,a:link,a:active,a:visited {color: #077603} a:hover {text-decoration: underline} #bottomlinks {color: #666} /* -------------------------------------------------------------- */ /* WHO ALERT LEVEL BOX FORMAT */ /* -------------------------------------------------------------- */ #WHOAlertLevelBox, #DSHSAlertLevelBox {float: right; width: 155px; border: 1px solid #ccc; padding: 10px; margin: 0 10px} #WHOAlertLevelBox img, #DSHSAlertLevelBox img {text-align: center; margin: 0 auto;} #WHOAlertLevelBox p, #DSHSAlertLevelBox p {text-align: left;} #WHOAlertLevelBox p a, #DSHSAlertLevelBox p a {color: #333;} #WHOWidget {float: right; width: 155px; margin: 0 30px 0 10px;} #homepage #WHOAlertLevelBox {width: 200px; border: 0} div#N1H1PP h2 {clear: both;} div#pp .infobox, div#pp .updatebox, div#N1H1PP .infobox, div#N1H1PP .updatebox {text-align: left; float: left; width: 290px; height: _120px; min-height: 120px; background: #eee; border: 1px solid #ccc; color: #000; margin: 0 10px 10px 0; padding: 5px} .infobox h3, .updatebox h3 {letter-spacing: 0} .infobox h3 a,.infobox h3 a:link,.infobox h3 a:active,.infobox h3 a:hover,.infobox h3 a:visited, .updatebox h3 a, .updatebox h3 a:link, .updatebox h3 a:active, .updatebox h3 a:hover, .updatebox h3 a:visited {color: #000} .infobox ul {margin-left: 0px; padding-left: 0px} .infobox ul.injectedFeedList {margin-left: auto} .infobox ul.injectedFeedList li {margin-bottom: 1em} .updatebox {margin: 0 15px 15px 0} #swine09menubox {border: 1px solid #ccc; border-top: 0px; border-bottom: 0px; margin: 0} .importantMessage {background: #ddd; border: 3px double #ff0; padding: 10px; margin: 0 10px; color: #550} /* -------------------------------------------------------------- */ /* INQUIRY FORM FORMAT */ /* -------------------------------------------------------------- */ div.form-container {padding: 5px} p.legend { margin-bottom: 1em; } p.legend em { color: #C00; font-style: normal; } div.errors { margin: 1em 0 1em 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; } div.errors p { margin: 0; } div.errors p em { color: #C00; font-style: normal; font-weight: bold; } div.form-container form p { margin: 0; } div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; } div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; } div.form-container form legend { font-weight: bold; color: #666; } div.form-container form fieldset div { padding: 0.25em 0; } div.form-container label, div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; } div.form-container label.error, div.form-container span.error { color: #C00; } div.form-container label em, div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; } div.form-container input.error { border-color: #C00; background-color: #FEF; } div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus {/*background-color: #FFC; */border-color: #077603; } div.form-container div.controlset label, div.form-container div.controlset input { display: inline; float: none; } div.form-container div.controlset div { margin-left: 170px; } div.form-container div.buttonrow { margin-left: 180px; } /* -------------------------------------------------------------- */ /* TRAFFIC PAGE FORMAT */ /* -------------------------------------------------------------- */ #camcontain div {float: left; margin-right: 15px} #camcontain p {font-size: x-small} #camcontain #cameraImage {width: 345px} #cameraList select {width: 200px;} /* -------------------------------------------------------------- */ /* MENU FORMAT */ /* -------------------------------------------------------------- */ #menuList {background: #c0c0c0 url(/clients/1528/117232.jpg) no-repeat top right; border: 1px solid #ccc; border-top: 0px; border-bottom: 0px} #menuList li a.menu, #menuList li a.menu:link, #menuList li a.menu:active, #menuList li a.menu:visited {border-right: 1px solid #aaa; font-size: 1.2em} #menuList li a.menu:hover {color: #fff} .subMenuList {} ul#menuList li.menu ul.subMenuList a.menu, ul#menuList li.menu ul.subMenuList a.menu:link, ul#menuList li.menu ul.subMenuList a.menu:active, ul#menuList li.menu ul.subMenuList a.menu:visited {font-size: 1.2em; padding: 20px} /* -------------------------------------------------------------- */ /* BUTTON FORMAT */ /* -------------------------------------------------------------- */ .btn {display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:100%/1.2 Arial,Sans-serif; text-decoration:none; color:#333} * html button.btn {padding-bottom:1px} /* Immediately below is a temporary hack to serve the following margin values only to Gecko browsers Gecko browsers add an extra 3px of left/right padding to button elements which can't be overriden. Thus, we use -3px of left/right margin to overcome this. */ html:not([lang*=""]) button.btn {margin:0 -3px} .btn span {background:#ddd url(/clients/1528/249829.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa} * html .btn span {padding-top:0} .btn span span {position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa} /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */ button.pill-l span {border-right-width:0} button.pill-l span span {border-right:1px solid #bbb} button.pill-c span {border-right-style:none; border-left-color:#fff} button.pill-c span span {border-right:1px solid #bbb} button.pill-r span {border-left-color:#fff} /* only needed if implementing separate hover/focus/active state for buttons */ .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {cursor:pointer; /* important for any clickable/pressable element */ border-color:#077603 !important; color:#000} .btn:active span {background-position:0 -400px; outline:none} .btn:focus, .btn:active {outline:none; /* doesn't seem to be respected for