/* Running Squiz Matrix Developed by Squiz - http://www.squiz.net Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd Page generated: 10 December 2018 16:25:16 */ /***** FILE TYPE ICONS *****/ a[href$=".pdf"] { background: url(/__data/assets/image/0009/162/pdf.gif) no-repeat top left; padding: 0.2em 0 0.2em 2.0em; } a[href$=".pdf"].noicon { background: none; padding: 0;} a[href$=".rss"] { background: url(/__data/assets/image/0012/165/rss.gif) no-repeat left top; padding: 0.2em 0em 0.2em 2.0em; } a[href$=".rtf"] { background: url(/__data/assets/image/0013/166/rtf.gif) no-repeat left top; padding: 0.2em 0em 0.2em 2.0em; } a[href$=".xls"] { background: url(/__data/assets/image/0016/169/xls.gif) no-repeat left top; padding: 0.2em 0em 0.2em 2.0em; } a[href$=".doc"] { background: url(/__data/assets/image/0015/168/word.gif) no-repeat left top; padding: 0.2em 0em 0.2em 2.0em; } a[href$=".ppt"] { background: url(/__data/assets/image/0010/163/ppt.gif) no-repeat left top; padding: 0.2em 0em 0.2em 2.0em; } a[href$=".xml"] { background: url(/__data/assets/image/0008/170/xml.gif) no-repeat left top; padding: 0.2em 0em 0.2em 2.0em; } a[href$=".mov"] { background: url(/__data/assets/image/0011/164/quicktime.gif) no-repeat left top; padding: 0.2em 0em 0.2em 2.0em; } a[href$=".avi"] { background: url(/__data/assets/image/0016/34441/avi.gif) no-repeat left top; padding: 0.2em 0em 0.2em 2.0em; } a[href$=".mpg"] { background: url(/__data/assets/image/0011/164/quicktime.gif) no-repeat left top; padding: 0.2em 0em 0.2em 2.0em; } a[href$=".mp3"] { background: url(/__data/assets/image/0011/164/quicktime.gif) no-repeat left top; padding: 0.2em 0em 0.2em 2.0em; } a[href$=".mp4"] { background: url(/__data/assets/image/0011/164/quicktime.gif) no-repeat left top; padding: 0.2em 0em 0.2em 2.0em; } a[href$=".wma"] { background: url(/__data/assets/image/0011/27596/wma.gif) no-repeat top left; padding: 0.2em 0 0.2em 2.0em; } a[href$=".wav"] { background: url(/__data/assets/image/0011/27596/wma.gif) no-repeat top left; padding: 0.2em 0 0.2em 2.0em; } a[href$=".txt"] { background: url(/__data/assets/image/0014/167/txt.jpg) no-repeat left top; padding: 0.2em 0em 0.2em 2.0em; } /***** RESET BROWSER *****/ * { padding: 0; margin: 0; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; color: #333333; background-color: #ffffff; background-image: url(/__data/assets/image/0012/129/bodybackground.jpg); background-repeat: repeat-x; } /***** WRAP *****/ #wrap { width: 979px; margin: 0em auto 0em auto; padding: 0 0 0 21px; } /***** HEADER *****/ #header { clear: both; height: 110px; width: 100%; } /***** HEADER NAVIGATION *****/ #headernavigation { height: 28px; padding: 0em 30px 0em 0em; clear: both; } #headernavigation img { border: none; margin: 0; padding: 0; } #headernavigation #search { font-size: 1.0em; line-height: 1.5em; height: 15px; float: right; margin: 8px 0em 0em 0em; padding: 0; } #headernavigation #search form { margin: 0; padding: 0; height: 23px; white-space: nowrap; } #headernavigation #search form label { height: 23px; margin: 0; padding: 0; white-space: nowrap; } #headernavigation #search form input { height: 23px; border: none; margin: 0; padding: 0; background: none; } #headernavigation #search form input.searchinput { border: none; height: 20px; width: 160px; padding: 3px 0em 0em 22px; margin: 0; background-image: url(/__data/assets/image/0008/143/searchbackground.jpg); background-repeat: no-repeat; background-position: left top; } #headernavigation #search form input.searchbutton { font-size: 1.0em; line-height: 1.0em; font-weight: bold; height: 23px; width: 35px; margin: 0; padding: 0em 0em 3px 0em; color: #ffffff; background-color: transparent; background-image:url(/__data/assets/image/0006/141/search-button.png); background-repeat: no-repeat; background-position: left top; text-align: center; vertical-align: top; } #headernavigation #search form input.searchbutton:hover { color: #ffcc00; } #headernavigation #weather { font-size: 0.8em; line-height: 1.5em; float: right; margin: 12px 1.0em 0em 0em; padding: 0; text-align: right; vertical-align: text-bottom; color: #ffffff; } /* amended by KM 10 April 2008 */ #headernavigation #weather a { color: #ffffff; text-decoration: none; } #headernavigation #weather a:hover { color: #ffffff; text-decoration: underline; } #headernavigation #weather a:hover img { border: none; text-decoration: none; } #headernavigation #weather img { margin: 0em 0.2em 0em 0em; padding: 0; border: none; } /* amended by KM 10 April 2008 */ #headernavigation ul { font-size: 0.8em; float: left; margin: 7px 0em 0em 15px; padding: 0; } #headernavigation ul li { list-style-type: none; display: inline; border-right: 1px solid #657bb1; padding: 0; margin: 0; } #headernavigation ul li a { color: #ffffff; text-decoration: none; margin: 0em 0.5em 0em 0.4em; } #headernavigation ul li a:hover { text-decoration: underline; } #headernavigation ul li.noborder { border: none; } #headernavigation p { font-size: 0.8em; float: left; margin: 0.7em 1.0em 0em 1.0em; padding: 0; float: right; } #headernavigation p a { color: #ffffff; text-decoration: none; margin: 0em 1.0em 0em 1.0em; } #headernavigation p a:hover { } /***** TOP LEVEL BLUE NAVIGATION BAR *****/ #topnavigation { font-size: 1.0em; width: 100%; height: 82px; clear: both; margin: 0; padding: 0; } #topnavigation #dcclogo { height: 82px; margin: 0; padding: 0; float: left; } #topnavigation #dcclogo img { margin: 0; padding: 0; border: none; } #topnavigation ul { width: 730px; text-transform: uppercase; float: left; margin: 22px 0em 0em 1.2em; padding: 0em 0em 16px 0em; background-image: url(/__data/assets/image/0009/144/topnavigationbackground.jpg); background-repeat: repeat-x; background-position: left bottom; } #topnavigation ul li { border-right: 1px solid #657bb1; display: inline; list-style-type: none; margin: 0; padding: 0; } #topnavigation ul li a { color: #ffffff; text-decoration: none; padding: 0em 0.3em 0em 0.3em; margin: 0em 0.3em 0em 0em; white-space: nowrap; } #topnavigation ul li a:hover { color: #ffffff; text-decoration: underline; } #topnavigation ul li a:active { color: #ffcc00; text-decoration: none; } #topnavigation ul li.noborder { border: none; } #topnavigation #breadcrumbs { font-size: 0.8em; line-height: 2.5em; color: #cccccc; display: inline; margin: 0em 0em 0em 1.5em; padding: 0em 0em 0em 0em; } #topnavigation #breadcrumbs a { color: #0A2E80; text-decoration: none; } #topnavigation #breadcrumbs a:hover { text-decoration: underline; } /***** FRONT PAGE FEATURE IMAGE *****/ #frontpagefeatureimage { margin: 12px 0em 0em 9px; } #frontpagefeatureimage #featureimage { float: left; width: 700px; margin: 0em 30px 0em 0em; } #frontpagefeatureimage #quickfind { margin: 0; padding: 0; } /***** FEATURE IMAGE *****/ #featureimage { margin: 1.0em 0em 0em 0em; padding: 0em 0em 8px 0em; background-image: url(/__data/assets/image/0006/132/featurephoto-background.jpg); background-repeat: no-repeat; background-position: center bottom; } #featureimage img { margin: 0; padding: 0; border: none; height: 259px; width: 695px; } /***** CONTENT WRAPPER - includes content and left navigation *****/ #contentwrapper { float: left; width: 700px; margin: 0em 30px 0em 0em; padding: 0em 0em 0em 9px; } /*** OMITS RIGHTCOLUMN ***/ #contentwrapper100 { width: 100%; float: right; margin: 0; padding: 0em 0em 0em 0em; } #contentwrapper100 #content { width: 700px; margin: 0em 30px 0em 0em; } #contentwrapper100 #leftnavigation { margin-left: 9px; } /***** NEW EMERGENCY EVENT STYLE - HOMEPAGE - added by KC 03 Sept 2008 *****/ #emergency-links { float: left; margin: 0em 25px 0em 0em; } #emergency-links .frontlinks { padding: 1.4em 0em 1.0em 0em; width: 215px; float: left; min-height: 0; background: none;} #emergency-links .frontlinks ul { font-size: 1.2em; line-height: 1.8em; margin: 0.25em 0em 0.7em 1.0em; padding: 0; list-style-type: none; } #emergency-links .frontlinks ul li { padding: 0em 0em 0em 0em; margin: 0; } #emergency-links .frontlinks ul li a { color: #0A2E80; text-decoration: none; background-image: url(/__data/assets/image/0011/128/arrow_right.gif); background-repeat: no-repeat; background-position: left bottom; padding: 0em 0em 0em 1.0em; } #emergency-links .frontlinks ul li a:hover { color: #003366; text-decoration: underline; } #emergency-links .frontlinks ul li a:active { text-decoration: none; } #emergencynews { float: left; width: 450px; margin: 0; padding: 1.4em 0em 1.0em 0em; } #emergencynews p { font-size: 0.9em; padding: 0em 30px 1.5em 1.5em; margin: 0; background-image: url(/__data/assets/image/0009/153/news-item.gif); background-repeat: no-repeat; background-position: left top; } #emergencynews p.noicon { background: none; } #emergencynews p a { font-size: 1.2em; display: block; text-decoration: none; color: #0A2E80; margin: 0em 0em 0.35em 0em; } #emergencynews p a:hover { text-decoration: underline; color: #003366; } #emergencynews p img { } #emergencynews p:hover { } /* For 3 grey blocks on the front page only ***/ #frontnavblock { clear: both; } #frontnavblock { /* defined in the "speech bubble headings" */ } .frontlinks { background-image: url(/__data/assets/image/0007/133/frontlinks-background.jpg); background-repeat: repeat-x; background-position: bottom; padding: 1.4em 0em 1.0em 0em; width: 215px; margin: 0; min-height: 17.35em; float: left;} .frontlinks ul { font-size: 1.2em; line-height: 1.8em; margin: 0.25em 0em 0.7em 1.0em; padding: 0; list-style-type: none; } .frontlinks ul li { padding: 0em 0em 0em 0em; margin: 0; } .frontlinks ul li a { color: #0A2E80; text-decoration: none; background-image: url(/__data/assets/image/0011/128/arrow_right.gif); background-repeat: no-repeat; background-position: left bottom; padding: 0em 0em 0em 1.0em; } .frontlinks ul li a:hover { color: #003366; text-decoration: underline; } .frontlinks ul li a:active { text-decoration: none; } #popularlinks { margin: 0em 25px 0em 0em; } #communications { margin: 0em 25px 0em 0em; } #informationabout { margin: 0; } /***** NEWS BLOCK *****/ #news { clear: both; width: 700px; margin: 0; padding: 1.0em 0em 1.0em 0em; } #news h2 { /* defined in the "speech bubble headings" */ } #news #latestnews { width: 470px; float: left; margin: 0; padding: 0; } #news #latestnews p { font-size: 0.9em; padding: 0em 30px 1.5em 1.5em; margin: 0; background-image: url(/__data/assets/image/0009/153/news-item.gif); background-repeat: no-repeat; background-position: left top; } #news #latestnews p.noicon { background: none; } #news #latestnews p a { font-size: 1.2em; display: block; text-decoration: none; color: #0A2E80; margin: 0em 0em 0.35em 0em; } #news #latestnews p a:hover { text-decoration: underline; color: #003366; } #news #latestnews p img { } #news #latestnews p:hover { } #news #hottopics { float: right; width: 210px; } #news #hottopics p { font-size: 0.9em; padding: 0em 30px 1.5em 0em; margin: 0; } #news #hottopics p a { font-size: 1.2em; color: #1188b2; text-decoration: none; display: block; margin: 0em 0em 0.35em 0em; } #news #hottopics p a:hover { text-decoration: underline; } /*** For scrolling block on the front page only - added by KC 20 May 2009 ***/ #frontscrollblock { float: left; clear: both; margin: 0.5em 0 0 0; padding: 0.5em 0 0 0; background-image: url(/__data/assets/image/0006/132/featurephoto-background.jpg); background-repeat: no-repeat; background-position: center bottom; } #frontscrollblock h2 { margin: 0 0 0.5em 0; padding: 4px 0 4px 1.0em; font-size: 1.0em; line-height: 2.5em; height: 38px; color: #A25100; text-transform: uppercase; font-weight: bold; background-image: url(/__data/assets/image/0008/134/heading-speechbubble.jpg); background-repeat: no-repeat; background-position: left center; } #frontscrollblock strong { font-weight: bold; } .frontscroll { float: left; position: relative; overflow: hidden; width: 666px; margin: 0 0 0 0; padding: 0 0 10px 30px; } .frontscroll .javascript_css { position: relative; z-index: 3; padding: 20px; background: #fffcd3; margin-bottom: 0.5em; } .frontscroll .skip_to_news { position: absolute; top: 0; left: -9999px; } .frontscroll .next { margin-top: 0.5px; position: absolute; top: 0; right: 0; z-index: 2; } .frontscroll .back { margin-top: 0.5px; position: absolute; top: 0; left: 0; z-index: 2; } .frontscroll .next a, .frontscroll .back a { display: none; outline: none; } .frontscroll .next a { position: absolute; right: 0px; width: 22px; height: 87px; line-height: 30px; background: url(/__data/assets/image/0007/68677/buttonnext5.gif) no-repeat top right; text-indent: -9999em; } .frontscroll .next a:hover { background-position: 0 -91px; } .frontscroll .back a { position: absolute; width: 22px; height: 87px; line-height: 30px; background: url(/__data/assets/image/0006/68676/buttonpre5.gif) no-repeat; text-indent: -9999em; } .frontscroll .back a:hover { background-position: 0 -91px; } .frontscroll .view_all { border: 0; margin: 0 0 0.7em 0; padding: 0; text-indent: -9999em; } .frontscroll .view_all a { font-size: 1.0em; display: inline; text-decoration: none; color: #0A2E80; } .frontscroll .view_all a:hover { text-decoration: underline; color: #003366; } .frontscroll ul { border: 0; position: relative; left: 0; width: auto; margin: 1.0em 0 1.5em 0; padding: 0; list-style-type: none; overflow: hidden; z-index: 1; } .frontscroll li { float: left; display: inline; width: 333px; padding: 0; overflow: hidden; } .frontscroll li img { float: left; display: inline; margin: 0 0 0.5em 0; border: 0; } .frontscroll li p { float: left; display: inline; margin: 0 0 0.35em 10px; padding: 0; width: 210px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.2em; } .frontscroll li p a { font-size: 1.2em; display: inline; text-decoration: none; color: #0A2E80; } .frontscroll li p a:hover { text-decoration: underline; color: #003366; } .frontscroll li p.home-road-alert { font-size: 0.9em; margin-top: 0.5em; line-height: 1.6em; } .frontscroll li p.home-road-alert a { font-weight: bold; color: #d50a05; text-decoration: none; } .frontscroll li p.home-road-alert a:hover { font-weight: bold; color: #0A2E80; text-decoration: underline; } .frontscroll li p.home-road-alert a span { font-size: 1.5em; } /***Status Report Scroll Block on frontpage - added by KC 27 May 2009 ***/ #statusreportblock { float: left; position: relative; height: 182px; width: 214px; margin: 1.5em 0px 0em 0em; padding: 0 0 0 0; background-image: url(/__data/assets/image/0015/70224/statusboxsmall.jpg); background-repeat: no-repeat; border: none; text-align: left; z-index: 1; } #rightcolumn #statusreportblock h2 { position: absolute; top: 146px; left: 10px; z-index: 3; font-size: 1.0em; line-height: 1.3em; height: 20px; margin: 0 0 0 0; padding: 0 0 0 0; color: #ffffff; font-weight: bold; text-transform: uppercase; background: none; } #rightcolumn #statusreportblock h2 a { text-decoration: none; color: #ffffff; } #rightcolumn #statusreportblock h2 a:hover { text-decoration: underline; color: #ffffff; } .statusreport { float: left; position: relative; overflow: hidden; width: 195px; height: 134px; margin: 6px 0 0 8px; padding: 0 0 0 2px; z-index: 1; } .statusreport ul { position: relative; padding: 0 0 0 0; margin: 0; list-style-type: none; top: 0; height: auto; overflow: hidden; z-index: 2; } .statusreport ul li { height: 67px; width: 192px; border: 0; padding: 0 0 0 0; margin: 0; background: url(/__data/assets/image/0009/69435/divider.gif) repeat-x 0 0; overflow: hidden; } .statusreport ul li.firststatus { height: 67px; width: 192px; border: 0; padding: 0 0 0 0; margin: 0; background: none; overflow: hidden; } .statusreport ul li img { float: left; display: inline; margin: 9px 0 0 0; padding: 0; border: 1px solid #ccc; } .statusreport li p { float: left; display: block; width: 140px; margin: 6px 0 0 2px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.2em; } .statusreport li p.statusitem { float: left; display: block; width: 140px; margin: 0 0 0 2px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.2em; } .statusreport li p a { font-size: 1.2em; display: block; text-decoration: none; color: #0A2E80; } .statusreport li p a:hover { text-decoration: underline; color: #003366; } .statusreport .skip_to_news { position: absolute; top: 0; left: -9999px; } #statusreportblock .next { position: absolute; top: 146px; right: 27px; z-index: 3; } #statusreportblock .back { position: absolute; top: 146px; right: 48px; z-index: 3; } #statusreportblock .next a, #statusreportblock .back a { display: none; outline: none; } #statusreportblock .next a { position: absolute; width: 18px; height: 15px; line-height: 15px; background: url(/__data/assets/image/0009/69489/downs.gif) no-repeat top right; text-indent: -9999em; } #statusreportblock .next a:hover { background-position: 0 -16px; } #statusreportblock .back a { position: absolute; width: 18px; height: 15px; line-height: 15px; background: url(/__data/assets/image/0010/69490/ups.gif) no-repeat; text-indent: -9999em; } #statusreportblock .back a:hover { background-position: 0 -16px; } .statusreport .view_all { border: 0; margin: 0 0 0 0; padding: 0; text-indent: -9999em; } .statusreport .view_all a { font-size: 1.0em; display: inline; text-decoration: none; color: #0A2E80; } .statusreport .view_all a:hover { text-decoration: underline; color: #003366; } /***** SPEECH BUBBLE HEADINGS *****/ #frontnavblock h2 { font-size: 1.0em; line-height: 2.5em; height: 38px; /* color: #d19900; */ color: #A25100; margin: 0em 0em 0em 0em; padding: 0em 0em 0em 1.0em; text-transform: uppercase; font-weight: bold; background-image: url(/__data/assets/image/0008/134/heading-speechbubble.jpg); background-repeat: no-repeat; background-position: left center; } #frontnavblock h2 a a { text-decoration: none; } #frontnavblock h2 a:hover { text-decoration: underline; } #emergency-links h2 { font-size: 1.0em; line-height: 2.5em; height: 38px; /* color: #d19900; */ color: #A25100; margin: 0em 0em 0em 0em; padding: 0em 0em 0em 1.0em; text-transform: uppercase; font-weight: bold; background-image: url(/__data/assets/image/0008/134/heading-speechbubble.jpg); background-repeat: no-repeat; background-position: left center; } /* added 7 Oct 2008 by KC */ #emergency-links h2 a { text-decoration: none; } /* added 7 Oct 2008 by KC */ #emergency-links h2 a:hover { text-decoration: underline; } /* added 7 Oct 2008 by KC */ #emergencynews h2 { font-size: 1.0em; line-height: 2.5em; height: 38px; color: #555666; margin: 0em 0em 0em 0em; padding: 0em 0em 0em 1.0em; text-transform: uppercase; font-weight: bold; background-image: url(/__data/assets/image/0008/134/heading-speechbubble.jpg); background-repeat: no-repeat; background-position: left center; } /* added 7 Oct 2008 by KC */ #emergencynews h2 a { color: #555666; text-decoration: none; } /* added 7 Oct 2008 by KC */ #emergencynews h2 a:hover { text-decoration: underline; } /* added 7 Oct 2008 by KC */ #news h2 { font-size: 1.0em; line-height: 2.5em; height: 38px; color: #555666; margin: 1.0em 0em 0.5em 0em; padding: 0em 0em 0em 1.0em; text-transform: uppercase; font-weight: bold; background-image: url(/__data/assets/image/0008/134/heading-speechbubble.jpg); background-repeat: no-repeat; background-position: left center; } #news h2 a { color: #555666; text-decoration: none; } /* added 3 July 2008 by KM */ #news h2 a:hover { text-decoration: underline; } /* added 3 July 2008 by KM */ #leftnavigation h2 { font-size: 1.0em; line-height: 1.0em; height: 38px; color: #555666; margin: 0em 1.0em 0em 0em; padding: 1.5em 0em 0em 1.0em; text-transform: uppercase; font-weight: bold; background-image: url(/__data/assets/image/0008/134/heading-speechbubble.jpg); background-repeat: no-repeat; background-position: left center; } #rightcolumn h2 { font-size: 1.0em; line-height: 2.5em; height: 38px; color: #555666; margin: 1.45em 0em 0.25em 0em; padding: 0em 0em 0em 1.0em; text-transform: uppercase; font-weight: bold; background-image: url(/__data/assets/image/0008/134/heading-speechbubble.jpg); background-repeat: no-repeat; background-position: left center; } #rightcolumn h2 a { color: #555666; text-decoration: none; } /* added 06 Apr 2009 by KC */ #rightcolumn h2 a:hover { text-decoration: underline; } /* added 06 Apr 2009 by KC */ /***** CONTENT *****/ #content { float: right; width: 460px; padding: 1.0em 0em 1.0em 0px; margin: 0; } #frontpage #content { width: 100%; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family: Helvetica, Verdana, Arial, sans-serif; } h1 { font-size: 2.10em; line-height: 1.0em; /* color: #993300; */ /* color: #B66700; */ color: #A25100; font-weight: normal; margin: 0.2em 0em 0.5em 0em; padding: 0; border-bottom: 1px solid #cccccc; } #content h2 { /*font-size: 1.9em;*/ font-size: 1.6em; line-height: 1.0em; color: #000000; margin: 1.75em 0em 0.5em 0em; padding: 0; font-weight: normal; clear: both; text-transform: uppercase; } #content h3 { font-size: 1.6em; line-height: 1.0em; color: #333333; margin: 0.75em 0em 0.5em 0em; padding: 0; font-weight: normal; } #content h4 { font-size: 1.4em; line-height: 1.5em; color: #555555; margin: 0.5em 0em 0em 0em; font-weight: bold; } #content h5 { font-size: 1.1em; line-height: 1.5em; color: #444034; font-weight: normal; } #content h6 { font-size: 0.9em; line-height: 1.5em; color: #444034; text-transform: uppercase; font-weight: normal; } #content p { font-size: 1.0em; line-height: 1.5em; margin: 0em 0em 1.0em 0em; padding: 0; } #content ul { list-style-type: disc; } #content div ul { list-style-type: disc; } #content ul li ul { list-style-type: circle; } #content ol { list-style-type: decimal; } #content li { font-size: 1.0em; line-height: 1.5em; margin: 0em 0em 0.5em 1.5em; } #content ul.icons { list-style: none; } #content dt { color: #0A2E80; font-size: 1.0em; font-weight: bold; line-height: 1.5em; margin: 0em 0em 0.5em 1em; } #content dd { font-size: 0.9em; line-height: 1.5em; margin: 0em 0em 0.5em 2.5em; } #content a { color: #0A2E80; text-decoration: underline; } #content a:hover { color: #003366; text-decoration: none; } #content table { font-size: 1.0em; line-height: 1.5em; width: 100%; border-collapse: collapse; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; margin: 0.75em 0em 1.35em 0em; } #content table caption { background-color: #f6f6f6; color:#083555; font-family:arial, verdana; margin:0; font-size:1.5em; font-weight:normal; text-align: left; vertical-align: top; padding: 0.5em 0.6em 0.5em 0.6em; } #content table tr {} #content table th { background-color: #f6f6f6; font-weight: bold; text-align: left; vertical-align: top; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 0.5em 1.0em 0.5em 1.0em; } #content table th a { } #content table th a:hover { } #content table td { border-right: 1px solid #cccccc; padding: 0.5em 1.0em 0.5em 1.0em; vertical-align: top; border-bottom: 1px solid #cccccc; } #content table td h1 { color: #00ff00; } #content table td h2 { } #content table td h3 { } #content table td h4 { } #content table td h5 { } #content table td h6 { } #content table td p { } #content table td ul { } #content table td ol { } #content table td li { } #content #rates2009-10, #content #rates2010-11 table td { text-align: right; } #content p.breadcrumbs { color: #cccccc; font-size: 0.8em; margin: 0.5em 0em 0.5em 0em; vertical-align: top; } #content p.breadcrumbs a { color: #0A2E80; text-decoration: none; } #content p.breadcrumbs a:hover { text-decoration: underline; } .address2 { font-size: 1.0em; line-height: 1.5em; margin: 0em 0em 0.5em 1.5em; } /* Election Nominations */ #content #nominations table { border: 0; margin: 0; } #content #nominations table td { border: 0; padding-top: 0; } /***** SUB-SITES & SERVICES INDEXES *****/ #content .item { background-image: url(/__data/assets/image/0007/133/frontlinks-background.jpg); background-repeat: repeat-x; background-position: center; width: 190px; padding: 0.5em 0.5em 0.5em 1.0em; margin: 0.5em 30px 0.5em 0em ; min-height: 5.5em; float: left; vertical-align: top; border: 1px solid #cccccc; } #content .item a { font-size: 0.9em; color: #333333; text-decoration: none; } #content .item a span { font-size: 1.333em; color: #0A2E80; display: block; text-decoration: none; } #content .item:hover { background: none; } #content .item a span:hover { text-decoration: underline; color: #003366; } #content .item a span:active { text-decoration: none; } #content .third { margin-right: 0; } /***** APPLIED TO A PHOTOGRAPH THAT HAS A CAPTION UNDERNEATH IT *****/ #content p.photocaption { font-size: 0.9em; width: 140px; float: left; color: #666666; margin: 0.5em 0em 0.5em 0em; padding: 0em 0em 0em 0em; } #content p.photocaption img { margin: 0em 1.0em 0em 0em; clear: right; margin: 0; padding: 0; } #content p.photocaption a { text-decoration: none; color: #666666; } #content p.photocaption a:hover {} #content p.photocaption1 { font-size: 0.9em; width: auto; float: left; color: #666666; margin: 0em 0.5em 0.5em 0em; padding: 0em 0em 0em 0em; text-align: center; } #content p.photocaption1 img { margin: 0em 0em 0.5em 0em; } /***** A TO Z APPLIED TO A UL ONLY *****/ #content ul.atoz { line-height: 2.0em; margin: 1.0em 0em 2.0em 0em; padding: 0; } #content ul.atoz li { list-style-type: none; list-style-position: inside; display: inline; padding: 0; margin: 0em; } #content ul.atoz li a { border: 1px solid #cccccc; padding: 0.3em; text-decoration: none; margin: 0em 0em 0em 0em; } #content ul.atoz a:hover { background-color: #e8ebf3; color: #003366; } /***** PAGE SUB NAVIGATION - applied to a UL *****/ #content ul.pagesubnav { background-image: url(/__data/assets/image/0007/133/frontlinks-background.jpg); background-repeat: repeat-x; background-position: left bottom; margin: 0em 0em 4.0em 0em; padding: 0.75em 0em 1.0em 2.0em; list-style-type: circle; } #content ul.pagesubnav li { margin: 0em 0em 0.5em 0em; } #content ul.pagesubnav li a { text-decoration: none; } #content ul.pagesubnav li a:hover { text-decoration: underline; } #content p.topofpage { font-size: 0.9em; color: #000000; text-align: right; margin: 1.0em 0em 1.0em 0em; } #content p.topofpage a { } #content p.topofpage a:hover { } #content p.topofpage a:before { content: "« "; } #content p.topofpage a:hover:before { content: "^ "; } #content p.smalltag { font-size: 0.9em; font-style: italic; color: #999999; } #content p.lastupdated { font-size: 0.9em; color: #666666; text-align: right; margin: 3.0em 0em 0em 0em; } /***** FOR IMAGE FLOAT *****/ #content img { border: 0px; margin: 20px 0 20px 0; } #content img.nomargin { margin: 0em; } #content img.nomarginmid { margin: 0em 0em 0em 0em; vertical-align: middle; } #content img.imagefloatleft { float: left; } #content div img.imagecenter { text-align: center; } #content img.imageright { float: right; margin: 0em; } #content img.imageright2 { float: right; margin: 20px 0 20px 0; } #content img.floatleft1 { float:left; margin: 10px 15px 15px 0px; padding: 0; } #content img.floatleft2 { float:left; margin: 10px 15px 0px 0px; padding: 0; } #content img.floatleft3 { float:left;} #content a img { text-decoration: none; border: none; } #content form { } #content input { } #content form input.formbutton {font-size: 1.0em; line-height: 1.0em; font-weight: bold; color: #ffffff; background-color: #ffffff; background-image: url(/__data/assets/image/0020/25391/formbutton.gif); background-repeat: no-repeat; height: 23px; width: 120px; border: none; text-align: center; cursor: pointer; cursor: hand; } #content hr { } #content em { font-style: italic; } #content strong { font-weight: bold; } /***** FOR ONLINE QUIZ AND CUSTOM FORM - added by KC 22 Oct 2008 *****/ .sq-online-quiz-question-multichoice ul { background-image: url(/__data/assets/image/0007/133/frontlinks-background.jpg); background-repeat: repeat-x; background-position: left bottom; margin: 0em 0em 2.0em 0em; padding: 0.75em 0em 1.0em 2.0em; } .sq-online-quiz-question-multichoice ul li { list-style: none; } .sq-online-quiz-question-multichoice input { vertical-align: middle; margin: 0 1em 0 0; } .sq-online-quiz-question-multichoice label { } .checknolist li { list-style: none; } .checknolist input, .radionolist ul li input { vertical-align: middle; margin: 0 5px 0 0; } .radionolist input { vertical-align: middle; } .radionolist ul { margin: 0 0 1.0em 0; } .radionolist li { list-style-type: none; list-style-position: inside; display: inline; margin: 0 5px 0 0; padding: 0; } #content #action-buttons { text-align: right; } #content #action-buttons img { cursor: pointer; cursor: hand; } #content div.floatleft { float: left; margin: 0 1em 0 0; } #content div.floatright { float: right; margin: 0 0 0 0; } #content .alignright { text-align: right; } #content img.maxmin { cursor: pointer; cursor: hand; margin: 0em; } #content img#sq_security_key { margin: 0em; } #content span.error { font-weight: bold; color: #FF0000; } #dccSubmit { margin: 0em 2.5em 0em 0em; } #dccSubmit input { font-size: 1.0em; line-height: 1.0em; font-weight: bold; color: #ffffff; background-color: #ffffff; background-image: url(/__data/assets/image/0020/25391/formbutton.gif); background-repeat: no-repeat; height: 23px; width: 120px; border: none; text-align: center; cursor: pointer; cursor: hand; } #quizresults table { font-size: 1.0em; line-height: 1.5em; width: 100%; border-collapse: collapse; border-top: 0px solid #cccccc; border-left: 0px solid #cccccc; margin: 0.75em 0em 1.35em 0em; } #quizresults table caption { background-color: #f6f6f6; color:#083555; font-family:arial, verdana; margin:0; font-size:1.5em; font-weight:normal; text-align: left; vertical-align: top; padding: 0.5em 0.6em 0.5em 0.6em; } #quizresults table tr { } #quizresults table tr.results { background-image: url(/__data/assets/image/0007/133/frontlinks-background.jpg); background-repeat: repeat-x; background-position: left bottom; } #quizresults table th { background-color: #f6f6f6; font-weight: bold; text-align: left; vertical-align: top; border-right: 0px solid #cccccc; border-bottom: 0px solid #cccccc; padding: 0.5em 1.0em 0.5em 1.0em; } #quizresults table th a { } #quizresults table th a:hover { } #quizresults table td { border-right: 0px solid #cccccc; padding: 0.5em 1.0em 0.5em 1.0em; vertical-align: top; border-bottom: 0px solid #cccccc; } #quizresults table td.results { background-image: url(/__data/assets/image/0007/133/frontlinks-background.jpg); background-repeat: repeat-x; background-position: left bottom; } #quizresults table td h1 { color: #00ff00; } /***** FOR JOB PROFILE SEARCH PAGE - added by KC 28 Jan 2009 *****/ #content #top3 { padding: 0em 0em 0em 1.0em; } #content .jobprofile { width: 190px; padding: 0.5em 0.5em 0.5em 0.5em; margin: 0.5em 23px 2em 0em ; float: left; vertical-align: top; text-align: center; border: 1px solid #cccccc; } #content .jobprofile a { font-weight: bold; text-decoration: none; } #content .jobprofile a:hover { font-weight: bold; text-decoration: underline; } #content .jobprofile img:hover { text-decoration: none; } /***** FOR COMMENTS - added by KC 29 Jan 2009 *****/ #content .commenttop5 { margin: 0.5em 0em 0em 0em; border-bottom: 1px solid #cccccc; } #content .comment { margin: 0.5em 0em 0em 0em; border-bottom: 1px solid #cccccc; } /***** FOR SIMPLE EDIT MANAGEMENT PAGES - added by KC 11 Dec 2008 *****/ #leftnavigation img.nomarginmid { margin: 0em 0em 0em 0em; vertical-align: middle; } #leftnavigation ul.icons { list-style: none; } #leftnavigation ul.icons li { font-size: 1.0em; line-height: 1.5em; margin: 0em 0em 0.2em 0em; padding: 0; } #leftnavigation strong { font-weight: bold; } /***** FOR TELL US ABOUT YOUR EVENT - added by KC 3 Nov 2008 *****/ #content span.eventFormMonth select { width: 4.5em } #content span.eventFormTime select { width: 3.5em } #content span.tableheadingNote { font-weight: normal; font-size: 0.8em; } #content span.tableheadingNote a { text-decoration: none; } #content span.tableheadingNote a:hover { text-decoration: underline; } /***** FOR INDICATOR GRAPHS - added by KC 10 FEB 2009 *****/ canvas { cursor: pointer; cursor: hand; } #content div.legendreplace { margin: 2em 0 2em 0; } #content div.legendreplace table { margin: 0 0 0 5em; width: auto; border-collapse: collapse; border-top: 0px solid #cccccc; border-left: 0px solid #cccccc; } #content div.legendreplace td.legendColorBox { padding: 0.5em 0.5em 0.5em 0.5em; vertical-align: top; border-right: 0px solid #cccccc; border-bottom: 0px solid #cccccc; } #content div.legendreplace td.legendLabel { padding: 0.5em 0.5em 0.5em 0.5em; border-right: 0px solid #cccccc; border-bottom: 0px solid #cccccc; text-align: left; } #content div.legendreplace th { border-bottom: 0; border-right: 0; } .pieLabel div { font-size: 10px; border: 1px solid gray; background: yellow; padding: 1px; text-align: center; } /***** FOR INDICATOR GRAPHS WIDGETS - added by KC 19 FEB 2009 *****/ #indicatorwealth { float: left; font-size: 0.85em; margin: 1.5em 10px 0em 0em; padding: 1.0em 0 0 1.0em; width: 203px; height: 240px; background-image: url(/__data/assets/image/0019/54127/ci-wealthycity.jpg); border: none; text-align:left; background-repeat: no-repeat; } #indicatoraccess { float: left; font-size: 0.85em; margin: 1.5em 10px 0em 0em; padding: 1.0em 0 0 1.0em; width: 203px; height: 240px; background-image: url(/__data/assets/image/0020/54128/ci-accessiblecity.jpg); border: none; text-align:left; background-repeat: no-repeat; } #indicatoractive { float: left; font-size: 0.85em; margin: 1.5em 10px 0em 0em; padding: 1.0em 0 0 1.0em; width: 203px; height: 240px; background-image: url(/__data/assets/image/0003/54129/ci-activecity.jpg); border: none; text-align:left; background-repeat: no-repeat; } #indicatorculture { float: left; font-size: 0.85em; margin: 1.5em 10px 0em 0em; padding: 1.0em 0 0 1.0em; width: 203px; height: 240px; background-image: url(/__data/assets/image/0013/54130/ci-cultureandlearning.jpg); border: none; text-align:left; background-repeat: no-repeat; } #indicatorsafe { float: left; font-size: 0.85em; margin: 1.5em 10px 0em 0em; padding: 1.0em 0 0 1.0em; width: 203px; height: 240px; background-image: url(/__data/assets/image/0014/54131/ci-safeandhealthypeople.jpg); border: none; text-align:left; background-repeat: no-repeat; } #indicatorsupport { float: left; font-size: 0.85em; margin: 1.5em 10px 0em 0em; padding: 1.0em 0 0 1.0em; width: 203px; height: 240px; background-image: url(/__data/assets/image/0015/54132/ci-supportivecommunity.jpg); border: none; text-align:left; background-repeat: no-repeat; } #indicatorsustain { float: left; font-size: 0.85em; margin: 1.5em 10px 0em 0em; padding: 1.0em 0 0 1.0em; width: 203px; height: 240px; background-image: url(/__data/assets/image/0016/54133/ci-sustainablecityandenviro.jpg); border: none; text-align:left; background-repeat: no-repeat; } #grapharea { margin: 0 0 0 0; padding: 0 0 0 0; width: 195px; height: 200px; } #outcome { margin: 0.5em 0 0 0; padding: 0 0 0 0em; height: 25px; } #outcome h2 { font-size: 1.3em; line-height: 1.3em; height: 20px; margin: 0 0 0 0; padding: 0 0 0 0; color: #ffffff; font-weight: bold; text-transform: uppercase; background-image: none; } #outcome h2 a { text-decoration: none; color: #ffffff; } #outcome h2 a:hover { text-decoration: underline; color: #ffffff; } #rightcolumn div.legendreplace { margin: 0.1em 0 0 0; } #rightcolumn div.legendreplace table { margin: 0 0 0 0.2em; width: auto; border-collapse: collapse; border-top: 0px solid #cccccc; border-left: 0px solid #cccccc; } #rightcolumn div.legendreplace td.legendColorBox { padding: 0em 0em 0em 0em; vertical-align: top; border-right: 0px solid #cccccc; border-bottom: 0px solid #cccccc; } #rightcolumn div.legendreplace td.legendLabel { padding: 0em 0.2em 0.1em 0.2em; border-right: 0px solid #cccccc; border-bottom: 0px solid #cccccc; text-align: left; } #rightcolumn div.legendreplace th { border-bottom: 0; border-right: 0; } #rightcolumn table#lines1 { color: #ffffff; } #rightcolumn table#busenvind1 { color: #ffffff; } #indicatorgallery div.legendreplace { margin: 0.1em 0 0 0; } #indicatorgallery div.legendreplace table { margin: 0 0 0 0.2em; width: auto; border-collapse: collapse; border-top: 0px solid #cccccc; border-left: 0px solid #cccccc; } #indicatorgallery div.legendreplace td.legendColorBox { padding: 0em 0em 0em 0em; vertical-align: top; border-right: 0px solid #cccccc; border-bottom: 0px solid #cccccc; } #indicatorgallery div.legendreplace td.legendLabel { padding: 0em 0.2em 0.1em 0.2em; border-right: 0px solid #cccccc; border-bottom: 0px solid #cccccc; text-align: left; } #indicatorgallery div.legendreplace th { border-bottom: 0; border-right: 0; } #indicatorgallery table#lines1 { color: #ffffff; } #indicatorgallery table#busenvind1 { color: #ffffff; } #indicatorgallery p { margin: 0 0 0 0; padding: 0 0 0 0; font-size: 0.95em; line-height: 1.0em; } /***** LEFT NAVIGATION *****/ #leftnavigation { width: 210px; margin: 0.7em 0em 0em 0em; padding: 0; } #leftnavigation h2 { /* defined in the "speech bubble headings" */ } /***** NEW LEFT NAVIGATION LIST *****/ #leftnavigation ul { margin: 0.5em 1.0em 1.0em 1.5em; padding: 0em 0em 0.5em 0em; list-style-image: url(/__data/assets/image/0011/128/arrow_right.gif); } #leftnavigation ul li { font-size: 1.20em; margin: 0em 0em 0.25em 0em; list-style-position: outside; } #leftnavigation ul li a { color: #0A2E80; text-decoration: none; padding: 0em 0em 0em 0em; } #leftnavigation ul li a:hover { color: #003366; text-decoration: underline; } #leftnavigation ul li ul { border: none; margin: 0.3em 0em 0em 0.75em; padding: 0; list-style-type: none; } #leftnavigation ul li ul li { font-size: 0.8em; list-style-image: none; padding: 0em 0em 0.35em 0em; } #leftnavigation ul li ul li a { font-weight: normal; background: none; padding: 0; } #leftnavigation ul li ul a:hover { } #leftnavigation p { font-size: 0.9em; line-height: 1.35em; color: #333333; margin: 0em 0em 1.0em 1.0em; padding: 0; } #leftnavigation p a { color: #0A2E80; text-decoration: none; } #leftnavigation p a:hover { color: #003366; text-decoration: underline; } /***** RIGHT COLUMN *****/ #rightcolumn { float: right; width: 215px; height: 100%; margin: 0em 10px 0em 0em; padding: 0; } #rightcolumn.frontpage { margin-right: 25px; } #rightcolumn h2 { /* defined in the "speech bubble headings" */ } #rightcolumn strong { font-weight: bold; } /***** RIGHT COLUMN IMAGE *****/ #rightcolumn img.rightcolumn-singlephoto, img.rightcolumn-singlephoto { margin: 1.5em 0em 0em 0em; padding: 0em 0em 8px 0em; background-image: url(/__data/assets/image/0013/139/rightcolphoto-background.jpg); background-position: center bottom; background-repeat: no-repeat; } /***** RIGHT COLUMN PHOTO CAPTION *****/ div.gardensCaption { margin: 0em 0em 1.0em 0em; padding: 0em 0em 0em 0em; text-align: center; font-size: 0.9em; color: #666666; } /***** RIGHT COLUMN BLUE QUICKFIND *****/ #quickfind { font-size: 1.0em; line-height: 1.0em; margin: 1.0em 10px 0em 0em; padding: 0; width: 214px; height: 270px; background-image: url(/__data/assets/image/0012/138/quickfind.jpg); background-repeat: no-repeat; background-position: left top; overflow: hidden; vertical-align: baseline; text-align: center; } #quickfind #tools { width: 75%; margin: 1.0em auto 0em auto; text-align: center; } #quickfind #tools #row1 { padding: 0; margin: 0; border-bottom: 1px solid #cccccc; height: 70px; } #quickfind #tools #row2 { padding: 0; margin: 0; border-bottom: 1px solid #cccccc; height: 65px; } #quickfind #tools #row3 { padding: 0; margin: 0; border: none; height: 65px;} #quickfind .right { width: 45%; float: left; padding: 0.75em 0em 0em 5%; } #quickfind .left { width: 45%; float: left; padding: 0.75em 5% 0em 0em; } #quickfind div a { color: #0A2E80; text-decoration: none; } #quickfind div a:hover { color: #003366; text-decoration: none; } #quickfind div a img { border: none; margin: 0em 0em 0.25em 0em; } #quickfind table { width: 80%; height: 200px; margin: 1.0em auto 0em auto; border-collapse: collapse; text-align: center; } #quickfind table tr { padding: 0; margin: 0; border-bottom: 1px solid #cccccc; } #quickfind table tr.noborder { border: none; } #quickfind table th { } #quickfind table td { width: 50%; text-align: center; padding: 1.0em 0.5em 0em 0.5em; } #quickfind table td a { color: #0A2E80; text-decoration: none; } #quickfind table td a:hover { color: #003366; text-decoration: none; } #quickfind table td img { margin: 0em 0em 0.3em 0em; text-decoration: none; border: none; } #quickfind h3 { clear: both; font-size: 1.1em; color: #ffffff; text-transform: uppercase; text-align: center; vertical-align: top; margin: 15px 0em 0em 0em; padding: 0; } #quickfind h3 img { border: none; margin: 0em 0.3em 0em 0em; padding: 0; } #quickfind h3 a { color: #0A2E80; text-decoration: none; } #quickfind h3 a:hover { color: #003366; text-decoration: underline; } #quickfind h3 strong { font-weight: bold; } /***** RIGHT COLUMN SMALL QUICKFIND *****/ #quickfind2 { font-size: 0.85em; margin: 1.0em 10px 0em 0em; padding: 0; width: 214px; height: 150px; background-image: url(/__data/assets/image/0018/16641/quickfindsmall.jpg); border: none; text-align:left; } #quickfind2 ul { padding: 2.0em 0em 0em 2.0em; } #quickfind2 ul li {list-style:none; padding: 0.5em 0em 0em 0em;} #quickfind2 ul li img {margin: 0em 0.8em 0em 0em;} #quickfind2 ul li a {color: #083555; text-decoration:underline; } #quickfind2 ul li a:hover {color: #083555; text-decoration:none; } #quickfindlogin { font-size: 0.85em; margin: 1.0em 10px 0em 0em; padding: 0; width: 214px; height: 165px; background-image: url(/__data/assets/image/0019/49240/qfbigger.jpg); border: none; text-align:left; } #quickfindlogin ul { padding: 2.0em 0em 0em 2.0em; } #quickfindlogin ul li {list-style:none; padding: 0.5em 0em 0em 0em;} #quickfindlogin ul li img {margin: 0em 0.8em 0em 0em;} #quickfindlogin ul li a {color: #083555; text-decoration:underline; } #quickfindlogin ul li a:hover {color: #083555; text-decoration:none; } /***** RIGHT COLUMN TAG CLOUD - added by KC 27 Aug 2008 *****/ #tag-cloud { } #tag-cloud p { color: #0A2E80; } #tag-cloud a { color: #0A2E80; text-decoration: none; } #tag-cloud a:hover { text-decoration: underline; } #tag-cloud span.largest { font-size: 1.7em; margin: 0em 0.2em 0em 0em; } #tag-cloud span.large { font-size: 1.4em; margin: 0em 0.2em 0em 0em; } #tag-cloud span.medium { font-size: 1.3em; margin: 0em 0.2em 0em 0em; } #tag-cloud span.small { font-size: 1em; margin: 0em 0.2em 0em 0em; } #tag-cloud span.smallest { font-size: 0.85em; margin: 0em 0.2em 0em 0em; } /***** RIGHT COLUMN CALENDAR SEARCH WIDGET - added by KM 15 May 2008 *****/ #eventsSearch { float: left; } #eventsSearch img { margin: 0; padding: 0; border: none; } #eventsSearch input#queries_text_query { margin: 0 0 0.75em 0; } #eventsSearch label { float: left; width: 43px; } #eventsSearchKeyword { margin-top: 5px; } #eventsSearchFrom { font-size: 0.9em; margin: 0em 0em 5px 0em; } #eventsSearchTo { font-size: 0.9em; margin-bottom: 5px; } #eventsSearchFrom select, #eventsSearchTo select, #eventsSearchFrom input, #eventsSearchTo input { font-size: 0.9em; margin: 0em 0em 8px 0em; vertical-align: top; } #eventsSearchFrom img, #eventsSearchTo img { vertical-align: top; margin: 0; padding: 0; border: none 0; } .eventsSearchDay select { width: 4.5em; } .eventsSearchMonth select { width: 5.0em } #eventsSearchSubmit { text-align: right; margin: 0em 2.5em 0em 0em; } #eventsSearchSubmit input { font-size: 1.0em; line-height: 1.0em; font-weight: bold; color: #ffffff; background-color: #ffffff; background-image: url(/__data/assets/image/0020/25391/formbutton.gif); background-repeat: no-repeat; height: 23px; width: 120px; border: none; text-align: center; cursor: pointer; cursor: hand; } /***** RIGHT COLUMN CALENDAR WIDGET *****/ /* added by KM 29 April 2008 */ #calendarwrapper { float: left; } #eventsCalendarMonth { position: relative; } #eventsCalendarMonth { text-align: center; width: 190px; } #eventsCalendarMonth span.prevLink { position: absolute; left: 0; } #eventsCalendarMonth span.nextLink { position: absolute; right: 0; } #eventsCalendarMonth span.prevLink a img, #eventsCalendarMonth span.nextLink a img { border: 0; } #calendarTable { font-size: 1.0em; line-height: 1.0em; } #calendarwrapper p { font-size: 0.9em; text-align: center; color: #cccccc; margin: 0; width: 190px; margin-bottom: 0.5em; } #calendarwrapper p a { color: #0A2E80; text-decoration: none; } #calendarwrapper p a:hover { text-decoration: underline; } #calendarTable table { font-size: 0.9em; margin: 0em 10px 0.5em 0em; width: 96%; padding: 0; border-collapse: collapse; } #calendarTable table tr { padding: 0; margin: 0; } #calendarTable table tr.noborder { border: none; } #calendarTable table th { padding: 0.2em 0em 0.2em 0em; margin: 0; width: 12%; font-weight: normal; vertical-align: bottom; text-align: right; } #calendarTable table th h3 { font-size: 1.482em; text-align: center; } #calendarTable table th { font-size: 0.9em; line-height: 1.0em; } /* amended by KM 10 April 2008 */ #calendarTable table th img { border: none; padding: 0em 1.0em 0em 1.0em; } #calendarTable table td { font-size: 0.80em; width: 12%; padding: 0; margin: 0; vertical-align: top; text-align: right; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; } #calendarTable table td:hover { background-color: #e6e8ec; } #calendarTable table td:hover a { color: #000000; } #calendarTable table td a { color: #333333; text-decoration: none; padding: 0.3em 0.3em 1.2em 1.0em; display: block; } /* amended 28 April 2008 by KM */ #calendarTable table td.fade { color: #999999; } #calendarTable table td.fade a { color: #999999; } #calendarTable table td.today { background-color: #ffffbb; color: #ffffff; } #calendarTable table td.today a { } #calendarTable table td.today:hover { background-color: #d19900; } #calendarTable table td.today:hover a { color: #000000; } #calendarwrapper p.tellus { margin-bottom: 0; } /* added by KM 3 April 2008 */ #calendarTable table div.event { display: none; } #calendarTable table td { height: 2em; } #calendarTable table br { display: none; } #eventsCalendarMonth { text-align: center; font-size:1.35em; } #eventsCalendarMonth a { text-decoration: none; } #eventsCalendarMonth a:hover { text-decoration: underline; } /***** RIGHT COLUMN SURVEY *****/ #rightcolumn #survey { margin: 1.0em 0em 1.0em 0em; width: 215px; } #rightcolumn #survey table { font-size: 0.9em; margin: 0; padding: 0; border-collapse: collapse; } #rightcolumn #survey table tr { padding: 0; margin: 0; } #rightcolumn #survey table th { margin: 1.0em 0em 0em 0em; padding: 0; text-align: left; } #rightcolumn #survey table td { padding: 0.3em 1.0em 1.2em 1.0em; margin: 0; vertical-align: top; } #rightcolumn #survey table td a { padding: 0; margin: 0; text-decoration: none; } #rightcolumn #survey table td form { padding: 0em 0em 0.5em 0em; } #rightcolumn #survey table td form label { line-height: 1.2em; display: block; } #rightcolumn #survey table td form label input { margin: 0.5em 1.0em 0em 0em; } #rightcolumn #survey table .button { margin: 0.5em 0em 0em 0em; } #rightcolumn #survey p { padding: 1.0em 0 0.5em 0; } /***** RIGHT COLUMN SURVEY2 *****/ #rightcolumn #survey2 {width: 215px; height: 300px; background-image: url(/__data/assets/image/0011/54101/box-orange.jpg); background-repeat: no-repeat; background-position: right top; padding: 0.5em 0em 0.5em 0em; margin: 2.0em 0em 1.0em 0em; } #rightcolumn #survey2 p {padding: 1.0em 1.0em 0em 0em; text-decoration:none; color:#ff0000; } #rightcolumn #survey2 h3 {color: #ff0000; text-transform: uppercase; font-weight: bold; } #rightcolumn #survey2 table {margin: 0; padding: 0; border-collapse: collapse; } #rightcolumn #survey2 table tr { padding: 0; margin: 0; } #rightcolumn #survey2 table td { padding: 1.0em 0em 0em 0.9em; margin: 0; vertical-align: top; } #rightcolumn #survey2 table td.right { padding: 2.0em 1.0em 0em 0em; margin: 0; vertical-align: top; } #rightcolumn #survey2 table td.right h3 a {color: #083555; text-decoration:underline; } #rightcolumn #survey2 table td.right h3 a:hover {color: #083555; text-decoration:none; } /***** RIGHT COLUMN ALERT *****/ #rightcolumn #alert { float:left; font-size: 0.9em; width: 100%; background-color: #ffffbb; background-image: url(/__data/assets/image/0009/126/alert.jpg); background-repeat: no-repeat; background-position: right top; padding: 0.5em 0em 0.5em 0em; margin: 1.5em 0em 1.0em 0em; } #rightcolumn #alert h3 { color: #ff0000; text-transform: uppercase; font-weight: bold; margin: 0 0 0 1.0em; background: none; } #rightcolumn #alert p { margin: 0em 2.0em 0.5em 1.0em; padding: 0; } #rightcolumn #alert p a { color: #003399; text-decoration: underline; } #rightcolumn #alert p a:hover { color: #ff0000; text-decoration: none; } /***** RIGHT COLUMN ALERT *****/ #rightcolumn .live-chat { float: left; padding: 1.0em 0 0 0; margin: 0 0 0 0; } #rightcolumn .live-chat table, #rightcolumn .live-chat tr, #rightcolumn .live-chat th, #rightcolumn .live-chat td { border: 0!important; } /***** NEW WIDE ALERT STYLE - added by KC 09 Jun 2009 *****/ #alertblock { float: left; clear: both; width: 695px; height: 125px; margin: 1.5em 0 0.5em 0; padding: 0.5em 0 0.5em 0; background: url(/__data/assets/image/0006/132/featurephoto-background.jpg); background-repeat: no-repeat; background-position: center bottom; background-color: #F6F6F6; border: 0; } #alertblock h2 { color: #A25100; text-transform: uppercase; font-weight: bold; margin: 0.3em 0 0.35em 130px; background: none; } #alertblock img { float: left; display: inline; margin: 0.2em 0 0 2em; border: 0; } #alertblock p { margin-left: 130px; margin-bottom: 0.3em; width: 490px; font-size: 0.9em; } #alertblock a { color: #0A2E80; text-decoration: none; } #alertblock a:hover { color: #003366; text-decoration: underline; } #alertblock strong { font-weight: bold; } /***** FOOTER *****/ #footer { clear: both; width: 100%; height: 190px; margin: 12.0em 0em 0em 0em; background-color: #e6e8ec; vertical-align: middle; } #footer #footerinner { width: 1000px; height: 185px; margin: 0em auto 0em auto; } #footer #footerinner #logos { width: 190px; height: 185px; float: right; } #footer #footerinner #logos a { display: block; } #footer #footerinner #dcclogofooter { width: 190px; height: 185px; float: left; margin: 0; padding: 0; } #footer #footerinner #address { font-size: 0.9em; line-height: 1.5em; color: #666666; float: left; width: 190px; height: 40%; padding: 1.0em; margin: 45px 0em 0em 3.0em; border-right: 1px solid #cccccc; } #footer #footerinner .links { float: left; width: 100px; height: 40%; padding: 1.0em 1.0em 1.0em 2.0em; margin: 45px 1.0em 0em 0em; border-right: 1px solid #cccccc; } #footer #footerinner .noborder { border: none; } #footer ul { font-size: 0.9em; line-height: 1.5em; margin: 0; padding: 0em 0em 0em 1.0em; color: #b0b3c2; } #footer ul li { list-style-type: none; padding: 0; } #footer a { color: #0A2E80; text-decoration: none; } #footer a:hover { color: #003366; text-decoration: underline; } #footer img { border: none; padding: 0; margin: 0; } /***** OTHER STYLES *****/ .clearall { clear: both; } .hide { display: none; } /* added by KM 23 April 2008 */ #printheader { display: none; height: 0; width: 0; border: none; background: none; } /***** WEATHER PAGE *****/ /* added by KM 10 April 2008 */ .forecastTitle { float: left; } .forecastTimeIssued { float: right; } #weatherForecast tr td img { display: none; margin: 0 0.5em 0 0; } #weatherForecast tr.FEWSHOWERS td img.FEWSHOWERS { display: block; } #weatherForecast tr.FOG td img.FOG { display: block; } #weatherForecast tr.FINE td img.FINE { display: block; } #weatherForecast tr.HAIL td img.HAIL { display: block; } #weatherForecast tr.PARTCLOUDY td img.PARTCLOUDY { display: block; } #weatherForecast tr.RAIN td img.RAIN { display: block; } #weatherForecast tr.SNOW td img.SNOW { display: block; } #weatherForecast tr.THUNDER td img.THUNDER { display: block; } #weatherForecast tr.WIND td img.WIND { display: block; } /***** EVENTS PAGES *****/ /* added by KM 30 April 2008 - edited by Croydon 26 June 08 */ #events-listing div.event { padding: 0em 0em 0.75em 0em; margin: 0.5em 0em 0.5em 0em; border-bottom: 1px solid #cccccc; } #events-listing div.stripe { /* background: #eee;*/ } #events-listing div.event h3 { } #events-listing div.event h3 a { text-decoration: none; } #events-listing div.event h3 a:hover { text-decoration: underline; } #content .datetime { font-style: italic; } /* page numbers at the bottom of an events listing */ #events-listing p.pagenumber { font-weight: bold; margin: 2.0em 0em 0em 0em; } #events-listing p.pagenumber a { padding: 0.25em; margin: 0em 0.25em 0em 0em; text-decoration: none; border: 1px solid #cccccc; } #events-listing p.pagenumber a:hover { background-color: #e6e8ec; } /*****SEARCH RESULTS *****/ #search-results {} #search-results .searchresult { } #search-results .searchresult a { font-weight: bold; text-decoration: none; } #search-results .searchresult a:hover { font-weight: bold; text-decoration: underline; } #search-results .searchresult span { font-size: 0.9em; } #search-results p.pagenumber { font-weight: bold; margin: 5.0em 0em 0em 0em; } #search-results p.pagenumber a { padding: 0.25em; margin: 0em 0.25em 0em 0em; text-decoration: none; border: 1px solid #cccccc; } #search-results p.pagenumber a:hover { background-color: #e6e8ec; } #search-results .searchresultconsents { padding: 0em 0em 0.5em 0em; border-bottom: 1px solid #cccccc; } #search-results .searchresultconsents span { font-size: 0.9em; } /***** RID PAGES *****/ /* added by SL 28 May 2008 */ .ridcontainer { width:570px; border: solid 1px #cccccc; } .ridsearch { text-align:left; margin-top:30px; padding-left:25px; } .ridsearch img { padding:0px; margin:0px; text-align:left; } .searchbutton { text-align:left; } .searchagain { text-align:left; padding-left:20px; } #content h2.topofthepage2 { padding-left:20px; overflow:hidden; margin-top:0px; margin-right:0px; color:#083555; background-color:#f6f6f6; border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc; font-family: arial, verdana; font-size:18px; font-weight:normal; padding-top:5px; } /***riddetailshere***/ .topofthepage { padding-left:20px; overflow:hidden; margin-top:0px; margin-right:0px; color:#083555; background-color:#f6f6f6; border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc; font-family: arial, verdana; font-size:18px; font-weight:normal; padding-top:5px; } .detailsbox { width:600px; height:1000px; } .wraptop {width:580px; height:400px; border:solid 1px #666666; } .wraptop4col {width:580px; height:250px; border:solid 1px #666666; } .wraptop4col li {list-style:none; line-height:20px; font-size:11px; font-family:verdana, Arial; text-align:left; display:block; } .wraptop li {list-style:none; line-height:20px; font-size:11px; font-family:verdana, Arial; text-align:left; display:block; } .tableleft { padding-top:30px; padding-left:20px; width:250px; float:left; font-size:11px; } .tableright { padding-top:30px; width:300px; float:left; font-size:11px; } .globe p {padding-left:20px; padding-top:20px; font-size:11px; } .toplink {text-align:right; padding-right:20px; padding-top:20px; } .tableleft2 { padding-top:30px; padding-left:20px; width:150px; float:left;} .tableright2 { padding-top:30px; padding-left:0px; width:100px; float:left;} .middle { padding-top:30px; padding-left:0px; width:100px; float:left;} .middle2 { padding-top:30px; padding-left:0px; width:150px; float:left;} .ratesbold { font-weight:bold; } .ratesbottom { float:left; padding-top:30px; } .clear { clear:both; } /***** COMMUNITY BOARD MEMBERS CONTACT DETAILS *****/ #content h3.topofthepage3 { padding: 0.5em 1.0em 0.5em 1.0em; overflow:hidden; margin-top:0px; margin-right:0px; color:#083555; background-color: #f6f6f6; border-bottom: 1px solid #cccccc; font-size:14px; font-weight:bold;} .contactbox { float:left; width: 450px; margin: 0em 0em 3.0em 0em; } .contactboxcam { float:left; width: 450px; margin-bottom:5px; } .contactwrap {float:left; width:448px; border: solid 1px #cccccc; } .contactwrap li {list-style:none; font-size:11px; text-align:left; display:block; } .contactleft { width: 150px; float: left; padding: 0em 1.0em 1.0em 1.0em; } .contactleftwide { width: 185px; float:left; } .contactright { width:200px; float: left; font-size: 0.9em; } .contactrightnarrow { width:165px; float:left; font-size:11px; } .blurb { padding: 0.5em 1.0em 0.5em 1.0em; } .contactleftwide2 { width: auto; float:left; } .contactleftwide3 { width: auto; float:left; border: solid 1px #000000; } .contactright2 { width:200px; float: left; font-size: 0.9em; padding: 20px 0 0 10px; } .contactright3 { width: auto; font-size: 0.9em; padding: 20px 0 0 10px; border: solid 0px #FF0000; } /***** TABLED DATA AND FORMS - Steve *****/ #content .fTable {border: 1px solid #666666; caption-side: top; margin: 0;} #content .fCaption {border-left: 1px solid #666666;border-right: 1px solid #666666;border-top: 1px solid #666666;border-bottom: none;} #content .fTdBlurb {border-bottom: 1px solid #cccccc; border-top: none; border-left: none; border-right: none;} #content .fTr {border: none;} #content .fTh2Col {background-color: #ffffff; font-weight: normal;width:25%; border: none; border-right: 1px solid #cccccc;} #content .fTd2Col {width:75%; border: none;} #content .fTh2ColG {background-color: #ffffff; font-weight: normal;width:30%; border: none; border-right: 1px solid #cccccc;} #content .fTd2ColG {width:70%; border: none;} #content .fTh3Col {background-color: #ffffff; font-weight: normal;width:26%; border: none; border-right: 1px solid #cccccc;} #content .fTd3Col1 {width:37%; border: none;} #content .fTd3Col2 {width:37%; border: none;} #content .fTdButton {text-decoration: none; border-top: 1px solid #cccccc; border-right: none; border-left: none; border-bottom: none;} #content .dTable {border: 1px solid #666666; caption-side: top; margin: 0;} #content .dCaption {border-left: 1px solid #666666;border-right: 1px solid #666666;border-top: 1px solid #666666;border-bottom: none;} #content .dTdBlurb {border-bottom: 1px solid #cccccc; border-top: none; border-left: none; border-right: none;} #content .dTr {border: none;} #content .dTd {border: none;} #content .dTh2Col {background-color: #ffffff; font-weight: normal;width:40%; border: none; border-right: 1px solid #cccccc;} #content .dTd2Col {width:60%; border: none;} #content .dTh3ColL {background-color: #ffffff; width:33%; border: none; border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;} #content .dTh3ColR {background-color: #ffffff; width:33%; border: none;border-bottom: 1px solid #cccccc;} #content .dTd3ColL {width:33%; border: none; border-right: 1px solid #cccccc;} #content .dTd3ColR {width:33%; border: none;} #content .dTd3ColLH {font-weight: bold; border: none; border-right: 1px solid #cccccc;} #content .dTd3ColRH {font-weight: bold; border: none;} #content .dTd3ColLT {font-weight: bold; border: none; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} #content .dTd3ColRT {font-weight: bold; border: none; border-bottom: 1px solid #cccccc;} #content .dTh4ColL {background-color: #ffffff; border: none; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} #content .dTh4ColR {background-color: #ffffff; border: none; border-right: 1px solid #cccccc; text-align: right; border-bottom: 1px solid #cccccc;} #content .dTh4ColR2 {background-color: #ffffff; text-align: right; border: none; border-bottom: 1px solid #cccccc;} #content .dTd4ColL {width:25%; border: none; border-right: 1px solid #cccccc;} #content .dTd4ColR {width:25%; text-align: right; border: none; border-right: 1px solid #cccccc;} #content .dTd4ColR2 {width:25%; text-align: right; border: none;} #content .dTd4ColTotalL {border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: none; border-bottom: none; text-align: right; font-weight: bold;} #content .dTd4ColTotalR {border-top: 1px solid #cccccc; border-right: none; border-left: none; border-bottom: none; text-align: right; font-weight: bold;} #content .dTop {text-align: right; padding-top: 10px; padding-bottom: 10px;} #content .dSearch {margin-bottom: 20px;} #content .ridRed {color: #ff0000;} #content .ridRed h3 {color: #ff0000;} #content .searchAgain {line-height: normal; text-align: right; margin: 0 0 2px 0;} /***** WEATHER PAGE - Steve *****/ .tableBorder {border:1px solid #666666; margin:0; padding:0; text-align:left; width:100%;} .tableCaption {background-color: #f6f6f6; color:#083555; font-family:arial, verdana; margin:0; font-size:1.5em; font-weight:normal; text-align: left; vertical-align: top; padding: 0.5em 0.6em 0.5em 0.6em; border-bottom:1px solid #666666;} .tableRow {border:none; margin:0 auto 0 auto; padding:0.8em; width:auto; font-style:normal; line-height: 1.5em} .tableRow span.bold {font-weight:bold;} .tableColTwoLeft {border:none; float:left; margin:0; padding:0; width:55%;font-size:1.2em;} .tableColTwoLeft span {font-weight: bold;} .tableColTwoRight {border:none; float:right; margin:0; padding:0; width:45%; text-align: right;} .tableColFourLeft {border:none; float:left; margin:0; padding:0; width:25%; text-align: center; line-height: 1.5em} .tableColFourLeft span.bold {font-weight:bold;} .tableColFourLeft span.red {color: #ff0000; font-weight:bold;} .tableColFourLeft span.blue {color: #0000ff; font-weight:bold;} .tableColFourLeft span.cast {font-size:0.8em; line-height: normal;} .tableColFourRight {border:none; float:right; margin:0; padding:0; width:25%; text-align: center; line-height: 1.5em} .tableColFourRight span.bold {font-weight:bold;} .tableColFourRight span.red {color: #ff0000; font-weight:bold;} .tableColFourRight span.blue {color: #0000ff; font-weight:bold;} .tableColFourRight span.cast {font-size:0.8em; line-height: normal;} .tableLineSpacing {clear:both; margin:0; padding:0; width:auto;} #content .tableFoot {font-size:0.8em; text-align: right; line-height: normal; margin:0; padding:0;} /* Accommodation Search styles */ #accommodation-search-results ul {margin: 0; padding: 0; list-style-type: none; } #accommodation-search-results ul li {margin: 0; padding: 0; list-style-type: none; } #accommodation-search-results ul li img {display: none;} #accommodation-search-results ul li.bar img#bar {display: inline;} #accommodation-search-results ul li.bath img#bath {display: inline;} #accommodation-search-results ul li.bathpriv img#bathpriv {display: inline;} #accommodation-search-results ul li.breakfast img#breakfast {display: inline;} /***** LIGHTBOX STYLES *****/ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } #content ul#photoGallery { list-style-type: none; margin: 0; padding: 0; } #content ul#photoGallery li { float: left; margin: 0 15px 15px 0; padding: 0; width: 100px; height: 110px; } #content ul#photoGallery div.caption { text-align: center; } #content ul#photoGallery li img { margin-bottom: 0; } /***** NEWS LISTING PAGE *****/ /* created 3 July 2008 by KM */ #content ul#newslisting li { font-size: 0.9em; padding: 0em 30px 1.5em 1.5em; margin: 0; list-style-type: none; background-image: url(/__data/assets/image/0009/153/news-item.gif); background-repeat: no-repeat; background-position: left top; } #content #newslisting p a { font-size: 1.2em; text-decoration: none; color: #0A2E80; margin: 0em 0em 0.35em 0em; } #content #newslisting p a:hover { text-decoration: underline; color: #003366; } #content p.rss { margin-bottom: 15px; } #content p.rss a { text-decoration: none; } #content p.rss a:hover { text-decoration: underline; } #content p.rss a img { position: relative; top: 4px; border: 0; margin-top: 0; margin-bottom: 0; } /***** EVENTS LISTING WITH THUMBNAIL *****/ #content table.ev {width: 450px; border:0px; margin:0em;} #content table.ev tr {margin:0px;} #content table.ev th {padding:0px;} #content table.ev td { border:0px; padding:0em 0.5em 0em 0.5em; vertical-align:top;} #survey p.result {font: 10px Verdana, Helvetica, sans-serif;} #content table.nom td { border:0px; padding:0em 0.5em 0em 0.5em; vertical-align:top;} /***Octagon WebCam***/ .webcamwrap {float:left; width:670px; border: solid 1px #cccccc; } .webcaminner { width: 640px; float: left; padding: 0em 1.0em 1.0em 1.0em; } .terms { width:400px; height:200px; border:solid 1px #cccccc; overflow:scroll; font-size:9px; padding:5px; clear:both; } #content h2.terms { font-size: 1.8em; line-height: 1.0em; color: #083555; font-weight: normal; } .terms ol {padding-left: 10px; } /***** NEW FORM ELEMENTS STYLE *****/ #content h2.formsectionh2 { height: auto; background: #DEDEDE url(/__data/assets/image/0019/72361/bg-block-header-light.jpg) 0 0 no-repeat; border-bottom: 1px solid #969696; padding: 4px 0 2px 8px; margin: 1.0em 0 0 0; font-size: 1.6em; text-transform: uppercase; line-height: 1.2em; } #content h2.formsectionh2.small { background: #DEDEDE url(/__data/assets/image/0006/73338/bg-block-header-small.jpg) 0 0 no-repeat; } #rightcolumn h2.formsectionh2 { height: auto; background: #DEDEDE url(/__data/assets/image/0006/77469/bg-block-header-tiny.jpg) 0 0 no-repeat; border-bottom: 1px solid #969696; padding: 4px 0 2px 8px; margin: 1.0em 0 0 0; font-size: 1.6em; color: #000000; text-transform: uppercase; line-height: 1.25em; font-weight: normal; } #rightcolumn h2.formsectionh2.roadclose { margin-top: 130px; } #rightcolumn h2.formsectionh2.manageroadclose { margin-top: 94px; } #rightcolumn h2.formsectionh2.accountoptions { margin-top: 62px; } #content h2.formsectionh2 a { color: #555666; text-decoration: none; } #content h2.formsectionh2 a:hover { text-decoration: underline; } #content h2.formsectionh2 span.note { font-weight: normal; font-size: 0.6em; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: none; } #content h2.formsectionh2 span.editdetails { font-weight: bold; font-size: 0.7em; text-transform: none; margin-left: 1.0em; } #content h2.formsectionh2 span.editdetails a { color: #0A2E80; text-decoration: none; } #content h2.formsectionh2 span.editdetails a:hover { text-decoration: underline; } #content h2.formsectionh2 span.noteright, #content h3.formsectionh3 span.noteright { float: right; margin-right: 0.5em; padding-left: 0.5em; border-left: 1px solid #D5D5D5; } #content h2.formsectionh2 span.noteright a, #content h3.formsectionh3 span.noteright a { color: #0A2E80; font-weight: bold; } #content h3.formsectionh3 { height: auto; background: #DEDEDE url(/__data/assets/image/0019/72361/bg-block-header-light.jpg) 0 0 no-repeat; border-bottom: 1px solid #969696; padding: 4px 0 2px 8px; margin: 0 0 0 0; font-size: 1.4em; text-transform: none; font-weight: bold; line-height: 1.3em; } #content h3.formsectionh3.small { background: #DEDEDE url(/__data/assets/image/0006/73338/bg-block-header-small.jpg) 0 0 no-repeat; } #content h3.formsectionh3 a { color: #555666; text-decoration: none; } #content h3.formsectionh3 a:hover { text-decoration: underline; } #content h3.formsectionh3 span.note { font-weight: normal; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; } #content .formsectiondetail { padding: 11px 12px 7px 12px; border: 1px solid #E3E2E2; background-color: #F6F6F6; margin: 0 0 1.5em 0; } #content .formsectiondetail fieldset { border: none; padding: 0; margin: 0; } #content .formsectiondetail ol { list-style: none; margin: 0; padding: 1px 0 0; postion: relative; } #content .formsectiondetail ol li { height: auto; border-top: 1px solid #D5D5D5; padding: 4px 0 4px 0; margin: 0; line-height: 18px; float: left; } #content .formsectiondetail ol li.wide { width: 674px; } #content .formsectiondetail ol li.wide.first { border-top: none; padding-top: 0; } #content .formsectiondetail ol li.wide.first.checklist { padding-left: 2.5em; } #content .formsectiondetail ol li.small { width: 434px; } #content .formsectiondetail ol li.small.first { border-top: none; padding-top: 0; } #content .formsectiondetail ol li.tiny { width: 189px; } #content .formsectiondetail ol li.tiny.first { border-top: none; padding-top: 0; } #content .formsectiondetail .sports p { float: none; width: auto; } /*#content .formsectiondetail p { float: left; width: 100%; padding-top: 0.2em; } #content .formsectiondetail p.border { border-top: 1px solid #D5D5D5; }*/ #rightcolumn .formsectiondetail { padding: 11px 12px 7px 12px; border: 1px solid #E3E2E2; background-color: #F6F6F6; margin: 0 0 1.5em 0; } #rightcolumn .formsectiondetail a { color: #0A2E80; text-decoration: none; } #rightcolumn .formsectiondetail a:hover { color: #003366; text-decoration: underline; } #rightcolumn .formsectiondetail fieldset { border: none; padding: 0; margin: 0; } #rightcolumn .formsectiondetail ol { list-style: none; margin: 0; padding: 1px 0 0; postion: relative; } #rightcolumn .formsectiondetail ol li { width: 189px; height: auto; border-top: 1px solid #D5D5D5; padding: 4px 0 4px 0; margin: 0; line-height: 18px; float: left; } #rightcolumn .formsectiondetail ol li.first { border-top: none; padding-top: 0; } #rightcolumn .formsectiondetail ol li.first { border-top: none; padding-top: 0; } #rightcolumn span.tableheadingNote { font-weight: normal; font-size: 0.8em; } #rightcolumn .formsectiondetail p { line-height: 1.5em; margin: 0em 0em 1.0em 0em; padding: 0; } #rightcolumn span.fieldtab { float: left; margin: 0 0 0 0; padding: 0; } #rightcolumn span.fieldtab.tiny { width: 140px; } #rightcolumn span.fieldtab.xtiny { width: 80px; } #content .formsectiondetail ul li { list-style: none; } #content .formsectiondetail ol li ul { list-style: none; } #content .formsectiondetail ol li ul li { margin: 0em 0em 0.5em 1.5em; border: none; float: none; padding: 0; } #content .formsectiondetail ol li ul li input { vertical-align: middle; } #content .formsectiondetail img.imagefloatleft, #rightcolumn .formsectiondetail img.imagefloatleft { float: left; margin: 0.5em 0.5em 1.0em 0; } #content .formsectiondetail img.leftnomargin, #rightcolumn .formsectiondetail img.leftnomargin { float: left; margin: 0em 0.5em 0em 0; } #content .formsectiondetail span.editdetails, #rightcolumn .formsectiondetail span.editdetails { font-weight: bold; font-size: 0.8em; text-transform: none; } #content .formsectiondetail span.editdetails a, #rightcolumn .formsectiondetail span.editdetails a { color: #0A2E80; text-decoration: none; } #content .formsectiondetail span.editdetails a:hover, #rightcolumn .formsectiondetail span.editdetails a:hover { text-decoration: underline; } #content .formsectiondetail span.radionolist { float: left; margin: 0 0 0 0; padding: 0; border-left: 1px solid #D5D5D5; } #content .formsectiondetail span.radionolist.pad { padding: 0 0.5em 0 0.5em; } #content .formsectiondetail span.radiocheckborder { float: left; margin: 0 0 0 0; padding: 0 0.5em 0 0.5em; border-left: 1px solid #D5D5D5; } #content span.timewide select { width: 3em } #content span.fieldtab { float: left; margin: 0 0 0 0; padding: 0; } #content span.fieldtab.xxlarge { width: 674px; } #content span.fieldtab.midxlarge { width: 580px; } #content span.fieldtab.xlarge { width: 434px; } #content span.fieldtab.large { width: 380px; } #content span.fieldtab.submit { width: 375px; } #content span.fieldtab.xmedium { width: 320px; } #content span.fieldtab.medium { width: 300px; } #content span.fieldtab.midmedium { width: 250px; } #content span.fieldtab.small { width: 215px; } #content span.fieldtab.upload { width: 215px; } #content span.fieldtab.xsmall { width: 205px; } #content span.fieldtab.create { width: 205px; } #content span.fieldtab.tiny { width: 180px; } #content span.fieldtab.xtiny { width: 140px; } #content span.fieldtab.xxtiny { width: 110px; } #content span.fieldtab.road{ width: 300px; font-size: 18px; margin-top: 12px; } #content span.fieldtab.textarea textarea { width: 430px; height: 130px; } #content .multipagelist { float: right; padding: 0.2em; } #content .multipagelist ul.sq-form-page-list { padding: 0.2em 0 0.2em 0; } #content .multipagelist li { font-size: 1.1em; list-style-type: none; list-style-position: inside; display: inline; padding: 0; margin: 0 0 0 0.3em; } #content .multipagelist li a { border: 1px solid #cccccc; padding: 0.3em; text-decoration: none; margin: 0em 0em 0em 0em; } #content .multipagelist a:hover { background-color: #e8ebf3; color: #003366; } #content .multipagelist .sq-form-current-page-number { border: 1px solid #cccccc; padding: 0.3em; text-decoration: none; background-color: #ffffbb; } #formsubmitarea { float: right; margin: 0em 2.5em 0em 2.5em; width: auto; padding: 0.3em 0 0 0; } #formsubmitarea input { font-size: 1.0em; line-height: 1.0em; font-weight: bold; color: #ffffff; background-color: #ffffff; background-image: url(/__data/assets/image/0020/25391/formbutton.gif); background-repeat: no-repeat; height: 23px; width: 120px; border: none; text-align: center; cursor: pointer; cursor: hand; } #formerrortext { color: #d50a05; } #smwidget p a { text-decoration: none; color: #333333; } #smwidget p a:hover { text-decoration: underline; } #smwidget p a img { border: 0; margin-top: 0; margin-bottom: 0; } /***** MY ACCOUNT STYLES *****/ /* Login Table Restyle */ #content .loginrestyle table { border: 0; padding: 0; background-color: #ffffff; margin: 2.0em 0 1.5em 0; } #content .loginrestyle table tr { border: 0; height: auto; border: 0; padding: 4px 0 4px 0; margin: 0; line-height: 18px; } #content .loginrestyle table td { padding: 0px 20px 0px 0; border: 0; } #content .loginrestyle table input { border: 1px solid #DCDCDC; height: 22px; padding: 8px 0 0 5px; width: 209px; vertical-align: middle; margin-bottom: 0.5em; } #content .loginrestyle table input#SQ_LOGIN_PASSWORD { width: 79px; } #content .loginrestyle table input#SQ_LOGIN_SUBMIT { float: right; margin-top: 1.0em; padding: 0px 0 0 0; font-size: 1.4em; line-height: 1.0em; font-weight: bold; color: #ffffff; width: 120px; height: 23px; background: #ffffff url(/__data/assets/image/0020/25391/formbutton.gif) no-repeat; border: none; text-align: center; cursor: pointer; } #content .loginrestyle table input#SQ_LOGIN_SUBMIT:hover { color: #ffcc00; } /* Form Restyle - White */ #rightcolumn h2.formsectionh2.white { background: none; border-bottom: 0px; } #rightcolumn h2.formsectionh2.white.create { margin-top: 72px; } #content .formsectiondetail.white, #rightcolumn .formsectiondetail.white { border: 0px; background-color: #FFFFFF; } #content .formsectiondetail.white ol li, #rightcolumn .formsectiondetail.white ol li { border-top: 0px; } #content .formsectiondetail.white input { border: 1px solid #DCDCDC; height: 22px; padding: 8px 0 0 5px; } #rightcolumn .formsectiondetail.white input { border: 1px solid #DCDCDC; height: 22px; width: 200px; padding: 8px 0 0 5px; } #content .formsectiondetail.white input#username { width: 209px; } #content .formsectiondetail.white select { border: 1px solid #DCDCDC; height: 26px; padding: 4px 0 0 5px; } /* Features Page */ #content .featureslist input[type="checkbox"] { margin: 0 1.0em 0 1.0em; vertical-align: sub; } #content .formsectiondetail ol li.small.first.simpleedit input { width: 200px; } /* Approved Contactors */ #content h2.formsectionh2 span.editdetails.Up { margin-left: 0.5em; } /***** ACCESSIBLE FORM STYLES *****/ /* Fieldset Form Sections */ .access-form fieldset { position: relative; float: left; margin: 3.0em 0 0 0; background-color: #e6e8ec; border: 1px solid #afafaf; -moz-border-radius: 3px; min-height: 1px; } #calcurator.access-form fieldset { float: left; width: 100%; } .access-form fieldset legend { position: relative; } .access-form fieldset legend span { position: absolute; display: block; top: -20px; left: 30px; width: auto; background: #072362; padding: 8px 15px 10px; font-size: 1.2em; font-style: italic; line-height: 1.25em; white-space: nowrap; font-weight: normal; color: #ffffff; -moz-border-radius: 3px; } .access-form .form-content { float: left; height: auto; padding: 40px 30px 30px 30px; } #content .access-form .form-content h2 { margin-top: 0; } #calcurator.access-form .form-content { float: left; width: 398px; } /* Field Groups and Inputs */ .access-form .field-group { float: left; width: 100%; min-height: 1px; margin: 0 0 1.0em 0; position: relative; clear: both; font-size: 1.2em; } .access-form .field-group label { display: block; text-align: left; color: #444; font-weight: normal; line-height: 1.25em; margin: 0 0 0.1em 0; font-size: 1.0em; } .access-form .field-group label span { font-size: 0.75em; font-weight: bold; font-style: italic; } .access-form .field-group label span.requirederror { font-weight: bold; color: #d50a05; } .access-form .field-group label span.requirederror.calc { margin-left: 40px; } .access-form .field-group input, .access-form .field-group select, .access-form .field-group textarea { padding: 5px; border: 1px solid #C0C0C0; -moz-border-radius: 3px; -moz-box-shadow: 0 1px 0 #fff; background: #f9f9f9; height: 1.25em; font-size: 1.1em; font-weight: normal; font-family: Verdana, Arial; } .access-form .field-group input { width: 344px; } .access-form .field-group.account input { width: 69px; margin-right: 5px; } .access-form .field-group textarea { width: 344px; height: 50px; } .access-form .field-group input.file-upload { height: 30px; padding: 5px; margin: 0; background: #F9F9F9; border: 1px solid #767879; -moz-border-radius: 5px; font-size: 1.0em; font-weight: normal; font-family: Verdana; } .access-form .field-group.submission textarea { height: 200px; } .access-form .field-group input:focus, .access-form .field-group textarea:focus { background-color: #FFFFFF!important; border: 1px solid #076481; } .access-form .field-group select { height: auto; color: #555; display: block; } .access-form .field-group.date select { float: left; margin-right: 10px; } .access-form .field-group ul { position: relative; float: none; list-style: none; } .access-form .field-group ul li { float: none; list-style: none; margin-top: 0.3em; } #content .access-form .field-group ul li { margin-bottom: 0.2em; } #content .access-form .field-group.inline ul li { position: relative; display: inline; height: auto; width: auto%; list-style: none; margin: 0 0.7em 0 0; } .access-form .field-group ul label { float: none; display: inline; width: auto; margin: 0 0 0 0.1em; } .access-form .field-group ul input { vertical-align: middle; width: auto; margin: 0; border: 0; background-color: transparent; } .access-form .field-group .check-terms input { float: left; width: 14px; height: 14px; margin: 3px 0 0 0; padding: 0; border: 0; } .access-form .field-group .check-terms label { float: left; width: 400px; margin-left: 5px; } .access-form .field-group.date { float: left; width: 100%; } .access-form .field-group.fields { float: left; width: 100%; } .access-form .field-group .cols { float: left; margin: 0 1.0em 0 0; position: relative; } .access-form .field-group .cols.right { float: right; padding-right: 42px; margin: 0; } .access-form .field-group .cols input { width: 159px; } .access-form .field-group .cols label.left { display: block; float: left; width: 159px; height: auto; } /* Calcurator Submit Button */ .access-form .field-group .cols #calc-submit { display: block; width: 122px; height: 34px; padding: 10px 0 0 0; margin: 10px 0 0 25px; text-align: center; text-decoration: none; color: #ffffff; font-weight: bold; font-size: 1.2em; background: transparent url(/__data/assets/image/0004/105799/access-form-button.gif) no-repeat -0px -0px; } /* Submit Button */ .form-submit-right { float: right; margin: 2.0em 0 2.0em 0; width: 100%; } .form-submit-right.hide { display: none; } .form-submit-right input { width: 122px; height: 38px; padding: 0; margin: 0; background: transparent url(/__data/assets/image/0004/105799/access-form-button.gif) no-repeat -0px -0px; border: 0; font-weight: bold; color: #ffffff; font-size: 1.5em; } .form-submit-right input:hover { cursor: pointer; } .form-submit-right .submit-link, #content .form-submit-right .submit-link { display: block; float: right; width: 122px; height: 34px; padding: 10px 0 0 0; margin: 0 2.0em 0 0; text-align: center; text-decoration: none; color: #ffffff; font-weight: bold; font-size: 1.5em; background: transparent url(/__data/assets/image/0004/105799/access-form-button.gif) no-repeat -0px -0px; } .form-submit-right .submit-link:visited, #content .form-submit-right .submit-link:visited { color: #ffffff; text-decoration: none; } .form-submit-right .submit-link:hover, #content .form-submit-right .submit-link:hover, .access-form .field-group .cols #calc-submit:hover { text-decoration: none; color: #ffcc00; } .form-submit-right .requirederror { display: block; float: right; margin: 10px 10px 0 0; font-weight: bold; color: #d50a05; } /* Error Text */ .form-error-text { font-weight: bold; color: #d50a05; }