/*----COLORS---- Text ---------------- #363636 Lighter Text -------- #616161 Links --------------- #2f5685 Links:Visited ------- #2381cc Links:Hover --------- #4774aa Sub-Nav Hover ------- #fef4d0 Sub-Page Titles ----- #a27226 Dark Blue ----------- #223d61 Lighter Blue ---------#2f5685 Light Grey Borders--- #b5b5b5 Cream --------------- #fefaea Dark Blue Background */ /* The Reset ---------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5, h6,pre,form,fieldset,input,p,blockquote,table, th,td { margin: 0; padding: 0; } fieldset,img,abbr { border: 0; } address,caption,cite,code,dfn,h1,h2,h3, h4,h5,h6,th,var { font-style: normal; font-weight: normal; } caption,th { text-align: left; } q:before,q:after { content: ''; } a { text-decoration: none; } body { font-size: 62.5%; font-family: Georgia, serif; line-height: 20px; color: #363636; margin-bottom: 40px; } /* -------------------------------------------- */ .center{text-align:center;} /* General Content Styles ---------------------------------*/ /* #dnn_ctr1136_ctl02_dnnSkinMessage{ display:none;} #dnn_ctr4132_ctl02_dnnSkinMessage{ display:none;} #dnn_ctr4132_ctl00_dnnSkinMessage{ display:none;} #dnn_ctr1136_ctl00_dnnSkinMessage{ display:none;} */ body { color:#363636; } a { color: #2f5685; text-decoration:underline; font-weight: normal; outline:none; } a:visited { color:#2381cc; } a:hover { text-decoration:none; color:#4774aa; } a img { border:none; margin-bottom:8px; } a.btn { } a:hover.btn { } a:focus { outline:1px thin black;} a.png:focus { outline:1px thin black;} /* Typography */ h1 { } .primary-content h2 { color:#a27226; font-size:2.8em; margin-bottom:18px; } .primary-content h3 { color:#363636; font-size:2em; margin-bottom:10px; } .primary-content h4 { color:#464646; font-size:1.4em; margin-bottom:10px; text-transform:uppercase; } .primary-content h5 { color:#464646; font-size:1.2em; margin-bottom:10px; text-transform:none; } h1, h2, h3, h4, h5 { font-family:Trebuchet MS, sans-serif; font-weight:bold; } h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration:underline; font-weight:inherit; display:block; } .headline { display:block; text-transform:uppercase; } hr { margin-bottom:18px; } p, ul, ol { margin-bottom:18px; } .primary-content p, .primary-content ul, .primary-content ol, .box-content p, .box-content ul, .box-content ol { line-height:24px; font-size:1.2em; } .primary-content ul li, .box-content ul li { list-style-type:none; padding:0 0 0 13px; background:transparent url(../Images/bullet-grey.gif) 0 11px no-repeat; } p.smaller-text { font-size:1.2em; line-height:1.4em; } p.large-text { font-size:1.8em; line-height:1.8em; } p strong.subheading { display:block; } p.sub-head { font-size:1.6em; } .pull-quote { display:block; color:#2f5685; width:200px; border-top:2px solid #2f5685; font-size:1.6em; border-bottom:1px solid #2f5685; margin-bottom:18px; padding:10px 10px 13px 0; } .pq-left { float:left; margin:10px 18px 10px 0; padding:10px 10px 13px 0; } .pq-right { float:right; margin:10px 0px 10px 18px; padding:10px 10px 13px 0; } /* image classes */ img.left { float:left; display:block; margin:2px 10px 8px 0; } img.right { float:right; } p.photo-with-caption { font-family:Trebuchet MS, sans-serif; float:left; margin:0 15px 15px 0; line-height:1.2em; } p.photo-with-caption img { margin:0; } p.photo-with-caption span { padding:10px; display:block; background:transparent url(../Images/bg_textured-paper.jpg) repeat; margin:0 0 5px 0; -moz-box-shadow:0px 1px 1px #9a9a9a; -webkit-box-shadow:0px 1px 1px #9a9a9a; box-shadow:0px 1px 1px #9a9a9a; } p.photo-with-caption strong { display:block; } img.with-border { border:2px solid #cacaca; } /* Alert Message */ p.alert-message { color:#fff; font-size:1.2em; font-family:Trebuchet MS, sans-serif; background:transparent url(../Images/bg_alert-box.png) no-repeat; margin:0 -72px 0px 0; padding:10px 15px 20px 110px; /* text dropshadow */text-shadow: 0px 1px 0px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); filter: glow(color=black,strength=2), alpha(opacity=90); } p.alert-message a { color:#fff; } /* p.alert-message {overflow:hidden; white-space:nowrap;*/} /* #alert-link {width:758px;height: 45px; min-height:45px;}*/ /* Bread Crumbs*/ #bread { font-family:Trebuchet MS, sans-serif; margin:10px 0 18px 25px; font-size:1.2em; width:740px; } #bread span { display:block; } #bread span span { float:left; } /* #bread img { overflow:hidden; text-indent:-23422px; height:20px; width:26px; background:transparent url(../Images/Main-Sprite.png) -275px -219px no-repeat; } */ span.bread-arrow { overflow:hidden; text-indent:-23422px; height:20px; width:26px; background:transparent url(../Images/Main-Sprite.png) -275px -219px no-repeat; } /* Forms */ input.text { color:#2f5685; font-size:1em; padding:3px 3px 3px 0; } input.bg-search { padding-left:25px; background:transparent url(../Images/Main-Sprite.png) -274px -278px no-repeat; } input.btn-image { overflow:hidden; text-indent:-23423px; } input.blue-arrow { height:19px; width:23px; border:none; } img.blue-arrow { height:19px; width:23px; border:none; } label.icon-label { font-size:1.4em; font-weight:bold; padding:0 0 0 40px; display:block;} label.il-email { color:#fff; line-height:16px; margin:0 0 7px 0; background:transparent url(../Images/Main-Sprite.png) -261px -303px no-repeat; } .right-col { font-family:Trebuchet MS, sans-serif; } /* Structural Divs ---------------------------*/ body { background:#e9e8e5 url(../Images/bg_page.jpg) repeat; } #header-wrapper, #footer-wrapper { width:100%; } #header, #body, #bottom-cap, #footer { width:965px; margin:0 auto; } #secondary-nav-box { float:left; width:196px; margin-left:4px; } #main-content-box { float:left; } /* Sub Page Layouts ---------------------------*/ /* Two Column: used on most all sub pages */ .two-col .left-col { float:left; width:510px; padding:0 0 0 25px; } .two-col .right-col { float:left; margin-left:20px; width:186px; padding-right:15px; } /* One Clumn: used for photo gallery -- 1-AUG-2011 Mike U. */ .one-col .left-col { float:left; width:700px; padding:0 0 0 25px; } /* Two Column Wide: used for the commissioner pages */ .two-col-wide .left-col { float:left; width:420px; padding:0 0 0 25px; } .two-col-wide .right-col { float:left; margin-left:15px; width:260px; padding:0 15px 0 25px; } .one-col .content-container { padding-left:25px; } /* ---------------------------- */ /* Insert the following around line 178 of "base.css" */ /* ---------------------------- */ /* Two Column Inside ".left-col": used for the two-col layout on the citizens connect page*/ .two-col .left-col .left-col { width:240px; margin-right:15px; padding:0; } .two-col .left-col .right-col { width:240px; padding:0; margin:0; } /* -----------END-------------- */ /* Header ---------------------------*/ #header-wrapper { height:254px; background:transparent url(../Images/bg_header.jpg) top repeat-x; overflow:visible; } #header { height:255px; position:relative; overflow:visible; z-index:400; } /*change back from ORIGINAL ONE */ /* #logo { position:absolute; z-index:5500000; top:125px; left:8px; height:195px; width:195px; overflow:hidden; text-indent:-3332px; background:transparent url(../Images/leon-county-seal-normal.png?ver=pink) center no-repeat; } */ #logo { position:absolute; z-index:5500000; top:125px; left:8px; height:195px; width:195px; overflow:hidden; text-indent:-3332px; background:transparent url(../Images/leon-county-seal-normal.png?ver=notpink2022a) center no-repeat; } #header-frame-left { position:absolute; z-index:90; top:0; left:0; height:183px; width:43px; background:transparent url(../Images/header-frame_left.png) top no-repeat; } #header-frame-right { position:absolute; z-index:95;top:0; right:0; height:183px; width:515px; background:transparent url(../Images/header-frame_right.png) top no-repeat; } /*#header-frame-right { position:absolute; z-index:95;top:0; right:0; height:183px; width:464px; background:transparent url(../Images/header-frame_right.png) top no-repeat; }*/ /*#header-frame-right { position:absolute; z-index:95;top:0; right:0; height:183px; width:464px; background:transparent url(../Images/header-frame_right-temp.png) top no-repeat; }*/ #your-county-commissioners {} #your-county-commissioners ul {} #your-county-commissioners ul li {} #your-county-commissioners ul li a {} #header-photo-box { position:absolute; top:-2px; left:0; height:185px; width:590px; overflow:hidden; } #header-photo-box2 { position:absolute; top:-2px; left:0; height:185px; width:590px; overflow:hidden; } /*#commissioners { position:absolute; z-index:90000001; top:40px; right:3px; }*/ /*#commissioners { position:absolute; z-index:90000001; top:40px; right:5px; }*/ #commissioners { position:absolute; z-index:90000001; top:40px; right:25px; } #commissioners ul { margin:0; position:absolute; z-index:90000000; } #commissioners ul li { float:left; list-style-type:none; } #commissioners ul li a { position:absolute; height:35px; width:35px; overflow:hidden; text-indent:-23423px; } #commissioners ul li a.commissioner-1 { top:15px; left:24px; height:95px; } #commissioners ul li a.commissioner-2 { top:12px; left:71px; height:100px; } /*#commissioners ul li a.commissioner-3 { top:2px; left:130px; height:110px; }*/ #commissioners ul li a.commissioner-3 { top:2px; left:122px; height:110px; } /*#commissioners ul li a.commissioner-4 { top:10px; left:175px; height:102px; }*/ #commissioners ul li a.commissioner-4 { top:0px; left:175px; height:112px; } /*#commissioners ul li a.commissioner-5 { top:19px; left:229px; height:93px; }*/ #commissioners ul li a.commissioner-5 { top:9px; left:229px; height:103px; } /*#commissioners ul li a.commissioner-6 { top:3px; left:271px; height:109px; }*/ #commissioners ul li a.commissioner-6 { top:13px; left:285px; height:99px; } /*#commissioners ul li a.commissioner-7 { top:3px; left:322px; height:109px; }*/ #commissioners ul li a.commissioner-7 { top:3px; left:335px; height:109px; } .commissioner-name { font-family:Trebuchet MS, sans-serif; height:25px; font-size:1.2em; background:transparent url(../Images/Main-Sprite.png) -125px -344px no-repeat; display:none; position:absolute; z-index:99999999999; padding:0 0 10px; } .commissioner-name span { display:inline-block; color:#fff; font-weight:bold; padding:3px 6px; background:#000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .commissioner-name span em { font-weight:normal; } /* Navigation ---------------------------*/ /* Primary Navigation ---------------------------*/ #primary-nav-box { position:absolute; bottom:2px; right:2px; width:765px; height:70px; background:transparent url(../Images/bg_primary-nav-elements.png) no-repeat; } .primary-nav, .primary-nav ul, #primary-nav-box p { margin-bottom:0; } .primary-nav li { float:left; list-style-type:none; } .primary-nav li a.l1 { display:block; float:left; height:70px; margin-left:1px; } .primary-nav li.nav-demonstrate a { margin-left:0; } .primary-nav li a.l1 span { display:none; } .primary-nav li.nav-demonstrate a.l1 { width:162px; } .primary-nav li.nav-promote a.l1 { width:235px; } .primary-nav li.nav-engage a.l1 { width:192px; } .primary-nav li.nav-ensure a.l1 { width:170px; } /* primary nav hover */ .primary-nav li:hover { visibility: inherit; } /* fixes IE7 'sticky bug' */ .primary-nav li:hover.nav-demonstrate a.l1 { background:transparent url(../Images/bg_primary-nav-elements.png) bottom left no-repeat; } .primary-nav li:hover.nav-promote a.l1 { background:transparent url(../Images/bg_primary-nav-elements.png) -163px bottom no-repeat; } .primary-nav li:hover.nav-engage a.l1 { background:transparent url(../Images/bg_primary-nav-elements.png) -399px bottom no-repeat; } .primary-nav li:hover.nav-ensure a.l1 { background:transparent url(../Images/bg_primary-nav-elements.png) -592px bottom no-repeat; } /* dropdown box */ /*.dropdown-box { position:absolute; overflow:visible; left:-9999px; border:3px solid #193451; width:375px; border-top:0; padding:15px 0; background:#fff; z-index:300; }*/ .dropdown-box { position:absolute; overflow:visible; left:-9999px; border:3px solid #193451; width:400px; border-top:0; padding:15px 0; background:#fff; z-index:300; } /* dropdown box hover position */ .primary-nav li:hover.nav-demonstrate .dropdown-box { top:70px; left:-3px; } .primary-nav li:hover.nav-promote .dropdown-box { top:70px; left:95px; } .primary-nav li:hover.nav-engage .dropdown-box { top:70px; left:300px; } .primary-nav li:hover.nav-ensure .dropdown-box { top:70px; left:384px; } /* first two links */ /*.dropdown-box ul.l2 { float:left; overflow:auto; width:170px; margin-left:16px; }*/ .dropdown-box ul.l2 { float:left; overflow:auto; width:195px; margin-left:16px; } .dropdown-box ul.l2 li { display:block; float:none; padding:0 0 5px 15px; background:transparent url(../Images/Main-Sprite.png) -300px -17px no-repeat; } .dropdown-box ul.l2 li a { font-size:1.4em; } /* "more" links */ .dropdown-box ul li.more-links { background:none; margin:10px 0 0 0;} .dropdown-box ul li.more-links a { display:inline-block; font-size:12px; background:#2f5685; color:#fff; text-decoration:none; padding:0 5px; text-transform:uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .dropdown-box ul li.more-links ul { position:absolute; left:-2342px; background:#fff; z-index:500; } .dropdown-box ul li:hover.more-links ul { left:auto; top:auto; padding:5px 10px; font-size:.75em; border:3px solid #2f5685; background:#fff; z-index:900; margin-top:-3px; width:180px; } .dropdown-box ul li.more-links ul li { float:none; background:none; padding:0; list-style-position:outside;} /*.dropdown-box ul li.more-links ul li a { float:none; display:block; background:none; color:#2f5685; text-decoration:underline; margin:0; width:auto; text-transform:none; }*/ .dropdown-box ul li.more-links ul li a { float:none; display:inline; background:none; color:#2f5685; text-decoration:underline; margin:0; width:auto; text-transform:none; margin-left:3px; vertical-align:middle;} .dropdown-box ul li.more-links ul li a:hover { text-decoration:none; } /*.dropdown-box ul li.more-links ul li { list-style-type:disc;margin-left:10px; padding-left:10px; color:#000; background:#fff;} .dropdown-box ul li.more-links ul { list-style-type:disc;margin-left:10px; padding-left:10px; color:#000; background:#fff;}*/ /* thumbnail */ .dropdown-box .nav-thumbnail { float:left; margin-left:10px; } /* CORE 4 LANDING PAGES */ /* first two links */ /*.dropdown-box ul.l2 { float:left; overflow:auto; width:170px; margin-left:16px; }*/ /* .core4-box ul.core4-l1 { float:left; overflow:auto; width:195px; margin-left:16px; } */ .core4-box ul.core4-l1 { float:left; overflow:auto; margin-left:16px; } .core4-box ul.core4-l1 li { display:block; float:none; padding:0 0 5px 15px; } /* "more" links */ .core4-box ul li.core4-more-links { background:none; margin:10px 0 0 0;} .core4-box ul li.core4-more-links a { font-size:12px; text-decoration:none; padding:0 5px; } /* .core4-box ul li.core4-more-links ul { position:absolute; left:-2342px; background:#fff; z-index:500; } */ /* .core4-box ul li:hover.core4-more-links ul { left:auto; top:auto; padding:5px 10px; font-size:.75em; border:3px solid #2f5685; background:#fff; z-index:900; margin-top:-3px; width:180px; } */ .core4-box ul li.core4.more-links ul li { float:none; background:none; padding:0; list-style-position:outside; margin-left:16px; margin:5; } /*.dropdown-box ul li.more-links ul li a { float:none; display:block; background:none; color:#2f5685; text-decoration:underline; margin:0; width:auto; text-transform:none; }*/ .core4-box ul li.core4-more-links ul li a { float:none; display:inline; background:none; color:#2f5685; text-decoration:underline; margin:0; width:auto; text-transform:none; margin-left:3px; vertical-align:middle;} .core4-box ul li.core4-more-links ul li a:hover { text-decoration:none; } /* END CORE 4 LANDING LISTS */ /* Utility Navigation ---------------------------*/ #utility-nav { font-family:Trebuchet MS, sans-serif; position:absolute; z-index:9999999; top:3px; right:34px; font-size:1.25em; } #utility-nav a { color:#fff; } /* Secondary Navigation ---------------------------*/ #secondary-nav-box { font-family:Trebuchet MS, sans-serif; } #blue-box { width:194px; height:315px; background:#2f5685; overflow:auto; } h2.tagline { overflow:hidden; text-indent:-23423px; height:41px; background:transparent url(../Images/Main-Sprite.png) 14px -418px no-repeat; margin:75px 0 0; padding:0 0 10px; border-bottom:1px solid #62788f; } /* Vertical Navigation Menu: most of the style definitions are contained in the superfish css files */ /* #secondary-navigation ul { } */ #secondary-navigation ul.level1 { } #secondary-navigation ul.level2 { } #secondary-navigation ul.level3 { } #secondary-navigation ul.level4 { } /* Sub Page Navigation ---------------------------*/ #sub-page-navigation ul { margin-bottom:0; } #sub-page-navigation ul li { list-style-type:none; } #sub-page-navigation ul li a { display:block; font-size:1.2em; text-decoration:none; } #sub-page-navigation ul li a:hover { text-decoration:underline; } /* Level 1 */ #sub-page-navigation a.level1 { color:#fff; background:#355780 url(../Images/arrow-down-white.gif) 172px 13px no-repeat; margin: 0 -1px; padding:5px 10px } /* Level 2 */ #sub-page-navigation a.level2 { padding:5px 10px 5px 15px; border-bottom:1px solid #b9b9b8; } #sub-page-navigation a:hover.level2 { background:#fef4d0 url(../Images/arrow-down-blue.gif) 172px 13px no-repeat; } #sub-page-navigation ul.level2 a.popout { color:#fff; background:#636363 url(../Images/arrow-down-white.gif) 172px 13px no-repeat; } /* Level 3 */ #sub-page-navigation a.level3 { color:#676767; margin-left:15px; border-bottom:1px solid #b9b9b8; padding:3px 6px 3px 10px; background:transparent url(../Images/arrow-small-grey.gif) 1px 11px no-repeat; } #sub-page-navigation a:hover.level3 { background-color:#fef4d0; } #sub-page-navigation ul.level3 a.current { font-weight:bold; } /* Level 4 */ #sub-page-navigation a.level4 { color:#888888; margin-left:30px; border-bottom:1px solid #b9b9b8; padding:3px 6px 3px 10px; background:transparent url(../Images/arrow-small-grey.gif) 1px 11px no-repeat; } #sub-page-navigation a:hover.level4 { background-color:#fef4d0; } #sub-page-navigation ul.level4 a.current { font-weight:bold; } /* Sectional Navigation ("In This Section") ---------------------------*/ .sectional-nav { padding:3px; margin-bottom:18px; background:#2f5685; font-family:Trebuchet MS, sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .sn-title { vertical-align:middle; font-weight:bold; text-transform:uppercase; font-size:1.5em; color:#fff; width:130px; padding:0 10px 0 15px; } .sn-links { background:#fff; padding:5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .sn-links ul { margin:0; } .sn-links ul li { display:inline; background-position:3px 6px; line-height:1.4em;} /* Website Search Box ---------------------------*/ #search-box { border-bottom:1px solid #62788f; padding:14px 10px; } #search-box div { background:#fff; padding:2px 2px 2px 0; height:19px; } #search-box label { display:none; } #search-box input.text { border:none; width:117px; } /* E-news Signup Box ---------------------------*/ #e-news-signup-box { padding:10px; border-bottom:1px solid #62788f; } #e-news-signup-box input.text { border:none; width:139px; padding-left:3px; } #e-news-signup-box div { background:#fff; padding:2px 2px 2px 0; height:19px; } /* Icon Navigation ---------------------------*/ ul.icon-nav { } ul.icon-nav li { list-style-type:none; float:left;; } a.btn-icon { display:block; height:24px; width:24px; padding:5px 3px; overflow:hidden; text-indent:-23420px; } p.icon-nav {margin-left:30px;display:block; overflow:hidden;padding:8px 3px 0 3px; font-size:8px} .iconHover:hover{opacity: 0.4;filter: alpha(opacity=40);} a.il-facebook { background:transparent url(../Images/Main-Sprite.png) 0 0 no-repeat; } a.il-facebook:hover { background-position:-32px -1px; } a.il-twitter { background:transparent url(../Images/Main-Sprite.png) -63px 0 no-repeat; } a.il-twitter:hover { background-position:-95px -1px; } a.il-youtube { background:transparent url(../Images/Main-Sprite.png) -127px 0 no-repeat; } a.il-youtube:hover { background-position:-159px -1px; } #blue-box .icon-nav { margin:11px 0 0 10px; } #blue-box .icon-nav li a { margin-left:10px; } /* Main Content ---------------------------*/ #body { overflow:visible; position:relative; background:transparent url(../Images/bg_body.png) center repeat-y; } #bottom-cap { height:15px; background:transparent url(../Images/bg_body_bottom-cap.png) center no-repeat; } /* Commissioner Landing Page---------------------------------*/ div.row { clear:both; } .commissioner-list { overflow:auto; } .commissioner-list p { float:left; margin-right:19px; padding:0 0 0 12px; width:144px; background:transparent url(../Images/bg_commissioner-landing-page-photo.png) top left no-repeat; } .commissioner-list p.last { margin-right:0; } .commissioner-list p a { display:block; } .commissioner-list p img { margin:10px 0 5px 0px; } .commissioner-list-two-col p { } p.align-left { text-align:left; } p.align-center { text-align:center; } p.align-right { text-align:right; } /* Various Content Boxes ---------------------------*/ /* Easy Button */ /* Generic Content Box: */ .box { background:#f7f7f7 url(../Images/bg_off-white.jpg) repeat; padding:0 0 10px 0; margin-bottom:15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; -moz-box-shadow:0px 1px 1px #9a9a9a; -webkit-box-shadow:0px 1px 1px #9a9a9a; box-shadow:0px 1px 1px #9a9a9a; } .box h3 { background:#2f5685; font-size:1.5em; font-style:italic; color:#fff; padding:5px 0px 5px 15px; margin:0 -1px 15px -1px; } .box .box-content { padding:0 15px; font-family:Trebuchet MS, sans-serif; } .box-content p strong.subheading { font-size:1.2em; font-style:italic; } /* General Photo Gallery Styles: */ .photo-box { position:relative; } .photo-box .loading { position:absolute; top:50%; left:50%; display:none; height:24px; width:24px; background:transparent url(../Images/loading.gif) center no-repeat; } .photo-box .loading span {display:none;} .thumbnail-box a { padding:2px; border:1px solid #b5b5b5; display:inline-block; margin-right:10px; position:relative; } .thumbnail-box a:hover, .thumbnail-box a.current { background:#fef4d0; } .thumbnail-box a.last { margin-right:0; } .thumbnail-box a img { margin-bottom:0; } /* Sub page specific Photo gallery styles */ .sub-page-photo-gallery { margin-bottom:18px; } .sub-page-photo-gallery .photo-frame { margin-left:-11px; padding:13px 0 15px 19px; background:transparent url(../Images/bg_photo-gallery_primary-content.png) 0 0 no-repeat; } /* THE EASY BUTTON ----------------------*/ #easy-button-box { font-family:Trebuchet MS, sans-serif; } /* Easy Button Large: home page -------------------------------*/ .eb-home { float:left; width:470px; height:275px; position:relative; margin-top:10px; } ul.eb-large { } ul.eb-large li { position:absolute; height:55px; list-style-type:none; } ul.eb-large li.main-button { left:130px; top:30px; } ul.eb-large li.main-button a { display:block; overflow:hidden; width:242px; height:229px; text-indent:-23423px; background:transparent url(../Images/bg_easy-button.jpg) left top no-repeat; } ul.eb-large li.main-button a:hover { background-position:right top; } /* general categoy button styles */ ul.eb-large li a span.eb-icon, ul.eb-large li a span.eb-text { background:transparent url(../Images/easy-button-sprite.png) no-repeat; display:block; float:left; height:55px; width:54px; } ul.eb-large li a span.eb-text { width:auto; color:#fff; height:35px; padding:11px 0 0 15px; width:85px; font-weight:bold; line-height:14px; font-size:1.2em;} /* category hover effects */ ul.eb-large li.btn-one a:hover span.eb-icon, ul.eb-large li.btn-three a:hover span.eb-icon { background-position:-182px -310px; } ul.eb-large li.btn-one a:hover span.eb-text, ul.eb-large li.btn-three a:hover span.eb-text { background-position:left -310px; } ul.eb-large li.btn-two a:hover span.eb-icon, ul.eb-large li.btn-four a:hover span.eb-icon { background-position: -328px -440px; } ul.eb-large li.btn-two a:hover span.eb-text, ul.eb-large li.btn-four a:hover span.eb-text { background-position:right -440px; } /* specific category button styles */ ul.eb-large li.btn-one { top:10px; left:47px; } ul.eb-large li.btn-one a span.eb-icon { background-position:-182px -247px; } ul.eb-large li.btn-one a span.eb-icon img { margin:7px 0 0 6px; } ul.eb-large li.btn-one a span.eb-text { background-position:left -247px; } ul.eb-large li.btn-two { top:10px; right:19px; } ul.eb-large li.btn-two a span.eb-icon { background-position: -328px -377px; } ul.eb-large li.btn-two a span.eb-icon img { margin:8px 0 0 12px; } ul.eb-large li.btn-two a span.eb-text { background-position:right -377px; padding-right:9px; padding-left:6px; } ul.eb-large li.btn-three { bottom:95px; left:25px; } ul.eb-large li.btn-three a span.eb-icon { background-position:-182px -247px; } ul.eb-large li.btn-three a span.eb-icon img { margin:8px 0 0 13px; } ul.eb-large li.btn-three a span.eb-text { background-position:left -247px; width:65px; } ul.eb-large li.btn-four { bottom:95px; right:-28px; } ul.eb-large li.btn-four a span.eb-icon { background-position: -328px -377px; } ul.eb-large li.btn-four a span.eb-icon img { margin:7px 0 0 10px; } ul.eb-large li.btn-four a span.eb-text { background-position:right -377px; padding-right:11px; padding-left:6px; width:74; } /* Easy Button Sidebar: Most sub pages */ ul.eb-sidebar { width:185px; } ul.eb-sidebar li { list-style-type:none; background:#355780; } ul.eb-sidebar li a { color:#fff; display:block; font-size:1.2em; padding:8px 0 8px 40px; text-decoration:none; background:transparent url(../Images/easy-button-sprite.png) no-repeat; border-bottom:1px solid #7088a5;; } ul.eb-sidebar li a:hover { background-color:#3b618e; } ul.eb-sidebar li.main-button { background:transparent; } ul.eb-sidebar li.main-button a { height:54px; padding:0; background-position:0 -560px; overflow:hidden; text-indent:-23230px; border-bottom:none; } ul.eb-sidebar li.main-button a:hover { background-color:transparent; background-position:0 -648px } ul.eb-sidebar li.btn-one a { background-position:3px 1px; } ul.eb-sidebar li.btn-two a { background-position:3px -123px; } ul.eb-sidebar li.btn-three a { background-position:3px -61px; } ul.eb-sidebar li.btn-four a { background-position:3px -185px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } ul.eb-sidebar li.btn-four { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } ul.eb-sidebar .eb-icon { display:none; } /* Easy Button Sidebar Wide: Commissioner pages */ .two-col-wide ul.eb-sidebar { width:261px; } .two-col-wide ul.eb-sidebar li a { font-size:1.6em; padding:12px 0 12px 65px; } .two-col-wide ul.eb-sidebar li.main-button a { height:65px; padding:0; background-position:-306px -545px; } .two-col-wide ul.eb-sidebar li.main-button a:hover { background-color:transparent; background-position:-306px -637px; } .two-col-wide ul.eb-sidebar li.btn-one a { background-position:-504px 0px; } .two-col-wide ul.eb-sidebar li.btn-two a { background-position:-501px -130px; } .two-col-wide ul.eb-sidebar li.btn-three a { background-position:-501px -66px; } .two-col-wide ul.eb-sidebar li.btn-four a { background-position:-501px -195px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .two-col-wide ul.eb-sidebar li.btn-four { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } /* Person Promo Box (sidebar) */ .person-promo-box { background:transparent url(../Images/person-promo-box-sprite.png) no-repeat; height:125px; margin:0 0 18px 0; color:#fff; } .person-promo-box p { padding:40px 15px 0 90px; text-align:center; } .person-promo-box strong { display:block; line-height: 1em; font-size:1.2em; margin-bottom:5px; } .person-promo-box em { display:block; line-height: 1em; } .person-promo-box a { display:block; color:#fff; } .ppb-sauls { background-position:0 0; } .ppb-proctor { background-position:0 -152px; } .ppb-long { background-position:0 -309px; } /* Icon Promo Box (sidebar) */ .icon-promo-box { } .icon-promo-box a { display:block; color:#fff; font-weight:bold; font-size:1.5em; line-height:1.2em; padding:6px 10px 10px 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration:none; } .icon-promo-box a:hover { text-decoration:underline; } .ipb-mobile a { background:#2f5685 url(../Images/Icons/32x32/mobile-phone.png) 13px center no-repeat; } /* Yellow Box (mostly for contact info) */ div.yellow-box { clear:left; overflow:auto; font-family:Trebuchet MS, sans-serif; background:#fefaea; padding:10px 15px; margin:0 0 18px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow:0px 1px 1px #acacac; -webkit-box-shadow:0px 1px 1px #acacac; box-shadow:0px 1px 1px #acacac; } #dnn_YellowBoxLeft {float:left; max-width:50%;} div.yellow-box p { margin-bottom:0; } div.yellow-box .yb-left { float:left; border-right:1px solid #cfcfcf; padding-right:10px; margin-right:10px; } div.yellow-box .yb-right { float:left; } div.yellow-box .headline { line-height:14px; font-weight:normal; } .two-col div.yellow-box .yb-left { width:216px; } .two-col div.yellow-box .yb-right { width:216px; } .two-col div.yellow-box .headline { font-weight:bold; } .two-col div.yellow-box .address { line-height:15px; } .two-col-wide div.yellow-box .yb-left { width:170px; } .two-col-wide div.yellow-box .yb-right { width:180px; } /* Interactive District Map */ .idm { font-family:Trebuchet MS, sans-serif; } .idm ul { overflow:auto; } .idm ul li { float:left; list-style-type:none; background:none; padding:0; } .idm ul li a { display:block; float:left; font-size:1.4em; padding:5px 10px; line-height:1.4em; text-decoration:none; background:#ebebeb; border:1px solid #b5b5b5; margin:0 8px 0 0; } .idm ul li a:hover, .idm ul li a.current { color:#fff; background:#2f5685; } .idm ul li a.last { margin-right:0; } /* large (mobal) */ .idm-large {} .idm-large .district-map-box { width:482px; height:320px; background:transparent url(../Images/Interactive-District-Map-Sprite_large.png) 0 0 no-repeat; } .idm-large h4 { display:inline-block; background:#fff; padding:0 8px; margin:0 0 0 10px; position:absolute; } .idm-large ul { border:1px solid #b5b5b5; padding:5px; overflow:auto; float:left; padding:19px 10px 10px 10px; margin-top:9px;} /* district hovers */ .idm-large .district-1 { background-position:-479px 3px; } .idm-large .district-2 { background-position:-971px 3px; } .idm-large .district-3 { background-position:0 -317px; } .idm-large .district-4 { background-position:-479px -317px; } .idm-large .district-5 { background-position:-968px -317px; } /* small (sidebar) */ .idm-small {} .idm-small .district-map-box { margin:0 0 10px 25px; width:215px; height:145px; background:transparent url(../Images/Interactive-District-Map-Sprite_small.png) 0 0 no-repeat; } .idm-small h4 { text-transform:uppercase; } .idm-small h4, .idm-small ul { margin-left:15px; } /* district hovers */ .idm-small .district-1 { background-position:-215px top; } .idm-small .district-2 { background-position:-430px top; } .idm-small .district-3 { background-position: 0 -155px; } .idm-small .district-4 { background-position:-214px -156px; } .idm-small .district-5 { background-position:-430px -156px; } /* Grey Title Sidebar (ex: related video, important documents) */ .grey-title h3 { } .grey-title h3.icon-24 { padding:8px 0 8px 40px; font-size:1.2em; } .grey-title h3.icon-24-film-strip { background:#636363 url(../Images/Icons/24x24/film-strip.png) 8px center no-repeat; } .grey-title h3.icon-24-documents { background:#636363 url(../Images/Icons/24x24/documents.png) 10px center no-repeat; } /* secondary video box: used on home page and "related video" sidebar */ .secondary-video {} .secondary-video p { padding:0 14px; font-size:1.2em; } .secondary-video a.vid-thumb { display:block; position:relative; border:2px solid #fff; float:left; margin-right:13px; /* dropshadow */ -moz-box-shadow:0px 0px 2px #000000; -webkit-box-shadow:0px 0px 2px #000000; box-shadow:0px 0px 2px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=90, color='#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=2, Direction=90, Color='#000000')"; } .secondary-video a.vid-thumb img { margin-bottom:0; } span.small-play { position:absolute; top:23px; left:31px; display:block; height:18px; width:18px; overflow:hidden; text-indent:-23422px; background:transparent url(../Images/Main-Sprite.png) -276px -242px no-repeat; } .secondary-video a.vid-title { display:block; color:#fff; text-decoration:none; line-height:14px; padding:3px 10px 5px; } .secondary-video a:hover.vid-title { text-decoration:underline; } .secondary-video a.vid-more-link { color:#ededb7; display:block; text-transform:uppercase; text-decoration:none; } .secondary-video a:hover.vid-more-link { text-decoration:underline; } /* sub page sidebar overrides */ .box .secondary-video p { padding:0 12px; margin:0; } .box .secondary-video a.vid-thumb { float:none; margin:0 0 10px 0; } .box .secondary-video a.vid-title { color:#2f5685; padding:0; margin-bottom:10px; } .box .secondary-video a.vid-more-link { color:#2f5685; padding:0; font-weight:bold; text-decoration:underline; } .box span.small-play { top:56px; left:70px; } /* */ /* Page Specific Styles ---------------------------*/ /* Home Page ----------------------*/ /* Featured Video Box */ #featured-video-box { float:left; width:262px; height:302px; margin:10px -13px 18px 44px; background:transparent url(../Images/bg_home-page-video-box.png) no-repeat; font-family:Trebuchet MS, sans-serif; } /* primary video */ .primary-video { } .primary-video p { padding:12px 14px; margin:0 0 14px; } .primary-video a.vid-thumb { display:block; position:relative; border:1px solid #7c8593; color:#fff; text-decoration:none; } .primary-video a.vid-thumb img { margin-bottom:0; } .primary-video a.vid-thumb span { position:absolute; top:58px; left:96px; display:block; height:38px; width:38px; overflow:hidden; text-indent:-23422px; background:transparent url(../Images/Main-Sprite.png) -264px -180px no-repeat; } .primary-video a.vid-title { background:#616161; display:block; font-size:1.2em; color:#fff; text-decoration:none; border:1px solid #7c8593; border-top:1px none #7c8593;line-height:14px; padding:3px 10px 5px; } .primary-video a:hover.vid-title { text-decoration:underline; } .primary-video a.vid-title strong { color:#ededb7; display:block; text-transform:uppercase; font-size:1em; font-weight:normal; } .primary-video a em { } /* Spotlights-box */ #spotlights-box { margin:0 20px; float:left; width:266px; height:290px; position:relative; } #spotlights-box .box-content { padding:0; } #spotlights-box .box-content p { text-align:center; width:266px; height:230px; background:transparent !important; } #spotlights-box .box-content p a { } #spotlights-box .box-content p a img { border:1px solid #b5b5b5; -moz-box-shadow:2px 2px 3px #959595; -webkit-box-shadow:2px 2px 3px #959595; box-shadow:2px 2px 3px #959595; filter: progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=135, color='#959595'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=2, Direction=135, Color='#959595')"; } #spotlights-box .box-content p span { display:block; text-decoration:underline; } .white{color:#ffffff;} .box-content p a img { border:1px solid #b5b5b5; -moz-box-shadow:2px 2px 3px #959595; -webkit-box-shadow:2px 2px 3px #959595; box-shadow:2px 2px 3px #959595; filter: progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=135, color='#959595'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=2, Direction=135, Color='#959595')"; } /* Uncomment next line to change home page spotlight */ /*#dnn_ctr3566_HtmlModule_lblContent { position:relative; margin-top:-40px; height: 310px; } */ /*Library Spotlight */ #spotlights .box-content p {background:transparent !important; } #dnn_spotlights {margin:0 20px; float:left; width:270px; height:290px; position:relative;} #dnn_spotlights h3 {padding-top:0px; padding-bottom:0px;} #dnn_spotlights .box-content { padding:0; } #dnn_spotlights .box-content p {text-align:center; width:270px; height:265px;background:transparent !important;} #dnn_spotlights .box-content p a { } #dnn_spotlights .box-content p a img { border:1px solid #b5b5b5; -moz-box-shadow:2px 2px 3px #959595; -webkit-box-shadow:2px 2px 3px #959595; box-shadow:2px 2px 3px #959595; filter: progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=135, color='#959595'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=2, Direction=135, Color='#959595')"; } #dnn_spotlights .box-content p span { display:block; text-decoration:underline; } .sb-nav {position:absolute;top:5px; right:5px; margin:0;} .sb-nav li {float:left; list-style-type:none; } /* .sb-nav li a {color:#fff; float:left; display:block; text-indent:-23420px; overflow:hidden; background:transparent url(../Images/Main-Sprite.png) no-repeat; }*/ .sb-nav li a {color:#fff; float:left; text-indent:-1000px; overflow:hidden; background:transparent url(../Images/Main-Sprite.png) no-repeat; } .sb-nav li a.sb-prev {height:19px; width:12px; background-position:-279px -145px;} .sb-nav li a.sb-next {height:19px; width:12px; background-position:-290px -145px;} .sb-nav li.sb-pager a { height:16px; width:16px; background-position:-269px -5px; } .sb-nav li.sb-pager a.activeSlide { background-position:-247px -5px; } /* News/Calendar/Hightlights Box LIBRARY*/ #newscalendarhighlightsboxlibrary { float:left; margin-left:50px;height:290px; width:320px; overflow: hidden;} /* News/Calendar/Hightlights Box */ #news-calendar-highlights-box { float:left; height:290px; width:430px; overflow: hidden;} .news-calendar-highlights-box-inner {height:250px; overflow:hidden;} .ll-footer2 {font-family:Trebuchet MS, sans-serif; color:#707070; font-size:1.1em; text-align:right;} .ll-footer2 a {font-weight:bold;} ul.link-list { font-family:Trebuchet MS, sans-serif; color:#707070; padding:0px 0 0 0; } ul.link-list li { list-style-type:none; font-size:1.1em; overflow:auto; border-bottom:1px solid #aeaeae; padding:5px 0; } ul.link-list li:hover { background:#fff4cf url(../Images/right-arrow.png) 406px center no-repeat; } ul.link-list li p { margin:0 0 0px 0; } ul.link-list li p a { text-decoration:none; } ul.link-list li p a:hover { text-decoration:underline; } p.ll-date { float:left; width:69px; height:65px; text-align:center; } span.month-year { text-transform:uppercase; display:block; font-size:1.4em; text-transform:uppercase; } span.day { display:block; font-size:2.8em; font-weight:bold; padding:3px 0; } p.ll-description { font-size:1.1em; padding:0 50px 0 15px; } p.ll-description a { font-size:1.1em; display:block; font-weight:bold; } ul.link-list li.ll-footer { text-align:right; border-bottom:none; padding:0 10px 0 0; font-weight:bold; } ul.link-list li:hover.ll-footer { background:none; } ul.link-list li.ll-footer a { font-weight:bold; } /* Featured Dept/Partner Box */ .featured-box { float:left; width:347px; margin-left:20px; } /* News Ticker */ #news-ticker { position:relative; height:71px; width:760px; padding:10px 0 0 0; background:transparent url(../Images/bg_news-ticker-shadow.png) bottom no-repeat; } #nt-frame-left { position:absolute; z-index:200; left:20px; top:0px; height:66px; width:190px; font-family: ; background:transparent url(../Images/bg_news-ticker.png) no-repeat; } #nt-frame-right { position:absolute; z-index:200; right:-16px; top:0px; height:66px; width:50px; font-family: ; background:transparent url(../Images/bg_news-ticker.png) right no-repeat; } #nt-items { height:47px; position: relative; } #nt-items li { font-family:Trebuchet MS, sans-serif; float:left; font-size:1.4em; list-style-type:none; margin:0px; } #nt-items li a { color:#ffeaa2; font-weight:bold; white-space: nowrap; margin-left:18px; } #nt-items li span { color:#fff; } .tickercontainer {z-index:100; width:610px; overflow:hidden; margin:-1px 0 0 160px; background:transparent url(../Images/bg_news-ticker-content.png) repeat-x; height:36px; padding:13px 0 0 0; } .mask { position: relative; left: 10px; top: 0px; width: 608px; overflow: hidden; } /* ---------------------------- */ /* Insert the following around line 588 of "base.css" */ /* ---------------------------- */ /* Citizens Connect Page ----------------------*/ .citizens-landing-page-module { position:relative; width:224px; margin-bottom:28px; } .citizens-landing-page-module h3 { background:none; position:relative; margin:0; padding:0; width:240px; } .citizens-landing-page-module h3 a { line-height:20px; padding:15px 0 20px; text-decoration:none; font-size:1em; } .citizens-landing-page-module p { line-height:18px; padding:0 15px; margin-bottom:10px; } /* left-side */ .left-col .left-col .citizens-landing-page-module { margin-left:10px;margin-top:18px; } .left-col .left-col .citizens-landing-page-module h3 { left:-10px; top:-10px; } .left-col .left-col .citizens-landing-page-module h3 a { display:block; color:#fff; padding-left:53px; background:transparent url(../Images/bg_citizens-landing-module.png) top left no-repeat; } .left-col .left-col .citizens-landing-page-module h3 a:hover { background-position:bottom left; } /* right side */ .left-col .right-col .citizens-landing-page-module { margin-top:18px; } .left-col .right-col .citizens-landing-page-module h3 { top:-10px; right:5px; } .left-col .right-col .citizens-landing-page-module h3 a { display:block; color:#fff; padding-left:18px; background:transparent url(../Images/bg_citizens-landing-module.png) top right no-repeat; } .left-col .right-col .citizens-landing-page-module h3 a:hover { background-position:bottom right; } .left-col .right-col {font-family: Georgia, serif;} /* the icons*/ .citizens-landing-page-module h3 span { position:absolute; height:32px; width:32px; } .citizens-landing-page-module h3 span.eb-access { top:8px; left:7px; } .citizens-landing-page-module h3 span.eb-make { top:9px; left:14px; } .citizens-landing-page-module h3 span.eb-talk { top:10px; right:17px; } .citizens-landing-page-module h3 span.eb-report { top:8px; right:16px; } /* -----------END-------------- */ /* Commissioner Page ----------------------*/ .two-col-wide {} /* title flag */ .primary-content h2 strong { color:#616161; font-size:10px; margin-left:10px; text-transform:uppercase; position:relative; top:-5px; background:transparent url(../Images/bg_commissioner-title-flag2.png) right 0 no-repeat; display:inline-block; padding:0 13px 0 0; } .primary-content h2 strong span { background:transparent url(../Images/bg_commissioner-title-flag2.png) left 0 no-repeat; display:inline-block; padding:0 0 0 10px; } .primary-content h3 a.icon-16-map { font-size:12px; font-weight:normal;} /* Photo Gallery - Sidebar */ #commissioner-photo-gallery { width:300px; margin:0 -70px 0 -7px; } #commissioner-photo-gallery .photo-frame { background:transparent url(../Images/bg_photo-gallery_side-bar.png) 0 0 no-repeat; } #commissioner-photo-gallery .photo-box { padding:19px 0 0 20px; } #commissioner-photo-gallery .thumbnail-box { padding:11px 10px 22px 20px; margin-top:-2px; background:transparent url(../Images/bg_photo-gallery_side-bar_thumbnails-minor.png) 6px 0 no-repeat; } .thumbnail-box {} .thumbnail-box a span.small-play { top:auto; left:auto; right:8px; bottom:8px; } /* more media link */ .thumbnail-box p { text-align:right; margin:0; line-height:10px;} .thumbnail-box p a { border:none; font-weight:bold; font-size:1.2em; } .thumbnail-box p a:hover { background-color:transparent; } /* Tab Content Box ---------------------------*/ ul.simpleTabsNavigation { margin:0; font-family:Trebuchet MS, sans-serif; overflow:auto; height:30px; } ul.simpleTabsNavigation li { float:left; list-style-type:none; } ul.simpleTabsNavigation li a { display:inline-block; } ul.simpleTabsNavigation li a.current { color:#2f5685; } div.simpleTabsContent { display:none; } div.simpleTabsContent.currentTab { display:block; } /* blue tab box */ .blue-tabs { } .blue-tabs ul.simpleTabsNavigation { background:#2f5685; padding:2px 0 0 5px; } .blue-tabs ul.simpleTabsNavigation li { } .blue-tabs ul.simpleTabsNavigation li a { font-size:1.4em; font-style:italic; color:#fff; padding:5px 10px; text-decoration:none; /* rounded corners */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;} .blue-tabs ul.simpleTabsNavigation li a:hover { background:#4471a6; } .blue-tabs ul.simpleTabsNavigation li a.current { color:#2f5685; background:#f7f7f7 url(../Images/bg_off-white.jpg); /* rounded corners */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .blue-tabs div.simpleTabsContent { } /* primary content tab box*/ .gray-tabs { position:relative; margin-top:45px; -moz-box-shadow:0px 0px 1px #9a9a9a; -webkit-box-shadow:0px 0px 1px #9a9a9a; box-shadow:0px 0px 1px #9a9a9a; } .gray-tabs ul.simpleTabsNavigation { position:absolute; top:-30px; } .gray-tabs ul.simpleTabsNavigation li { list-style-type:none; background-image:none; } .gray-tabs ul.simpleTabsNavigation li a { background:#f2f2f2; text-decoration:none; color:#2b4667; padding:2px 9px; border:1px solid #fff; border-bottom:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .gray-tabs ul.simpleTabsNavigation li a.current { background:#f7f7f7 url(../Images/bg_tab-item-selected.png) top repeat-x; padding-bottom:3px; border:1px solid #dedede; border-bottom:none; } .gray-tabs div.simpleTabsContent { padding:10px 15px; background:#f7f7f7 } /* Various List Styles ---------------------------*/ /* horizontal white (used in header and footer) */ .horizontal-white { } .horizontal-white li { list-style-type:none; display:inline; } .horizontal-white li a { color:#fff; display:inline-block; padding-left:28px; background: url(../Images/Main-Sprite.png) -290px 5px no-repeat; } .horizontal-white li.first, .horizontal-white li.first a { padding-left:0px; background:none; } /* Footer ---------------------------*/ #footer-wrapper { height:160px; background:#223d61 url(../Images/bg_footer.png) repeat; margin-top:18px; border-top:4px solid #b5b5b5; border-bottom:4px solid #b5b5b5;} #footer { color:#fff; font-size:1.2em; overflow:visible; position:relative;} #footer a { color:#fff; } #footer h5 { font-size:inherit; text-transform:uppercase;} .footer-social-media h5 { font-size:inherit; text-transform:uppercase;color:#ffffff;text-align:center; } .footer-seal, .footer-colophon, .footer-social-media, .footer-address { float:left; overflow:auto; } .footer-seal{ width:166px; } .footer-colophon{ width:460px; padding:10px 0 0; } .footer-colophon p { padding:0 18px 0 0; } .footer-social-media{ width:185px; padding:10px 0 0 0;} .footer-address { position:absolute; text-align:right; right:0px; top:0px; border-right:3px solid #fff; margin:10px 0 0; padding:10px 18px 0 0; } /* Misc Classes ---------------------------*/ /* Icon Links */ .icon-16 { display:inline-block; padding:3px 0 3px 21px; } .icon-24 { padding:3px 0 3px 41px; } .icon-32 { padding:5px 0 5px 45px; font-size:1em; line-height:1.4em; } /* individual icons */ .icon-16-map { background:transparent url(../Images/Icons/16x16/map.png) 0 center no-repeat; } .icon-16-calendar { background:transparent url(../Images/Icons/16x16/calendar.png) 0 center no-repeat; } .icon-16-email { background:transparent url(../Images/Icons/16x16/email.png) 0 center no-repeat; } .icon-16-fax { background:transparent url(../Images/Icons/16x16/fax-machine.png) 0 center no-repeat; } .icon-16-mobile { background:transparent url(../Images/Icons/16x16/mobile-phone.png) 0 center no-repeat; } .icon-24-film-strip { background:transparent url(../Images/Icons/24x24/film-strip.png) 0 center no-repeat; } .icon-24-documents { background:transparent url(../Images/Icons/24x24/documents.png) 0 center no-repeat; } .icon-32-acrobat { background:transparent url(../Images/Icons/32x32/document_acrobat.png) 0 center no-repeat; } .icon-32-map { background:transparent url(../Images/Icons/32x32/map.png) 0 center no-repeat; } .two-col-icon-links { } .two-col-icon-links a { display:block; float:left; width:190px; margin-right:10px; } /* Utilities ---------------------------*/ .hide, .hidden, .readmore-text, .listmore-text { display:none; } ul li.ada-skip { display:none; } /* hide the "skip to content" nav links */ .text-right { text-align:right; } .text-left { text-align:left; } .closed, .hide { display:none; } .open, .show { display:block; } .top-border { border-top: 2px dotted #d7c566; margin-top:13px; } .right-border { border-right: 2px dotted #d7c566; margin-right:13px; } .bottom-border { border-bottom: 2px dotted #d7c566; margin-bottom:13px; } .left-border { border-left: 2px dotted #d7c566; margin-left:13px; } /* Clearfix */ * html .clearfix { height: 1%; overflow: visible; } /* IE6 */ *+html .clearfix { min-height: 1%; } /* IE7 */ .clearfix:after{ clear: both; content: "."; display:block; height: 0; visibility: hidden; font-size: 0; } /* CSS3 Goodness ---------------------------*/ /* Rounded Corners */ .r-3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .r-4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .r-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .r-8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .top-cap { -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .right-cap { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .bottom-cap { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .left-cap { -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /* drop-shadows */ .drop-shadow { -moz-box-shadow:2px 2px 3px #959595; -webkit-box-shadow:2px 2px 3px #959595; box-shadow:2px 2px 3px #959595; filter: progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=135, color='#959595'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=2, Direction=135, Color='#959595')"; } /* IE */ .ie-note { position:absolute; top:0; right:0; height:30px; width:30px; background:#000; color:#fff; display:none; } /* Calendar Page ---------------------------------*/ .calendar-box { } .day-box { overflow:auto; margin-bottom:18px; } .day-box h3 { font-size:16px; color:#5d5d5d; position:relative; z-index:1000; float:left; width:100px; padding-right:30px; text-align:right; background:transparent url(../Images/bg_calendar-mast.png) top right no-repeat; } h3 .day-of-week { display:block; margin-bottom:5px; } h3 .month-and-day { display:block; } .events-box { float:left; width:545px; border-left:1px solid #b5b5b5; border-right:1px solid #b5b5b5; border-top:1px solid #b5b5b5; margin-left:-1px; } .event { overflow:auto; padding:18px 0px; border-bottom:1px dashed #b5b5b5; } .even { background:#f1f7ff; } .time { float:left; font-size:1.4em; font-weight:bold; color:#5d5d5d; width:110px; padding-left:20px; font-family:Trebuchet MS, sans-serif; text-transform:uppercase; } .details { float:left; width:390px; } .details h4 { margin-bottom:0px; } .details p.location {margin-bottom:0px;} /* datepicker tweaks */ #calendar-datepicker { display:none; position:absolute; width:250px; } #calendar-datepicker .ui-datepicker-calendar { display:none; } #calendar-datepicker .ui-datepicker { width:227px; padding-bottom: 0.2em; } #calendar-datepicker .ui-datepicker-header { float:left; width:17em; } #calendar-datepicker p { margin-bottom:0; } #calendar-datepicker a.ui-datepicker-current { position:absolute; right:21px; top:3px; font-family:Trebuchet MS, sans-serif; line-height:20px; margin:0 0 0 4px; padding:3px 5px; display:block; text-decoration:none; } .calendar-nav { width:100%; } .calendar-header h3 { text-align:center; position:relative; } .calendar-header a.btn-calendar { display:inline-block; padding:0 0 0 22px; top:-3px; background:transparent url(../Images/Icons/16x16/calendar.png) left 1px no-repeat; position:relative; font-size:10px; font-weight:normal; } .next { text-align:right; } /* buttons ---------------------------------*/ a.button { background: #eee; /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 4px 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: 21px; font-family: Trebuchet MS, sans-serif; } a.button:hover { color: #222; background: #eee; /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa; } a.button:active { background: #eee; /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* W3C */ border: 1px solid #888; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; } /* Video Gallery Pages ---------------------------------*/ .video-gallery { margin-bottom:25px; font-family:Trebuchet MS,sans-serif; } .video-gallery .primary-video {float:left; margin-right:24px;} .box .primary-video {float:left; margin-right:8px;} /* was margin-right:14px;*/ .video-gallery .last { margin-right:0px;} .video-gallery .primary-video p { padding:0; margin:0 0 14px; width:236px;} /* was width:233px */ /*.video-gallery .primary-video a.vid-thumb { border:0; }*/ /* changed this line to the line below */ .video-gallery .primary-video a.vid-thumb { display:block; position:relative; border:solid 2px #2f5685; color:#fff; text-decoration:none;} .video-gallery .primary-video a.vid-title { background:transparent; font-size:1em; font-weight:bold; color:#223d61; border:0; line-height:14px; padding:3px 5px 5px; } .video-gallery .primary-video a em { display:block; color:#6b6b6b; font-size:.9em; font-style:normal; } .box h3 a.more-link { float:right; color:#fefaea; font-size:11px; padding-right:5px; text-transform:uppercase; font-weight:normal; font-style:normal; text-decoration:none; } .box h3 a.more-link:hover { text-decoration:underline; } td.mainbox { font-size: 18px; font-weight: bold; height: 25px; text-align: left; padding: 5px 25px 5px 5px; font-family: Trebuchet MS; color: white;} td.topbox {text-align: center; padding: 5px 13px 5px 13px; height: 20px; font-size: 16px; font-family: Trebuchet MS; color: white;} td.openclosebox {text-align: left; padding: 5px 5px 5px 10px; font-size: 16px; font-family: Trebuchet MS;} td.innerbox {padding: 5px 5px 5px 5px; font-size: 12px; text-align: center; font-family: Trebuchet MS;} td.location {text-align: left; vertical-align: top; width: 35%; font-size: 14px; font-family: Trebuchet MS; font-weight: bold; padding: 6px 10px 6px 10px;} td.phone {text-align: left; vertical-align: top; width: 40%; font-size: 12px; font-family: Trebuchet MS; padding: 6px 10px 6px 10px;} td.address {text-align: left; vertical-align: top; width: 25%; font-size: 12px; font-family: Trebuchet MS; padding: 6px 10px 6px 10px;} tr.rowborder {border-bottom: solid 1px #BBBBBB; padding-top: 15px;} .shadow{-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;} .col1{width=40%;float:left;} .col2{width=40%;float:left; margin-left:20%;} .HousingTable {font-family: "Helvetica Neue", Helvetica, sans-serif; width:100%;} .HousingTable .small{font-size:9px; font-style:italic;} .HousingTable caption {text-align: left;color:#2f5685; font-weight: bold; text-transform: uppercase; padding: 5px;} .HousingTable .blue1{color:#2f5685; font-weight: bold;} .HousingTable thead {background: SteelBlue; color: white;} .HousingTable td {padding: 5px 5px;} .HousingTable th{text-align:center; font-weight:bold;padding: 5px 5px;text-transform: uppercase;} .HousingTable tbody tr:nth-child(even) {background: WhiteSmoke;} .HousingTable tbody tr td:nth-child(2), .HousingTable tbody tr td:nth-child(3), .HousingTable tbody tr td:nth-child(4), .HousingTable tbody tr td:nth-child(5) {text-align:left;} .HousingTable tfoot {background: SteelBlue;color: white;} .HousingTable tfoot tr th:last-child { /*font-family: monospace;*/ } #hfa-list { overflow:auto; cursor: pointer; cursor: hand;} #hfa-list p { float:left; margin-right:70px; padding:0 0 10px 12px; width:175px; height:210px;background:transparent url('http://cms.leoncountyfl.gov/Portals/0/Skins/LeonCountySkin/Images/bg_committee.png') top left no-repeat; } #hfa-list p.last { margin-right:0; } #hfa-list p a { display:block;} #hfa-list p img { margin:10px 55px 7px 0; } #hfa-list-two-col p { } .box2 {position: relative; width: 100%; height:100%; background-color: #fff; box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset; border-radius: 1% 1% 1% 1% / 1% 1% 1% 1%; } .box2 p, h4, h3{padding:0 10px;} .box2:after {position: absolute;width: 80%;height: 40%;left: 10%; border-radius: 50%; z-index: -1; bottom: 0%;content: "";box-shadow: 0 7px 16px rgba(0,0,0,0.4); } .sf-vertical, .sf-vertical li { width: 195px!important; } .sf-vertical li li, .sf-vertical li li li { width:175px; } .sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 195px!important; /* match ul width */ top: 0 } .sf-vertical li li:hover ul, .sf-vertical li li.sfHover ul { left: 195px!important; /* match ul width */ top: 0!important; } .sf-menu ul { position: absolute; top: -999em; width: 195px!important; } .liveaccdefault .ui-accordion .ui-accordion-header a { display: block; font-size: 14px!important; padding: 0px 20px!important; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #fff; } .btn-primary { color: #fff !important; background-color: #337ab7; border-color: #2e6da4; text-decoration:none !important; } .btn-primary:hover { background-color: #2f7ab7 !important; color:#c8c8c8 !important; } label.control-label.af-slide.required:after { content: '*'; color: red; }