@charset "UTF-8"; /* CSS Document */ /* GLOBAL */ html {background: #000 ; background-position:center center; background-image:url(/images/icons/loading-black.gif); background-repeat:no-repeat;} body {margin: 0; padding:0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;font-weight: 300; font-size: 90%; background:url("../images/background-homepage.jpg") no-repeat center -75px #000000; /*letter-spacing: 0.03em; */} ul, li, a {margin:0;padding:0} ul {list-style-type:none;margin:0;padding:0;} a:hover {cursor:pointer;cursor:hand;} form input#searchField, form input#searchFieldNoScript, #visitorLocale, #outOfStateLocale {/*outline: 0 none;*/} /* GLOBAL: LAYOUT: CONTAINERS */ #searchResults .top, #local .top, #news .top {background:url(../images/layout/content-box-bg.png); height:18px;} #searchResults .middle, #local .contentContainer, #content #newsbox #newsContainer {background:url(../images/layout/content-box-bg-middle.png); height:325px;} #searchResults .bottom, #local .bottom, #news .bottom {background:url(../images/layout/content-box-bg.png) no-repeat scroll 0 -50px; height:18px;} /* GLOBAL: LOADING */ .load span {display:none;} #mapResults.loading, #meetingsContainer #meetings.loading, #tweets.loading, #ytVideosWrapper.loading, .load {background:url(../images/icons/loading-white.gif) no-repeat center center; text-indent:-99999px} /* MAST */ #mast {position:fixed; top:0; width:100%;z-index:2; height:97px; background:url(../images/layout/topshader.png) bottom} #mast #header, #bottom #controller {width:988px; margin:0 auto} #mast #header {position:relative;} /* NAVIGATION */ #mast #nav {background:url(/shared-content/images/utahgov-logo.png) no-repeat; height:97px; width:993px; position:absolute} /* NAVIGATION: SUBNAVIGATION */ /* NAVIGATION: SUBNAVIGATION: SETTINGS */ /* NAVIGATION: SUBNAVIGATION: LOCATION */ /* NAVIGATION: DROPDOWNS */ #dropdownContainer {-moz-border-radius:15px;border-radius:15px;} /* NAVIGATION: DROPDOWNS: FEATURE */ /* NAVIGATION: DROPDOWNS: FEATURE: GOVERNOR */ /* NAVIGATION: DROPDOWNS: FEATURE: INFOGRAPHICS */ /* CONTENT: CONTAINERS */ /*________________________________________________________________________________________________________________________*/ /* SEARCH */ #content #search { z-index: 1;} #content #search .contents {width:988px; margin:0 auto; position:relative; padding-top:200px; } #search, #local, #news {background-repeat:no-repeat;} /* SEARCH: FORM */ #search .contents form {height:70px; position:relative;} #search .contents form label {display:none;} form input#searchField, input[type="search"]#searchField, form input#searchFieldNoScript, input[type="search"]#searchFieldNoScript {background:url(../images/layout/search_bg-right.png) no-repeat 0 -68px; width:515px; height:68px; color: #919396; border: none; padding-left: 25px; float:left; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;font-size: 21px;font-weight: 300;letter-spacing: 0.03em; border-right:none; border-color: transparent; border-width:0;} #searchSubmit, #searchSubmitNoScript {width:73px; height:68px; background:url(../images/layout/search_bg-right.png) no-repeat right -68px; border:none; text-indent:-9999px; cursor:pointer;cursor:hand;text-transform: capitalize;} input#searchSubmit:hover, #searchSubmitNoScript:hover {background:url(../images/layout/search_bg-right.png) no-repeat right 0; } form #clearSearch {background:url(../images/icons/circle-close.png) no-repeat; height:20px; width:20px; position:absolute; top:26px; left:517px; display:none} form #searchHint {color: #fff; height: 57px; padding-top: 9px; width: 355px;text-shadow: 1px 1px #333; position:absolute; right:0; top:0;} form #searchHint {color: #FFFFFF;height: 52px;padding: 7px 10px;position: absolute;right: 0;text-shadow: 1px 1px #333333;top: 0; width: 340px;} form #searchHint em {font-size: 120%;} form #searchHint li {font-size:12px; float:left; margin-right:10px;} /* SEARCH: TABS */ #searchResults #searchTabs {position:absolute; height: 40px; width:613px; left: 10px; top: 10px; width: 603px; background:url("../images/layout/search-results-tab-middle.png") repeat-x scroll 0 bottom transparent; border-top-left-radius:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px; } #searchResults #searchTabs li a { width:201px; float:left; height: 40px; line-height:40px; font-size:16px; text-align:center; border-top-left-radius:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px; position: absolute; top:0; color:#666} li#servicesTab a {background:url(../images/layout/search-results-tab-div.png) right repeat-y; left:0} li#formsTab a {background:url(../images/layout/search-results-tab-div.png) right repeat-y;left:201px} li#webTab a {left:402px;} /* SEARCH: TABS: INACTIVE */ #searchResults #searchTabs li.active a { color: #BD5D16;} #searchResults #searchTabs li.inactive a {color: #DADADA;cursor: default;} li#servicesTab.active a { background:url(../images/layout/search-results-tab-active.png) 0 bottom;} li#formsTab.active a { background:url(../images/layout/search-results-tab-active.png) -207px bottom;} li#webTab.active a { background:url(../images/layout/search-results-tab-active.png) -411px bottom;} /* SEARCH: TABS: RESULTS */ #searchResults {clear: both; margin: 5px auto 0; width: 988px; display:none; min-height:300px; -moz-border-radius:7px; -webkit-border-radius:7px; position:relative} #searchResults #results {position:absolute; background: url(../images/layout/search-results-background.png) repeat-y;height: 263px;left: 10px;top:50px; width: 603px;} #servicesList .noSearchResults { background:url(/images/searchnotfound.jpg) no-repeat center center; width:600px; height:253px; display:block} #searchResults #servicesList { height:259px;} #searchResults #servicesList li {font-size: 13px; height: 25px; line-height: 17px; width: 100%; position:relative} #searchResults #servicesList li a { text-decoration:none; color:#333; display:block; padding: 4px 10px; height: 15px; overflow: hidden;} #searchResults #servicesList li a:hover { background:#E9F4F7} #searchResults p.readmore { margin:0; background:url(../images/layout/search-results-foot-tear.png) repeat-x; width:100%; font-size: 12px; margin: 0 4px 0 0; padding-top: 14px; } #searchResults #servicesList li span { position:absolute; top:0; right:5px; height: 22px; width: 105px;} #searchResults #servicesList li span.state {background: url(../images/icons.png) no-repeat 0 -960px;} #searchResults #servicesList li span.local { background:url(../images/icons.png) no-repeat 0 -984px;} #searchResults #servicesList li span.federal { background: url(../images/icons.png) no-repeat 0 -1005px;} #searchResults #servicesList li span.location { background:url(../images/icons.png) no-repeat 0 -1028px;} /* SEARCH: TABS: RESULTS: RELATED */ #searchResults #related {border-left:1px solid #dadada; height: 322px; position: absolute; right: 10px; top: 10px; width: 344px; padding:10px;} #searchResults #related h3 { font-size:11px;color:#868687; margin: 0 0 5px; font-weight:300} #searchResults #related p {font-size:12px; font-weight:normal; margin:0; padding:0} #searchResults #related #agency {height:115px;} #searchResults #related #agency img {border:1px solid #dadada; padding:2px; margin-right:10px; float:left} #relatedJobs {display:none;} #relatedJobs a {width:100%; text-align:right} /* SEARCH: TABS: RESULTS: GOOGLE SEARCH ENGINE */ #googleResults {height:300px; overflow-y:hidden;} .webResult{ margin-bottom:10px;} .webResult h2 b{ color: #333; } .webResult h2 a{ color:#eee;border:none;} .webResult p{ line-height:1.5;} .webResult p b{ color: #000;} #googleCSEframe, #formsFrame { height:299px; width:100%;} /*________________________________________________________________________________________________________________________*/ /*________________________________________________________________________________________________________________________*/ /* NEAR YOU */ #content #local .contents {width:988px; margin:0 auto; position:relative; padding-top:110px; color:#fff} #content #local .contents .contentContainer {height:370px; padding:0 10px;position: relative;} #local a.collaborate-location {position:absolute; display:block; text-indent:-9999px; background:url(/images/buttons/button-collaborate-location-mini.png); width:61px; height:51px; top:456px; right:295px; z-index:1; color:#FFF} /* NEAR YOU: MAPPINGS */ .mappings span {display:none;} /*________________________________________________________________________________________________________________________*/ /* NEWS */ #content #news .contents {width:988px; margin:0 auto; position:relative; padding-top:95px; color:#E6E6E6} /*________________________________________________________________________________________________________________________*/ /* BOTTOM */ #bottom {position:fixed; bottom:-150px; width:100%; background: url(../images/layout/controller-bg.png) no-repeat center 20px; height:150px; z-index:5; color:white} #bottom a, #bottom #pageController a.active h3 {color:white;text-shadow:1px 1px 5px #000;} #bottom #footer a {text-shadow:none;} #bottom #connectButton a {height:30px; width:28px; background: url(../images/icons.png) no-repeat -140px -150px; position:absolute; top:20px;} #bottom #connectButton a.active {background: url(../images/icons.png) no-repeat -170px -150px;} #bottom #support {float:left;width:24%; margin-top:45px; font-size:13px;} /* BOTTOM: CONTROLLER */ #bottom #controller, #bottom #pageController {height:150px;} #bottom #pageController {float:left; margin:0 auto; text-align:center;width:100%;} #pageController a { display: block; float: left; height: 150px; width: 25%;cursor:pointer;cursor:hand;} /* BOTTOM: CONTROLLER: FEATURED BUTTONS */ #bottom #pageController a h3 { font-size: 21px;font-weight: 200;height: 40px;line-height: 40px;margin-bottom: 6px;margin-top: 50px;padding-left: 30px; color:#D6D6D5; text-shadow:1px 1px 5px #000;} #featuredButton, #searchButton, #localButton { background:url(../images/layout/controller-divider.png) no-repeat right 54px } a#featuredButton h3 { background:url(../images/icons.png) no-repeat 24px -211px; } a#searchButton h3 { background:url(../images/icons.png) no-repeat 24px -311px; } a#localButton h3 { background:url(../images/icons.png) no-repeat 24px -407px; padding-left: 50px;} a#newsButton h3 { background:url(../images/icons.png) no-repeat 24px -503px; } #bottom #pageController a p {width:170px; margin:0 auto; font-size:11px; font-style:italic; color:#F1F1F1} #bottom #pageController a.active p, #bottom #pageController a:hover p {color:#fff} #bottom #pageController a p.loading {background:url(../images/icons/loading-controller.gif) no-repeat center center; text-indent:-9999px; height:35px;} #bottom #pageController a.active p.loading {background:url(../images/icons/loading-controller-active.gif) no-repeat center center;;} /* BOTTOM: CONTROLLER: FEATURED BUTTONS: HOVER */ #pageController a:hover h3,#pageController a.active h3 {color:#fff} a#featuredButton:hover h3 { background:url(../images/icons.png) no-repeat 24px -260px; } a#searchButton:hover h3 { background:url(../images/icons.png) no-repeat 24px -358px; } a#localButton:hover h3 { background:url(../images/icons.png) no-repeat 24px -459px; padding-left: 50px;} a#newsButton:hover h3 { background:url(../images/icons.png) no-repeat 24px -547px; } /* BOTTOM: CONTROLLER: FEATURED BUTTONS: ACTIVE */ #pageController a.active h3 {color:#fff} a.active#featuredButton h3 { background:url(../images/icons.png) no-repeat 24px -260px; } a.active#searchButton h3 { background:url(../images/icons.png) no-repeat 24px -358px; } a.active#localButton h3 { background:url(../images/icons.png) no-repeat 24px -459px; padding-left: 50px;} a.active#newsButton h3 { background:url(../images/icons.png) no-repeat 24px -547px; } #featuredButton.active {background:url("../images/layout/utahgov-2011-controller-bg-over.png") no-repeat scroll 0 -1px transparent} #newsButton.active {background:url("../images/layout/utahgov-2011-controller-bg-over.png") no-repeat scroll -739px -1px transparent} #searchButton.active {background:url("../images/layout/utahgov-2011-controller-bg-over.png") no-repeat scroll -247px -1px transparent} #localButton.active {background:url("../images/layout/utahgov-2011-controller-bg-over.png") no-repeat scroll -494px -1px transparent} /*________________________________________________________________________________________________________________________*/ /*________________________________________________________________________________________________________________________*/ /* FOOTER */ #footer {color:#333;background:#E0DEDE url(../images/layout/footer-bg.png) repeat-x center top;position: relative;z-index:2;width: 100%;top:0; height:350px;} #footer a {color:#494949;} a.footerHelp {background:url(../images/footer-help.png) no-repeat; width:954px; height:92px; display:block; margin: 19px auto;} #footerContainer {width:988px; margin:0 auto; clear: both;position: relative; /* top: -141px;*/ top:0;} .footercolumn {float: left;text-align: left; width: 223px;width:170px;background:url("/images/layout/footer-vdiv.png") repeat-y scroll 153px top ; height:135px;} #footerContainer .footercolumn li a,#footerContainer .footercolumn li p,#footerContainer .footercolumn a, #footerContainer #portalFooter a {color:#494949; font-size:12px;} .footerTitle {margin:3px 0;} #footerContainer .footerTitle a, #footerContainer p {text-decoration:none; color:#333; font-size:11px;} p#portalFooter {text-align:center;font-size: 11px;} #col5 {width:290px; background:none} #col5 p {margin:0; font-size:12px;} /* FOOTER: SOCIAL */ #socialIcons li { float:left;} #socialIcons li a {display:block; width:120px; height:65px; text-indent:-9999px; background-image:url(/images/layout/footer.png);} #iconConnectTwitter a {background-position: -13px 0;} #iconConnectTwitter a:hover {background-position: -13px -65px;} #iconFacebook a {background-position: -147px 0;} #iconFacebook a:hover {background-position: -147px -65px;} #iconConnectMobile a {background-position: -270px 0;} #iconConnectMobile a:hover {background-position: -270px -65px;} #iconWidgets a {background-position: -393px 0;} #iconWidgets a:hover {background-position: -393px -65px;} #iconConnectPhotos a {background-position: -522px 0;} #iconConnectPhotos a:hover {background-position: -522px -65px;} #iconRSS a {background-position: -639px 0;} #iconRSS a:hover {background-position: -639px -65px;} #iconConnectBlogs a {background-position: -748px 0;} #iconConnectBlogs a:hover {background-position: -748px -65px;} #iconYouTube a {background-position: -866px 0;} #iconYouTube a:hover {background-position: -866px -65px;} /*________________________________________________________________________________________________________________________*/ /* ACCESSIBILITY */ /* MISC */ .clear {clear:both;} .bubble a, p.readmore a, #tweets a, #trending a, .mappings a {color:#3C6489;} .help a {-moz-border-radius: 5px; background: #567060; border: 1px solid #B6C1BB; color: #FDFEFD; font-size: 12px; padding: 5px; position: absolute; right: 295px; top: 123px; z-index: 1;} #content .contents h1 {font-weight:lighter; font-size:30px;margin:0 8px 5px; text-indent:-9999px; display:none} #content #featured {background:#EEEEEE;background-image: url(../images/features/features-bg.png); background-position: top center; width:100%; position:absolute; z-index:-1;} #logo { display: block; height: 90px; text-indent: -5555px; width: 115px;} .feature h3 {color: white; font-size: 120%; font-weight: normal; margin: 0; text-align: center;} .col h4 {margin:0; padding:0;} .col ul li a:hover {background: #EEEEEE; -moz-box-shadow:inset 0 0 10px #CCCCCC; -webkit-box-shadow:inset 0 0 10px #CCCCCC; box-shadow:inset 0 0 10px #CCCCCC;} .social div {font-size:12px;} .social div em {font-size:10px;} .social a.title { display:none} .social div.meta {font-size:11px; font-style: italic;} .active {background:url(../images/layout/controller-carrot.png) no-repeat center 12px} p.readmore a { margin-left:10px; } p.readmore em { color:#999; margin-right:10px; font-size:11px;float:right} /* NAVIGATION */ #nav {right: 0; bottom: -3px; width: 840px; height:43px; margin-left:148px; position: absolute; width:860px; z-index:5} #nav ul li div ul { position: inherit;} #nav ul li div ul li { float:none} #nav ul li div ul a, #nav ul li div ul a:hover, #nav ul li:hover div ul a {font-size:12px; height:auto; padding:0; text-shadow:none; color:#333; padding: 5px 10px; margin: 0 5px;-moz-border-radius: 7px; border-radius:7px; } #nav .feature a.infographic { top:0;color: #333333;font-size: 12px; height: 220px; left: -11px; position: absolute; text-align: left; text-shadow: none; vertical-align: text-bottom; width: 100%;} nav .feature a.infographic span {background: url(/images/dropdown/infographic-dropdown.png) repeat-x center top; bottom: 0; height: 20px; left: 11px; padding: 10px 10px 15px; position: absolute; width: 184px; text-align:center; color:#fff} nav .feature a.infographic:hover span {height: 44px;} #nav ul li div ul{ position: inherit;} #newsPriorities ul {position:relative;} #nav ul li div ul a.icon, #nav ul li:hover div ul a.icon { display:block; height:32px; width:32px; text-indent:-9999px; margin:0; padding:0} /* DROPDOWN: GOVERNOR */ .feature .social, #newsGovernor .socialize { right:8px; height: 50px; margin: 0; padding: 0; position: absolute; width: 216px; } #nav ul li .feature .social ul li, #newsGovernor .media ul li {margin-bottom:5px; margin:0; width:35px; float:left} a.facebook { background:url(/images/icons/social/facebook_32.png) no-repeat; display:block;height: 35px;text-indent: -9999px;} a.twitter { background:url(/images/icons/social/twitter_32.png) no-repeat;display:block;height: 35px;text-indent: -9999px;} a.rss { background:url(/images/icons/social/rss_32.png) no-repeat;display:block;height: 35px;text-indent: -9999px;} a.youtube { background:url(/images/icons/social/youtube_32.png) no-repeat;display:block;height: 35px;text-indent: -9999px;} #nav ul li div#priorities, #newsGovernor .media #newsPriorities {background: none;position: relative;top:52px; right:10px; padding:0; width:225px; height:92px; text-align:left} #newsGovernor .media #newsPriorities {position:absolute;width: 280px; top:auto; bottom:5px } #newsGovernor .media #newsPriorities h4, .headlines h4, #relatedJobs h3 { margin:0 0 5px 0; font-weight:normal;} #priorities h3 { text-indent:-9999px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat 8px 0; height:25px; margin:5px 0;} #nav ul li #priorities li a, #newsPriorities li a {text-indent:-9999px; -moz-border-radius:0;border-radius:0; margin:0; padding:0;height:30px; position:absolute} #priorities a.jobs, #newsPriorities a.jobs { width:86px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -155px -31px} #priorities a.jobs:hover,#newsPriorities a.jobs:hover {background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -8px -31px} #priorities a.energy,#newsPriorities a.energy { width:86px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -155px -59px; top:35px;} #priorities a.energy:hover,#newsPriorities a.energy:hover {background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -8px -59px;;} #priorities a.education,#newsPriorities a.education { width:142px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -150px -86px; top:0; right:5px} #priorities a.education:hover,#newsPriorities a.education:hover {background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -3px -86px;} #priorities a.self,#newsPriorities a.self {width:142px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -150px -115px; top:35px; right:5px} #priorities a.self:hover,#newsPriorities a.self:hover {background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -3px -115px;} #nav ul li a.govLink {display: block; height: 177px; margin: 0; padding: 0; width: 100%; text-align:center;} #nav ul li div ul li { float:none} #nav ul li div ul a, #nav ul li div ul a:hover, #nav ul li:hover div ul a, li#location ol a, #outOfState a {font-size:12px; height:auto; padding:0; text-shadow:none; color:#333; padding: 5px 10px; margin: 0 5px;-moz-border-radius: 7px; border-radius:7px; } #nav p.title {color: #fff; font-style: italic;left: 150px; position: absolute;top: 5px;text-shadow: 1px 1px #333 /*; font-weight: 100; */} #nav .active {-moz-border-radius:20px;border-radius:20px; background:white;} #nav ul li.active a {text-shadow:none; color:#333;} #nav ul li .dropdownContainer a.more { clear:both; text-shadow:none; color:#333; font-size:12px; padding: 20px 0 0 10px; background:url("../images/layout/search-results-foot-tear.png") repeat-x scroll } #nav ul li:hover div,#newsGovernor div { display:block;} #nav ul {list-style-type:none; position:absolute; bottom:-3px; right:0} #nav ul li {float: left; } #nav ul li a {color: #fff;text-decoration:none;text-shadow: 1px 1px #333; padding: 7px 18px;height:29px; display:block; font-size:15px; position:relative; z-index:2} #nav ul li:hover a div a {background:none;} #nav ul li:hover a#link-government, #nav ul li:hover a#link-employment, #nav ul li:hover a#link-business, #nav ul li:hover a#link-education,#nav ul li:hover a#link-residents, #nav ul li:hover a#link-visiting, #nav ul li:hover a#link-about, #nav ul li:hover a#link-services { color: #BD5D16; text-shadow:none; background: url(../images/layout/nav-bg.png) repeat-x white; -moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;border-top-left-radius: 7px; border-top-right-radius: 7px;} #nav ul li#nav-government, #nav ul li#nav-employment, #nav ul li#nav-business, #nav ul li#nav-education,#nav ul li#nav-residents, #nav ul li#nav-visiting, #nav ul li#nav-about, #nav ul li#nav-services {position:relative} li#nav-visiting .dropdownContainer, #nav ul li#nav-about .dropdownContainer, #nav ul li#nav-services .dropdownContainer {} .dropdownContainer { background: url(../images/layout/nav-bg.png) repeat-x 0 -70px #FFFFFF; min-height: 200px; left: -9999px; position: absolute; top: 36px; width: 430px; -webkit-border-radius:7px; -moz-border-radius:7px;border-radius: 7px; border-bottom: 1px solid #DADADA; border-left: 1px solid #DADADA; border-right: 1px solid #DADADA; z-index:1;box-shadow:3px 5px 11px 0 #333;} .dropdownContainer div {padding:5px;} .dropdownContainer .col {width:200px; float:left; margin-right:5px; margin-top:10px; margin-bottom:10px; background: url(../images/layout/nav-div.png) repeat-y right ; min-height:215px; } .dropdownContainer .col h2 {font-size:22px; font-weight:300; margin:0; padding:0} .dropdownContainer .col a {color: #3C6489; font-size:13px; } .dropdownContainer .feature {float: right; margin-right: 9px;margin-top: 9px;min-height: 205px;padding:10px;width: 184px; position:relative} #nav-government .dropdownContainer {width: 450px;} #nav-government .dropdownContainer .feature {width: 203px;} a.more .link {background:url(../images/icon-link.png) no-repeat; height:20px; width:20px; display:block; margin-left:5px;} /* FEATURES */ #nav-government .feature, #newsGovernor .feature {background:url(/images/dropdown/government.jpg) no-repeat; position:relative} #nav-employment .feature {background:url(/data/images/infographics/unemployment-infograph-205.png) no-repeat; overflow: hidden;position: relative;border: 1px solid #DADADA;} #nav-business .feature {background:url(/data/images/infographics/business-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;} #nav-education .feature {background:url(/data/images/infographics/education-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;} #nav-residents .feature {background:url(/data/images/infographics/residents-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;} #nav-visiting .feature {background:url(/data/images/infographics/stateparks-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;} #nav-about .feature {background:url(/data/images/infographics/promontory-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;} #nav-services .feature {background:url(/data/images/infographics/broadband-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;} /* SECONDARY NAVIGATION */ #secondary-nav {font-size: 12px; margin: 0; position: absolute; top: 0; right: 20px; width: auto; z-index: 99999; } #settings a {color: #fff; text-decoration:none;} #settings a.top {padding:10px; display:block; width:95px; text-align:left; } #settings #updown { font-size:10px; margin-left:5px;} #settings li.header {font-weight:bold} #settings li.header ul {font-weight:normal;} #settings li.divider {border-top:#dadada 1px solid;} #settings div.settingsDrop, #location div.locationDrop {display:none;} #settings ul li { padding:5px 10px;} #settings ul li:hover {background:#FFF;} #settings ul li ul {border:none;} #settings div.settingsDrop form {margin-left:10px;} ul {list-style-type:none;margin:0;padding:0;} li#settings {float: right;} #settings.open div.settingsDrop, .no_js #settings:hover div.settingsDrop, #location.open div.locationDrop {display:block;clear: both;} #secondary-nav h3, #secondary-nav h4 {color:#5B665F;font-weight:normal;margin:0;} #secondary-nav h3 {font-size:17px} #secondary-nav h4 {font-size:14px} .locationDestinations ol {margin:0; padding:0; width:32%; float:left; } .locationDestinations ol li { list-style-type:none; margin:0; } .locationDestinations a {color:#333; font-size:12px;} #outOfState .locationDestinations ol li {margin:15px 0 0;} #nav ul li div ul a, #nav ul li div ul a:hover, #nav ul li:hover div ul a, li#location ol a, #outOfState a {font-size:12px; height:auto; padding:0; text-shadow:none; color:#333; padding: 5px 10px; margin: 0 5px; border-radius:7px; } #secondary-nav input[type=text], #secondary-nav input[type=password], #secondary-nav input.text, #secondary-nav textarea {width: 190px; font-size: 13px; line-height: 20px; height: 20px; border: 1px solid #999; padding: 4px 4px 0 4px; background: white; border-radius: 4px; padding-bottom:4px;} #secondary-nav .buttons {position:relative;} #secondary-nav .buttons button[type=submit] {position:absolute;right:15px;top:-6px;background: #6d8faf;color: white;text-decoration:none; font-size: 13px; height: 28px; line-height: 28px; padding: 0 10px; cursor: pointer; text-align: center; border: none; border-radius: 4px; } #secondary-nav li#settings, #secondary-nav li#support, #secondary-nav li#searchTop {float:right;list-style: none;border-right: 1px solid #333333; height: 37px; background:url(/images/layout/secondary-nav-bg.png) left top repeat-x;} #secondary-nav li#searchTop {background: url(/images/layout/secondary-nav-bg-left.png) left top no-repeat; height: 37px;} #secondary-nav li#settings a, #secondary-nav li#support a, #secondary-nav li#searchTop a {display: block; min-width: 94px; padding: 10px 0 0 3px;text-align: center;color: #EFEFEF;} #secondary-nav li#searchTop a {text-indent:-9999px; background:url(/images/icons/icons-search.png) no-repeat; min-width:40px; height:25px;} /* SECONDARY NAV: LOCATION */ li#location {font-size: 17px; list-style:none; line-height: 37px; min-height: 37px; float:right; background:url(/images/layout/secondary-nav-bg-right.png) right top no-repeat; min-width:70px;} li#location a { color:white; text-decoration:none; margin-right: 30px;padding:10px;} li#support a {color:white; text-decoration:none} li#location #updown {font-size:9px;background:url(/images/icons.png) no-repeat -145px -126px; height:19px; width:19px; position: absolute; right: 11px; top: 9px; width: 19px; } li#location #updown.active {background:url(/images/icons.png) no-repeat -173px -126px;} #settings div.settingsDrop, #location div.locationDrop {background: url(/images/layout/nav-local.jpg) no-repeat right top; right: 2px; top: 35px; padding: 20px 10px 10px 10px; position: absolute; right: 2px; width: 325px;border-radius:5px;-moz-border-radius:5px;-webkit-border:5px; -moz-box-shadow:0 9px 30px 0 #333; -webkit-box-shadow:0 9px 30px 0 #333; box-shadow:0 9px 30px 0 #333; } #settings div.settingsDrop {background:url(/images/layout/settings-background.png) no-repeat left top;} #secondary-nav li#settings #subNavFontSizing {float:left;width:155px;margin: 5px 0 0;} #secondary-nav li#settings #subNavFontSizing a {min-width:40px; width:52px; height:55px;background-image:url(/images/fontsizing.png); float:left; padding:0; text-indent:-9999px;} #secondary-nav li#settings #subNavFontSizing a.small {background-position:0 0; width:48px;} #secondary-nav li#settings #subNavFontSizing a.normal {background-position:-50px 0;width:51px;} #secondary-nav li#settings #subNavFontSizing a.big {background-position:-106px 0;width:52px;} #secondary-nav li#settings #subNavFontSizing a.small:hover {background-position:0 -55px;} #secondary-nav li#settings #subNavFontSizing a.normal:hover {background-position:-50px -55px;} #secondary-nav li#settings #subNavFontSizing a.big:hover {background-position:-106px -55px;} .fontsize,.buttonAccount {margin:10px 0 0 0 ;} #subNavLogin { float: right; padding-left: 5px; width: 155px; background: url(/images/settings-divider.png) repeat-y top left; margin: 5px 0 0 5px;} #subNavLogin h4 {text-align: center;} #subNavLogin a { float:left;} #subNavLogin a.buttonAccount { background:url(/images/buttonAccount.png) no-repeat; display:block; width:97px; height:38px; text-indent:-9999px; margin-left:30px;} #location div.locationDrop p {margin:0; padding:0;} #location div.locationDrop form {} #location .searchForm label {float:left; font-size:12px; display:none} #location div.locationDrop p.searchForm, #outOfState p.searchForm {position: relative; background:url(/images/layout/location-form.png) no-repeat left top;} .submitButton {color:#fff;} #outOfState input[type="text"], #secondary-nav input[type="text"]#visitorLocale {width: 65%; background:none; border:none; border-radius:0; font-size:20px; font-weight:lighter; color:#5B665F; height: 35px;margin:7px 0 0 10px; } #outOfState input[type="text"] {width:325px;margin:7px 0 5px 10px; } #location .searchForm input#visitorSubmit {position:absolute; right: 0; top: 0;} #visitorSubmit , #outOfStateLocaleSubmit{ border: medium none; height: 50px; margin-bottom: 5px; margin-right: -5px; width: 89px;background:url(/images/layout/location-button.png); float:right; cursor:pointer} #outOfStateLocaleSubmit {background: url(/images/layout/location-outofstate-button.png); width:89px;} #outOfState .searchForm { width: 430px;} .locationDestinations {background:url(/images/layout/location-hdivider.png) repeat-x;margin-top: 10px;} li#location ol a:hover, #outOfState ol a:hover {background: #31523F; -moz-box-shadow:inset 0 0 10px #192B21; -webkit-box-shadow:inset 0 0 10px #192B21; box-shadow:inset 0 0 10px #192B21; color:white} #secondary-nav span#subNavFontSizing a { display: block; height: 25px;text-indent: -9999px; width: 11px; min-width:0; padding:0; float:left} a.small {background: url("/shared-content/images/elements.png") no-repeat scroll -903px -240px transparent;right: 75px;} a.normal {background: url("/shared-content/images/elements.png") no-repeat scroll -914px -240px transparent;right: 64px;} a.big {background: url("/shared-content/images/elements.png") no-repeat scroll -925px -240px transparent; right: 53px;} a.small:hover {background-position: -903px -350px;} a.normal:hover { background-position: -914px -350px;} a.big:hover { background-position: -925px -350px;} .meetingRow {clear:both; margin-top:5px; padding:0 4px;} .calendar {float:left; margin-right:5px; background:url(../images/icons.png) no-repeat -141px -678px; height:22px; width:52px;} .month {color:#5A645E; padding:3px 3px 3px 5px; display: block; float: left; font-size:9px; text-transform:uppercase} .day {font-size: 12px; line-height: 19px; margin-left:7px;} .meetingTitle {float:left; width:200px;} /* MAP */ .map {float:left; width:687px; background:#fff;} /* background:#F5F5F5; */ #outOfState {color:#5B665F;-moz-border-radius: 9px 9px 9px 9px;border-radius:9px; background: url("/images/outofstate.jpg") repeat scroll 0 0 transparent; height: 388px; position: absolute; top: -8px; width: 728px; z-index: 1;Padding-left:220px;padding-right:20px;} #outOfState .locationDestinations ol {width:25%; float:left;} #outOfState ol a {font-size:16px;} #outOfState label {display:none;} #outOfState h3, #outOfState h4 {margin:15px 0 10px; font-weight:normal} #outOfState h3 {font-size:36px; font-style:italic; font-weight:lighter} #outOfState h4 {font-size:23px; padding-top:18px;} .mapRight {margin-top:-8px; color: #333333;float: right; font-size: 12px; height: 370px; width: 277px;} .mapRight a {font-weight:normal; color:#3C6489;} .mapRight em {clear:both; font-size:11px; display:none} #meetings {min-height:175px;} #meetings em {display:none;} #meetingsContainer { height:190px; background:white;} #meetingsContainer a.heading, #jobs a.heading { height:45px; display:block;} #meetingsContainer a.heading {background: url(../images/layout/subheadings-sprite.png) no-repeat -317px 0;} #meetingsContainer a.heading:hover {background: url(../images/layout/subheadings-sprite.png) no-repeat -317px -46px;} #meetingsContainer li a, #jobs li a, #meetingsContainer li a, #jobs li a:hover {background:none; display:inherit; height:auto} #meetingsContainer h3, #jobs h3 {text-indent:-9999px; margin:0; padding:0} #jobs { height:175px; background:white; margin-top:15px;} #jobs li { padding: 10px 0 0 5px;} #jobs a.heading {background: url(../images/layout/subheadings-sprite.png) no-repeat;} #jobs a.heading:hover {background: url(../images/layout/subheadings-sprite.png) no-repeat 0 -46px;} /* NEAR YOU: TABS */ #mapController {width:305px; height:370px; float:left; margin-top: -8px;} #mapController #mapTabs {margin:0; -moz-border-radius-topleft: 10px;border-top-left-radius:10px; background: url("../images/layout/search-results-tab-middle.png") repeat-x scroll 0 bottom transparent;height: 60px;} #mapController #mapTabs div {float:left; height:60px; width:76px; background:url("/images/layout/search-results-tab-div.png") no-repeat scroll right top transparent;} #mapController #mapTabs div:last-child {background:none;} #mapController #mapTabs div a { height:55px; width:66px; float:left; margin-right:10px; text-indent:-9999px; color:#000;} #mapController #mapTabs div a#offices {background:url("../images/icons.png") no-repeat 0 -672px} #mapController #mapTabs div a#schools {background:url("../images/icons.png") no-repeat 0 -740px} #mapController #mapTabs div a#libraries {background:url("../images/icons.png") no-repeat 0 -806px} #mapController #mapTabs div a#parks {background:url("../images/icons.png") no-repeat 0 -872px} /* NEAR YOU: TABS: ACTIVE */ #mapController #mapTabs div.active {background:#F2EFE9;background: url("../images/layout/search-results-tab-active.png") no-repeat scroll -123px bottom transparent;} #mapController #mapTabs div.active:first-child {border-top-left-radius:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;} #mapController #mapTabs div.active:last-child { border-top-right-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;background:url("../images/layout/search-results-tab-active.png") no-repeat scroll -210px bottom transparent;} #mapController #mapTabs div.active a#offices {background:url("../images/icons.png") no-repeat -65px -672px; -moz-border-radius-topleft: 10px;border-top-left-radius:10px;} #mapController #mapTabs div.active a#schools {background:url("../images/icons.png") no-repeat -65px -740px} #mapController #mapTabs div.active a#libraries {background:url("../images/icons.png") no-repeat -65px -806px} #mapController #mapTabs div.active a#parks {background:url("../images/icons.png") no-repeat -65px -872px} #googleMap {background: none repeat scroll 0 0 #E5E3DF; float: right; height: 385px; margin-top: -7px; width: 382px;} #mapResults { height: 271px; position: relative; width: 305px;background:url("../images/layout/search-results-foot-tear.png") repeat-x scroll 0 259px transparent} #mapResults div {position:absolute; top:15px; color:#333} #mapResults ol {margin:0 10px 0 36px; padding:0;} #mapResults li {list-style: upper-alpha outside none; color:#333; margin-bottom:9px; font-size:12px;} a#mapAdvert { display:block; width:282px; height:53px; background:url('../images/layout/advert-maps.png');margin-left:10px; text-indent:-9999px;} .bubble {color: #333333; font-size: 13px;} #googleResults #googleCSEframe html {margin-top:-200px;} table.bb, table.tb {display:none;} .accesskey, #pageVisited {display:none;} /* SEARCH: SOCIAL */ #ytVideosWrapper {height:70px; overflow:hidden; clear:both} #ytVideos a img {border:none; width:100px; height:auto; margin-right:5px;} #tweets, #news .tweets, #tweetsFeatured, #tweetsOutdoor, #tweetsBusiness, #tweetsEducation, #tweetsGovernment {background: url(../images/icons/search-twitter.png) no-repeat; padding-left:42px;} #twtr-hd {display:none;} .twtr-tweets {height: 60px; overflow: hidden; border: none} #twtr-widget-1 {} .twtr-bd {height: 60px; overflow: hidden;} #news .tweets {height: 75px;margin-bottom: 10px;overflow: hidden;} #searchResults h2, #content .contents h2, #news h2 { display:none;} #searchResults #related #tweets p { font-size: 0.76em; font-style: italic; width: 296px;} #ytVideos {height: 60px; overflow: hidden;} #ytVideos div {width:108px; height:60px; float:left;position:relative; margin-right:5px; background-position: center center} #ytVideos a.fancyvideo {background: url("../images/icons/search-ytplay.png") no-repeat scroll center center transparent; height: 60px; left: 0; position: absolute; top: 0; width: 108px;} /* VIDEO OVERLAY */ div#fancy_overlay {position:absolute;top: 0;left: 0;z-index: 90;width: 100%;background-color: #333;} div#fancy_loading {position: absolute;height: 40px;width: 40px; cursor: pointer;cursor:hand; display: none; overflow: hidden; background: transparent; z-index: 100; } div#fancy_loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background: transparent url(../images/layout/videobox/fancy_progress.png) no-repeat;} div#fancy_close {position: absolute;top: -12px;right: -12px;height: 30px;width: 30px;background: transparent url(../images/layout/videobox/fancy_closebox.png) ;cursor: pointer;cursor:hand;z-index: 100;display: none;} div#fancy_content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0; margin: 0;z-index: 96;} #fancy_frame {position: relative;width: 100%;height: 100%;display: none;} img#fancy_img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:0; padding: 0; margin: 0;z-index: 92;} div#fancy_title {position: absolute;bottom: -35px;left: 0;width: 100%;z-index: 100;display: none;} div#fancy_title table {margin: 0 auto;} div#fancy_title div {color: #FFF;font: bold 12px Arial;padding-bottom: 2px;} td#fancy_title_left {height: 32px;width: 15px;background: transparent url(../images/layout/videobox/fancy_title_left.png) repeat-x;} td#fancy_title_main {height: 32px;background: transparent url(../images/layout/videobox/fancy_title_main.png) repeat-x;} td#fancy_title_right {height: 32px;width: 15px;background: transparent url(../images/layout/videobox/fancy_title_right.png) repeat-x;} div#fancy_outer {position: absolute;top: 0;left: 0;z-index: 90;padding: 18px 18px 58px 18px;margin: 0;overflow: hidden;background: transparent;display: none;} div#fancy_inner {position: relative;width:100%;height:100%;border: 1px solid #444;background: #FFF;} a#fancy_left, a#fancy_right {position: absolute; bottom: 10px; height: 100%; width: 35%; cursor: pointer;cursor:hand;background-image: url(data:image/gif;base64,AAAA);z-index: 100; } a#fancy_left {left: 0; }a#fancy_right {right: 0; } a#fancy_left:hover {background: transparent url(../images/layout/videobox/fancy_left.gif) no-repeat 0% 100%;} a#fancy_right:hover {background: transparent url(../images/layout/videobox/fancy_right.gif) no-repeat 100% 100%;} #fancy_bigIframe, #fancy_freeIframe {position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;} div#fancy_bg {display: none;} div.fancy_bg {position: absolute;display: block;z-index: 70;} div.fancy_bg_n {top: -18px;width: 100%;height: 18px;background: transparent url(../images/layout/videobox/fancy_shadow_n.png) repeat-x;} div.fancy_bg_ne {top: -18px;right: -13px;width: 13px;height: 18px;background: transparent url(../images/layout/videobox/fancy_shadow_ne.png) no-repeat;} div.fancy_bg_e {right: -13px;height: 100%;width: 13px;background: transparent url(../images/layout/videobox/fancy_shadow_e.png) repeat-y;} div.fancy_bg_se {bottom: -18px;right: -13px;width: 13px;height: 18px;background: transparent url(../images/layout/videobox/fancy_shadow_se.png) no-repeat;} div.fancy_bg_s {bottom: -18px;width: 100%;height: 18px;background: transparent url(../images/layout/videobox/fancy_shadow_s.png) repeat-x;} div.fancy_bg_sw {bottom: -18px;left: -13px;width: 13px;height: 18px;background: transparent url(../images/layout/videobox/fancy_shadow_sw.png) no-repeat;} div.fancy_bg_w {left: -13px;height: 100%;width: 13px;background: transparent url(../images/layout/videobox/fancy_shadow_w.png) repeat-y;} div.fancy_bg_nw {top: -18px;left: -13px;width: 13px;height: 18px;background: transparent url(../images/layout/videobox/fancy_shadow_nw.png) no-repeat;} #videoNo, #tweetsNo {display:none;} #videoNo a {text-indent:-9999px; background-image:url(../images/searchnotfound_related.jpg); background-position: -3px -127px; display:block; height:60px; width:340px;} #tweetsNo a {text-indent:-9999px; background-image:url(../images/searchnotfound_related.jpg); background-position: -3px -191px; display:block; height:49px; width:340px; margin-bottom: 9px; margin-top: -5px;} #related #agency a.notfound {text-indent:-9999px; background-image:url(../images/searchnotfound_related.jpg); background-position: -3px 0; display:block; height:115px; width:340px;} #trending {border-top: 1px solid #DADADA;padding: 5px;} #trending #count {float: left;font-size: 60px;font-weight: lighter;margin-right: 6px;} #trending #description { font-size: 13px; padding-top: 11px;} #trending a {float: right;font-size: 12px;color: #3C6489; text-decoration: none;} /*DEV*/ #devinfo { position:fixed; top:0; background:white; color:#333; top:100px; left:20px; display:none;} /* NEWS */ .newsSection {display:none;} /* NEWS: FEATURED STORY */ div#meta p.date {font-size:0.75em; text-transform: uppercase;margin:0;} .story, p.synopsis {font-size:12px;margin:5px 0;} #newsWrapper {padding:1px 20px; color:#333; position: absolute; top: 32px; width: 930px;} .featuredStory h3, .featuredStory h4, {padding:0; margin:0} #content #newsbox #newsContainer {height:375px; position:relative} #newsTabs {background:#FFF} #newsTabs .featuredStory, #newsTabs .featuredPhoto {width:270px; position:absolute;} #newsTabs .headlines, #newsTabs .social {width:350px; position:absolute} #newsTabs .media { width:310px; position:absolute;} .featureStory {height: 350px;position: absolute;} #newsTabs .featuredStory {z-index:1; bottom:0; background:white} #news #newsTabs h3.headline {margin:0; padding:0; font-weight:normal; text-decoration:none; color:#666; font-size:15px;} #newsTabs .headlines h4, .social h4 { margin:0;} #newsTabs .headlines li a { border-bottom: 1px solid #DADADA; font-size: 12px; font-weight: bold; margin-bottom: 5px; text-decoration: none;} #newsTabs .featuredPhoto {height:100%; text-indent:-9999px;background-size: 100% auto; background-repeat:no-repeat;} #newsTabs .headlines { border-left: 1px dotted #DADADA; height: 343px; left: 298px; padding-left: 10px;} .headlines ul li {margin-right:5px; margin-bottom:8px; } .media .readmoreNews a {bottom: 10px; clear: both; height: 40px; position: absolute; text-align: center; width: 305px;margin:0; background:url("../images/layout/advert-connect2.png") no-repeat scroll 1px -92px transparent; right:1px; text-indent:-9999px;} .media .connectPlus a { background: url("../images/layout/advert-connect2.png") no-repeat scroll 0 0 transparent; bottom: 61px; clear: both; height: 88px; line-height: 60px; margin: 0; position: absolute; right: 1px; text-align: center; text-indent: -9999px; width: 305px;} #newsTabs .media { height: 343px; padding: 10px; right: 0; text-align: center; top: -7px; width: 295px;} #news #newsbox #newsContainer {width:988px; height:380px; } #newsContainer .controller { position:absolute; top:-9px; height:35px; left: 10px; width: 968px; border-top-left-radius:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px; border-top-right-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px; background: url("../images/layout/search-results-tab-middle.png") repeat-x 0 bottom; } #newsContainer .controller li { } #newsContainer .controller a { font-size:12px;padding:10px;text-align:center; width:173px; color:#666; background:url("/images/layout/search-results-tab-div.png") no-repeat scroll right top transparent; position:absolute; top:0} #newsTab {left:0;} #outdoorsTab {left:193px;} #commerceTab {left:386px;} #educationTab {left:579px;} #governorTab {left:772px;} #newsContainer .controller li.active a {background: url("../images/layout/search-results-tab-active.png") bottom; color:#BD5D16;} #newsContainer .controller li.active:first-child a {border-top-left-radius:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;} #newsContainer .controller li.active:last-child a {border-top-right-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;background:url("../images/layout/search-results-tab-active.png") no-repeat scroll -209px bottom transparent;} /* #news .controller a {width:38px; height:183px; position:absolute; top:125px;} #news .controller a.previous { background: url(../images/buttons/button-previous-next.png) no-repeat;} #news .controller a.next { background:url(../images/buttons/button-news-next.png) no-repeat;} */ /* ETC*/ .iconRSS, .skipnav {display:none;} #news .social {bottom:-20px; position:absolute;} /* PHOTO ATTRIBUTION */ #photoAttribution {width:390px; color:#FFF; position:fixed; bottom:155px; display:none;border-radius:10px; padding:10px;} #photoAttribution .attr { font-size:12px; background:url(../images/icons.png) -25px -595px no-repeat ; padding-left:45px; font-style:italic; height:31px; text-indent:-9999px; opacity:0.85;filter:alpha(opacity=85)} #photoAttribution .attr a {color:white;} #photoAttribution .black,#photoAttribution .black a {color:#000; font-weight:bold;} #photoAttribution .attr:hover {cursor:pointer;cursor:hand;} #photoAttribution a.photogBump {text-decoration:none;} #photoAttribution a.bump { color:#FFF; background:url(../images/icons.png) 329px -622px no-repeat ; padding-right:40px; border-top:1px solid #ABADB0; display:block; text-decoration:none; padding-top:10px; margin-top:10px; display:none;} #photoAttribution a.bump h4 {font-size:17px;margin:0; padding:0; font-weight:normal} #photoAttribution a.bump p {margin:0; padding:0; font-size:12px;} #photoAttribution .close {display:none; background:url(../images/icons.png) no-repeat -173px -57px ; height:23px; width:23px; position: absolute; right: -10px; text-indent: -9999px; top: -10px;} /* STANRDARDS */ #news {color:#000;} #news a, #related a {color:#3C6489; background-color:#FFF; font-size:12px;} .headlines .readmore a {color:#FFF;} /* Heights for sections */ #local .contents, #newsbox {margin-top:10px;} /* TEST #content #local, #content #news { display:none;} */ /* SECONDARY */ #content #main {background:url(../images/crowdsourced/5520770903_c6bba19c6e_b.jpg) no-repeat top center #FFF;} #content #main .contents { color: #333; margin: 0 auto; padding-top: 125px; position: relative; width: 988px;} #content #main .contents h1 {color:#FFF;} #main .top {background:url(../images/layout/content-box-bg.png); height:18px;} #main .middle {background:url(../images/layout/content-box-bg-middle.png); min-height:325px;} #main .bottom {background:url(../images/layout/content-box-bg.png) no-repeat scroll 0 -50px; height:18px;} #main #secondarypage {float:left; margin: 10px 20px; width: 681px;} #main #sidebar {float:right; width:265px;} #content #main .contents .help { font-size: 12px; position: absolute; right: 5px; top: 142px; color:#FFF} /* CSE */ #googleCSEframe html {margin-top: -67px;} /* -------- HEADER ---------- */ header {display: block; position: relative; width: 988px; height: 97px; margin: 0 auto; color: white; z-index: 9999;} header a {color: white;} header h1 {margin:0;} header h1 a {position: absolute; top: 0; left: 0; width: 115px; height: 90px; background: url(/shared-content/images/utahgov-logo.png) left top no-repeat; text-indent: -9999em; z-index: 100000;} header p#tagline {position: absolute; top: 20px; left: 150px; font-style: italic; text-shadow: 0 0 2px #333;} /* -------- NAVIGATION ---------- */ nav {right: 0; bottom: -3px; height:43px; margin-left:148px; position: absolute; width:900px; z-index:5} nav a img {border:none;} nav ul {list-style-type:none; position:absolute; right:0} nav ul li {float: left; } nav ul li:hover div {left:0} li#nav-visiting:hover .dropdownContainer, nav ul li#nav-about:hover .dropdownContainer, nav ul li#nav-services:hover .dropdownContainer {left:auto;} nav ul li a {color: #fff;text-decoration:none;text-shadow: 1px 1px #333; font-size: 15px; padding: 7px 20px;height:29px; display:block; z-index:2; position:relative;text-decoration: none; text-shadow: 0 0 2px #333;} nav ul {list-style-type:none; position:absolute; bottom:-3px; right:0} nav ul li div .social ul {bottom:0;} nav ul li a.govLink {display: block; height: 177px; margin: 0; padding: 0; width: 100%; text-align:center;} #nav ul li div ul li { float:none} #nav ul li div ul a, #nav ul li div ul a:hover, #nav ul li:hover div ul a, li#location ol a, #outOfState a {font-size:12px; height:auto; padding:0; text-shadow:none; color:#333; padding: 5px 10px; margin: 0 5px;-moz-border-radius: 7px; border-radius:7px;} nav ul li div ul { position: inherit;} nav ul li div ul li { float:none} nav ul li div ul a, #nav ul li div ul a:hover, #nav ul li:hover div ul a {font-size:12px; height:auto; padding:0; text-shadow:none; color:#333; padding: 5px 10px; margin: 0 5px;-moz-border-radius: 7px; border-radius:7px;-webkit-border-radius:7px; } /* -------- NAVIGATION: FEATURE ---------- */ nav ul li div .feature .social ul li {float:left; margin-right:5px; margin-bottom:5px;} nav .feature a.infographic { top:0;color: #333333;font-size: 12px; height: 220px; left: -11px; position: absolute; text-align: left; text-shadow: none; vertical-align: text-bottom; width: 100%;} nav .feature a.infographic span { background: url(/images/dropdown/infographic-dropdown.png) repeat-x center top; bottom: 0; height: 20px; left: 11px; padding: 10px 10px 15px; position: absolute; width: 184px; text-align:center; color:#fff} nav .feature a.infographic:hover span { } .feature .social { bottom: 0; height: 50px; left: 0; margin: 0; padding: 0; position: absolute; width: 300px; } nav ul li div ul social a.icon { display:block; height:32px; width:32px; text-indent:-9999px;} nav p.title {color: #fff; font-style: italic;left: 130px; position: absolute;top: 5px;font-size:17px; text-shadow: 1px 1px #333 /*; font-weight: 100; */} nav .active {-moz-border-radius:20px; background:white;} nav ul li.active a {text-shadow:none; color:#333;} nav ul li .dropdownContainer a.more { clear:both; text-shadow:none; color:#333; font-size:12px; padding: 20px 0 6px 10px; background:url("/shared-content/images/tear.png") repeat-x ; text-align:center } nav ul li .dropdownContainer a.more:hover {background-color:#fafafa;} nav ul li:hover a div a {background:none;} nav ul li:hover a#link-government, nav ul li:hover a#link-employment, nav ul li:hover a#link-business, nav ul li:hover a#link-education,nav ul li:hover a#link-residents, nav ul li:hover a#link-visiting, nav ul li:hover a#link-about, nav ul li:hover a#link-services { color: #BD5D16; text-shadow:none; background: url(/shared-content/images/nav-bg.png) repeat-x white; -moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;border-top-left-radius: 7px; border-top-right-radius: 7px;} nav ul li#nav-government, nav ul li#nav-employment, nav ul li#nav-business, nav ul li#nav-education,nav ul li#nav-residents, nav ul li#nav-visiting, nav ul li#nav-about, nav ul li#nav-services {position:relative} li#nav-visiting .dropdownContainer, nav ul li#nav-about .dropdownContainer, nav ul li#nav-services .dropdownContainer {left: -9999px; right:0; } /* NAV CURRENT PAGE */ nav ul li a.current { color: #BD5D16; text-shadow:none; background: url(/shared-content/images/nav-bg.png) repeat-x white; -moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;border-top-left-radius: 7px; border-top-right-radius: 7px;} /* -------- NAVIGATION: DROPDOWN ---------- */ .dropdownContainer { background: url(/shared-content/images/nav-bg.png) repeat-x 0 -70px #FFFFFF; min-height: 200px; position: absolute; top: 36px; width: 430px; -webkit-border-radius:7px; -moz-border-radius:7px;border-radius: 7px; border-bottom: 1px solid #DADADA; border-left: 1px solid #DADADA; border-right: 1px solid #DADADA; -webkit-box-shadow: 5px 15px 12px 0 #333; -moz-box-shadow: 5px 15px 12px 0 #333; box-shadow: 5px 15px 12px 0 #333; z-index:1} .dropdownContainer div {padding:5px;} #nav-government .dropdownContainer {width: 450px;} #nav-government .dropdownContainer .feature {width: 203px;} .dropdownContainer ul.col {width:200px; float:left; position: relative; margin-right:5px; margin-top:10px; margin-bottom:10px; background: url(/shared-content/images/nav-div.png) top right repeat-y; min-height: 215px; } .dropdownContainer .col h2 {font-size:22px; font-weight:300; margin:0; padding:0} .dropdownContainer ul.col li a {color: #3C6489; font-size:13px; } ul.col li a:hover {background: #eee; -moz-box-shadow: inset 0 0 10px #ccc; -webkit-box-shadow: inset 0 0 10px #ccc; box-shadow:inset 0 0 10px #ccc;} .dropdownContainer ul.col li {float: none;} .dropdownContainer .feature {float: right; margin-right: 9px; margin-top: 9px;min-height: 205px; padding:10px; width: 184px;} a.more .link {background:url(/images/icon-link.png) no-repeat; height:20px; width:20px; display:block; margin-left:5px;} /* -------- NAVIGATION: FEATURES ---------- */ #nav-government .feature, #newsGovernor .feature {background:url(/images/dropdown/government.jpg) no-repeat; position:relative} #nav-employment .feature {background:url(/data/images/infographics/unemployment-infograph-205.png) no-repeat; overflow: hidden;position: relative;border: 1px solid #DADADA;} #nav-business .feature {background:url(/data/images/infographics/business-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;} #nav-education .feature {background:url(/data/images/infographics/education-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;} #nav-residents .feature {background:url(/data/images/infographics/residents-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;} #nav-visiting .feature {background:url(/data/images/infographics/stateparks-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;} #nav-about .feature {background:url(/data/images/infographics/promontory-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;} #nav-services .feature {background:url(/data/images/infographics/broadband-infograph-205.png) no-repeat;overflow: hidden;position: relative;border: 1px solid #DADADA;} /* -------- NAVIGATION: SECONDARY ---------- */ #secondary-nav {font-size: 12px; margin: 0; position: absolute; top: 0; right: 20px; width: auto; z-index: 99999; } /* -------- NAVIGATION: SECONDARY: SETTINGS ---------- */ #settings a {color: #fff; text-decoration:none;} #settings a.top {padding:10px; display:block; width:95px; text-align:left; } #settings #updown { font-size:10px; margin-left:5px;} #settings li.header {font-weight:bold} #settings li.header ul {font-weight:normal;} #settings li.divider {border-top:#dadada 1px solid;} #settings ul, #location ul {display:none;} #settings ul li { padding:5px 10px;} #settings ul li:hover {background:#FFF;} #settings ul li ul { border:none;} #settings ul form {margin-left:10px;} li#settings {float: right;} #settings.open ul, .no_js #settings:hover ul, #location.open ul {display:block;clear: both;} #secondary-nav h3, #secondary-nav h4 {color:#5B665F;font-weight:normal;margin:0;} #secondary-nav h3 {font-size:17px} #secondary-nav h4 {font-size:14px} .locationDestinations ol {margin:0; padding:0; width:32%; float:left; } .locationDestinations ol li { list-style-type:none; margin:0; } .locationDestinations a {color:#333; font-size:12px;} #outOfState .locationDestinations ol li {margin:15px 0 0;} #nav ul li div ul a, #nav ul li div ul a:hover, #nav ul li:hover div ul a, li#location ol a, #outOfState a {font-size:12px; height:auto; padding:0; text-shadow:none; color:#333; padding: 5px 10px; margin: 0 5px;-moz-border-radius: 7px; border-radius:7px; } #secondary-nav input[type=text], #secondary-nav input[type=password], #secondary-nav input.text, #secondary-nav textarea {width: 190px; font-size: 13px; line-height: 20px; height: 20px; border: 1px solid #999; padding: 4px 4px 0 4px; background: white; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding-bottom:4px;} #secondary-nav .buttons {position:relative;} #secondary-nav .buttons button[type=submit] {position:absolute;right:15px;top:-6px;background: #6d8faf;color: white;text-decoration:none; font-size: 13px; height: 28px; line-height: 28px; padding: 0 10px; cursor: pointer; text-align: center; border: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;} #secondary-nav li#settings, #secondary-nav li#support, #secondary-nav li#searchTop {float:right;list-style: none;border-right: 1px solid #333333; height: 37px; background:url(/images/layout/secondary-nav-bg.png) left top repeat-x;} #secondary-nav li#searchTop {background: url(/images/layout/secondary-nav-bg-left.png) left top no-repeat; height: 37px;} #secondary-nav li#settings a, #secondary-nav li#support a, #secondary-nav li#searchTop a {display: block; min-width: 94px; padding: 10px 0 0 3px;text-align: center;color: #EFEFEF;} #secondary-nav li#searchTop a {text-indent:-9999px; background:url(/images/icons/icons-search.png) no-repeat; min-width:40px; height:25px;} /* SECONDARY NAV: LOCATION */ li#location {font-size: 17px; list-style:none; line-height: 37px; min-height: 37px; float:right; background:url(/images/layout/secondary-nav-bg-right.png) right top no-repeat; min-width:70px;} li#location a { color:white; text-decoration:none; margin-right: 30px;padding:10px;} li#support a {color:white; text-decoration:none} li#location #updown {font-size:9px;background:url(/images/icons.png) no-repeat -145px -126px; height:19px; width:19px; position: absolute; right: 11px; top: 9px; width: 19px; } li#location #updown.active {background:url(/images/icons.png) no-repeat -173px -126px;} #settings ul, #location ul {background: url(/images/layout/nav-local.jpg) no-repeat right top; right: 2px; top: 35px; padding: 20px 10px 10px 10px; position: absolute; right: 2px; width: 325px;border-radius:5px;-moz-border-radius:5px;-webkit-border:5px;-moz-box-shadow:0 9px 30px 0 #333333; box-shadow:0 9px 30px 0 #333333; } #settings ul {background:url(/images/layout/settings-background.png) no-repeat left top;} #secondary-nav li#settings #subNavFontSizing {float:left;width:155px;margin: 5px 0 0;} #secondary-nav li#settings #subNavFontSizing a {min-width:40px; width:52px; height:55px;background-image:url(/images/fontsizing.png); float:left; padding:0; text-indent:-9999px;} #secondary-nav li#settings #subNavFontSizing a.small {background-position:0 0; width:48px;} #secondary-nav li#settings #subNavFontSizing a.normal {background-position:-50px 0;width:51px;} #secondary-nav li#settings #subNavFontSizing a.big {background-position:-106px 0;width:52px;} #secondary-nav li#settings #subNavFontSizing a.small:hover {background-position:0 -55px;} #secondary-nav li#settings #subNavFontSizing a.normal:hover {background-position:-50px -55px;} #secondary-nav li#settings #subNavFontSizing a.big:hover {background-position:-106px -55px;} .fontsize,.buttonAccount {margin:10px 0 0 0 ;} #subNavLogin { float: left; margin-left: 5px; padding-left: 5px; width: 160px; background:url(/images/settings-divider.png) repeat-y top left;margin: 5px 0 0;} #subNavLogin a { float:left;} #subNavLogin a.buttonAccount { background:url(/images/buttonAccount.png) no-repeat; display:block; width:97px; height:38px; text-indent:-9999px; margin-left:30px;} #location ul p {margin:0; padding:0;} #location ul form {} #location .searchForm label {float:left; font-size:12px; display:none} #location ul p.searchForm, #outOfState p.searchForm {background:url(/images/layout/location-form.png) no-repeat left top;} #outOfState input[type="text"], #secondary-nav input[type="text"]#visitorLocale {width: 65%; background:none; border:none; -moz-border-radius: 0;border-radius:0; font-size:20px; font-weight:lighter; color:#5B665F; height: 35px;margin:7px 0 0 10px} #outOfState input[type="text"] {width:325px;margin:7px 0 5px 10px} #visitorSubmit , #outOfStateLocaleSubmit{ border: medium none; height: 50px; margin-bottom: 5px; margin-right: -5px; width: 89px;background:url(/images/layout/location-button.png); float:right; cursor:pointer} #outOfStateLocaleSubmit {background: url(/images/layout/location-outofstate-button.png); width:89px;} #outOfState .searchForm { width: 430px;} .locationDestinations {background:url(/images/layout/location-hdivider.png) repeat-x;margin-top: 10px;} li#location ol a:hover, #outOfState ol a:hover {background: #31523F; -moz-box-shadow:inset 0 0 10px #192B21; -webkit-box-shadow:inset 0 0 10px #192B21; box-shadow:inset 0 0 10px #192B21; color:white} #secondary-nav span#subNavFontSizing a { display: block; height: 25px;text-indent: -9999px; width: 11px; min-width:0; padding:0; float:left} a.small {background: url("/shared-content/images/elements.png") no-repeat scroll -903px -240px transparent;right: 75px;} a.normal {background: url("/shared-content/images/elements.png") no-repeat scroll -914px -240px transparent;right: 64px;} a.big {background: url("/shared-content/images/elements.png") no-repeat scroll -925px -240px transparent; right: 53px;} a.small:hover {background-position: -903px -350px;} a.normal:hover { background-position: -914px -350px;} a.big:hover { background-position: -925px -350px;} /* SUB LINKS */ #logo { display: block; height: 90px; text-indent: -5555px; width: 115px;} a.facebook { background:url(/images/icons/social/facebook_32.png) no-repeat} a.twitter { background:url(/images/icons/social/twitter_32.png) no-repeat} a.rss { background:url(/images/icons/social/rss_32.png) no-repeat} a.youtube { background:url(/images/icons/social/youtube_32.png) no-repeat} .feature h2 { color: white; font-size: 120%; font-weight: normal; margin: 0; text-align: center;} .col h4 {margin:0; padding:0;} .social div {font-size:12px;} .social div em {font-size:10px;} .social .facebook { background:url(/images/icons/social/facebook_32.png) no-repeat; height:65px; padding-left: 42px;} /* #featuredButton.active {background:url(/images/layout/controller-carrot.png) no-repeat center 10px} #searchButton.active {background:url(/images/layout/controller-carrot.png) no-repeat center 2px} #localButton.active {background:url(/images/layout/controller-carrot.png) no-repeat center 1px} */ .active {background:url(/images/layout/controller-carrot.png) no-repeat center 12px} #featuredButton.active {background:url("../images/layout/utahgov-2011-controller-bg-over.png") no-repeat scroll 0 -1px transparent} #newsButton.active {background:url("../images/layout/utahgov-2011-controller-bg-over.png") no-repeat scroll -739px -1px transparent} #searchButton.active {background:url("../images/layout/utahgov-2011-controller-bg-over.png") no-repeat scroll -247px -1px transparent} #localButton.active {background:url("../images/layout/utahgov-2011-controller-bg-over.png") no-repeat scroll -494px -1px transparent} /* iPAD */ #iPadButtons { display:none} #tabletFeatured, #tabletSearch, #tabletLocation, #tabletNews {} /* DROPDOWN: GOVERNOR */ .feature .social, #newsGovernor .socialize {right:8px; height: 50px; bottom: 4px; margin: 0; padding: 0; position: absolute; width: 216px; } nav ul li .feature .social ul li, #newsGovernor .media ul li {margin-bottom:5px; margin:0; width:32px; float:left} a.facebook {background:url(/images/icons/social/facebook_32.png) no-repeat; display:block;height: 32px; width:32px;text-indent: -9999px;} a.twitter {background:url(/images/icons/social/twitter_32.png) no-repeat;display:block;height: 32px; width:32px;text-indent: -9999px;} a.rss {background:url(/images/icons/social/rss_32.png) no-repeat;display:block;height: 32px; width:32px;text-indent: -9999px;} a.youtube {background:url(/images/icons/social/youtube_32.png) no-repeat;display:block;height: 32px; width:32px;text-indent: -9999px;} #nav-government .feature ul {height:32px;} nav ul li div#priorities, #newsGovernor .media #newsPriorities {background: none;position: relative; top: 52px; right:10px; padding:0; width:225px; height:92px; text-align:left} nav ul li div#priorities {position: absolute; top: 220px; right: 0; } nav ul li div#priorities ul {position: relative; } #newsGovernor .media #newsPriorities {position:absolute;width: 280px; top:auto; bottom:5px } #newsGovernor .media #newspriorities h3, .headlines h4, #relatedJobs h3 { margin:0 0 5px 0; font-weight:normal;} #priorities h3 { text-indent:-9999px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat 8px 0; height:25px; margin:5px 0;} nav ul li #priorities li a, #newsPriorities li a {text-indent:-9999px; -moz-border-radius:0;border-radius:0; margin:0; padding:0;height:30px; position:absolute} #priorities a.jobs, #newsPriorities a.jobs {width:86px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -155px -31px} #priorities a.jobs:hover,#newsPriorities a.jobs:hover {background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -8px -31px} #priorities a.energy,#newsPriorities a.energy {width:86px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -155px -59px; top:35px;} #priorities a.energy:hover,#newsPriorities a.energy:hover {background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -8px -59px;;} #priorities a.education,#newsPriorities a.education {width: 142px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -150px -86px; top:0; right:5px} #priorities a.education:hover,#newsPriorities a.education:hover {background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -3px -86px;} #priorities a.self,#newsPriorities a.self {width:142px; background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -150px -115px; top:35px; right:5px} #priorities a.self:hover,#newsPriorities a.self:hover {background:url(/images/dropdown/dropdown-governor-icons.png) no-repeat -3px -115px;} /* ACCESSIBILITY */ .accessibleMore {background:white;-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; margin: 10px auto 0; padding: 20px; width: 570px;} .accessibleMore .left {float:left; width:45%;} .accessibleMore .right {float:right; width:45%;} .panel-wrapper {position: relative; height: 220px;} object em { display:none;} /* MEDIA: SCREEN: TABLET: GLOBAL */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { nav ul li a {padding:7px 19px} #mast, #bottom {position:absolute;} form input#searchField, input#searchField[type="search"] { width:490px; -webkit-border-radius:0; border-radius: 0; padding-top:0} #searchSubmit {width:70px;border-radius:0;-webkit-border-radius:0;margin:0; padding:0; margin-left:0px;} form #clearSearch { left:500px;} #search .contents form { height: 70px; padding: 0 10px;} #searchResults {width:969px;} #searchResults #results {width:585px} #photoAttribution {margin-left:15px;} form #searchHint li { font-size:11px;margin: 5px 11px 0 0;} #iPadButtons { z-index:500; position:absolute; width:1023px; display:block} #tabletFeatured, #tabletSearch, #tabletLocation, #tabletNews, #tabletFooter {display:block; float: left; height: 250px; width: 245px; margin:1px;} #tabletNews {width:225px;} #tabletFooter {width:35px;} #showFooterLink {right: 5px;} * {margin: 0;padding: 0;border: 0;} body { min-height:100px;} #mast, #bottom {position: relative;top: 0;left: 0;display: block;width: 100%;min-height: 44px;z-index: 200;} #mast {background:url("../images/layout/topshader.png") repeat scroll center bottom transparent;} #bottom {position: absolute;top: 542px;height: 150px;} body.scrolled #bottom {top: 307px;} body[orient="landscape"] #bottom {top: 220px;} body.scrolled[orient="landscape"] #bottom {top: 159px;} #container {height: 324px;} #content {margin-top:-100px;} body[orient="landscape"] #container {height: 176px;} body.scrolled[orient="landscape"] #container {height: 115px;} body[orient="portrait"] #searchHint { display:none;} body[orient="landscape"] #searchHint { display:none;} #content {position: relative;} } /* MEDIA: TABLET: LANDSCAPE */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } /* MEDIA: SCREEN: TABLET: PORTRAIT */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { nav {right:20;} #bottom {top:800;} #searchHint {opacity:0;} #showFooterLink {opacity:0;} #featuredButton {display:none;} #tabletFeatured {display:none;} #secondary-nav {right:220;} #search .contents form {left:80;} header p#tagline {top:40;} header p#tagline {font-size:11;} nav ul li a {fontSize:95%;} .mapRight {clear:both; width:676px;padding-left:20px;height:auto; background:url("../images/layout/content-box-bg-middle.png") repeat scroll 0 0 transparent;margin-left: -10px;} #meetingsContainer, #jobs {float: left;margin-top:10px;background:none;} #meetingsContainer a.heading, #jobs a.heading {background:none repeat scroll 0 0;} #meetingsContainer h3, #jobs h3 {text-indent:0px;} #searchResults {width:686px;position:absolute; left:60px} #searchResults #related {position:relative; clear:both;display:none;} #content #local .contents, #content #news .contents, #searchResults {width: 706px;} #searchResults #results,#searchResults #searchTabs {width:690px;} #searchResults .middle, #local .contentContainer, #content #newsbox #newsContainer {background: url("../images/layout/content-box-bg-middle-portrait.png") repeat-y scroll 0 0 transparent;} #searchResults .top, #local .top, #news .top {background:url("../images/layout/content-box-bg-portrait.png") repeat-y scroll 0 0 transparent;} #searchResults .bottom, #local .bottom, #news .bottom {background:url("../images/layout/content-box-bg-portrait.png") no-repeat scroll 0 -50px transparent} .bottom {clear:both;} #newsContainer .controller {width:686px;} #content #news .media {display:none;} #newsContainer .controller a {width:138px;} #outdoorsTab {left: 138px;} #commerceTab {left: 276px;} #educationTab {left: 418px;} #governorTab {left:561px;} .help a, #local a.collaborate-location {right:15px;} /* #content #news .contents {width:696px;} */ } /* MEDIA: TABLET: YouTube */ .html5-info-bar {display:none;} /* MEDIA: SCREEN: HIGH DEF */ /* MEDIA: SCREEN: MOBILE */