/* ###################### Reset Browser Defaults ######################### */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; } input { margin:0; padding:0; } blockquote,q { quotes:none; } body { font-size:100%; font-family:"Open Sans","Helvetica Neue", Arial, sans-serif; line-height:1.4; color:#4c5050; z-index:9999; background-color:#fff; } /* clear fixes */ * html .clearfix { height: 1%; overflow: visible; } /* float clearing for IE6 */ *+html .clearfix { min-height: 1%; } /* float clearing for IE7 */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } /* float clearing for all other browsers */ /* ############################ Fonts, Font Sizes, Font Colors ############################### */ h1, h2, h3 { font-weight:400; } /* Sizes */ span.gov, .copyright, .footer-column.fcflickr p { font-size:.7em; } ul#topnav { font-size:.75em; } .footer-column ul, .footer-column .visitmaine p, ol#crumbs, #share p { font-size:.8em; } #gov-row p, #gov-row ul { font-size:.9em; } .footer-column h3 { font-size:1em; } #sidebar h3 { font-size:1.4em; } /* Links */ a { color:#407098; } a:hover { color:#b84017; } #gov-row a:hover, #latest-news a:hover { text-decoration:none; } #gov-row h2 { font-size:1.4em; color:#407098; font-weight:bold; } #getnotified img, #flags img, #yourgovernment img, #governor img { max-width:100%; } #open ul { list-style:none; margin-top:20px; } #yourgovernment ul { margin:0; } #covidresponse h2 { text-transform: uppercase; color:#407098; text-align:center; background-color:#fff; font-size:2em; margin-bottom: 1rem;} #open ul li { margin-bottom:25px; text-align:center; } #open ul li strong { font-size:1.1em; } #open ul li strong { text-transform: uppercase; } @media only screen and (max-width: 723px) { #gov-row { width:100%; margin-top:0; padding:15px 0 15px; background-color:#dadee1; display:flex;flex-direction:row;max-width:1264px; box-sizing: border-box;} #getnotified, #flags, #yourgovernment, #governor { flex:0 0 220px;width:220px;box-sizing: border-box; background-color:#fff; box-sizing: border-box; border:none; padding:20px 20px 10px; margin:0 auto 10px; text-align:center;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 12px;} #open { clear:both; margin:20px auto 20px auto; width:90%; border:2px solid #407098; padding:0 10px 10px; box-sizing: border-box; border-radius:5px; } #open h2 { text-transform: uppercase; color:#407098; text-align:center; margin:0 auto; background-color:#fff; padding:10px; font-size:1.5em; } .covid-buttons {display:flex;flex-direction: column;} li.form { background:#fff url(../img/people.jpg) center top no-repeat; padding-top:40px; background-size:50px 30px; } li.small-business { background:#fff url(../img/building.jpg) center top no-repeat; padding-top:60px; background-size:40px 49px; } #covidresponse {width: 100%;max-width: 1264px;margin: 70px auto 0 auto;text-align: center;} li.get-advice { background:#fff url(../img/bubbles.jpg) center top no-repeat; padding-top:45px; background-size: 50px 39px; } li.start { background:#fff url(../img/documents.jpg) center top no-repeat; padding-top:60px; background-size: 41px 50px; } #bgimg-1 {height:auto;} } @media only screen and (max-width: 415px) { #gov-row { width:100%; margin-top:0; padding:15px 0 15px; background-color:#dadee1; display:flex;flex-direction:column;} #getnotified, #flags, #yourgovernment, #governor { flex:0 0 240px;width:240px;box-sizing: border-box; background-color:#fff; border:none; padding:20px 20px 10px; margin:0 auto 10px; text-align:center;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 12px;} } @media only screen and (min-width: 724px) { #gov-row { width:90%; margin:60px auto 0; background:none;max-width:1264px;display:flex;flex-direction:row;} #getnotified, #flags, #yourgovernment, #governor { box-sizing: border-box; flex: 1 1 220px;background-color:#fff; border:none; padding:20px 20px 18px; margin-bottom:0!important;text-align:center; box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 12px; } #yourgovernment { margin:0 8%; } #covidresponse {margin: 140px auto 0 auto !important; text-align:center;} #open { clear:both; margin:140px auto 20px auto; width:90%; max-width:1264px; border:2px solid #407098; padding:0 30px 30px; box-sizing: border-box;border-radius:5px;} #open h2 { text-transform: uppercase; color:#407098; text-align:center; margin:-35px auto 0 auto; background-color:#fff; padding:10px; width:490px; font-size:2em; } #open ul { list-style:none; margin-top:20px; } #open ul li { float:left; width:35%; text-align:left; } #open ul li strong { font-size:1.1em; } li.start, li.get-advice { margin-bottom:30px; } li.start, li.form { margin-right:7%; } li.start { background:#fff url(../img/documents.jpg) left top no-repeat; padding-left:60px; background-size: 41px 50px; padding-top:0; } li.get-advice { background:#fff url(../img/bubbles.jpg) left top no-repeat; padding-left:60px; background-size: 50px 39px; padding-top:0; } #open ul li strong { text-transform: uppercase; } li.form { background:#fff url(../img/people.jpg) left top no-repeat; padding-left:60px; background-size:50px 30px; padding-top:0; } li.small-business { background:#fff url(../img/building.jpg) left top no-repeat; padding-left:60px; background-size:40px 49px; padding-top:0; } .covid-buttons {flex-direction: row;} .covid-buttons a:first-child {margin-right:12px;} .covid-buttons a:last-child {margin-left:12px;} } /* styling for primary and secondary calls to action */ .primary_cta,.primary_cta:visited,button.primary_cta,button.primary_cta:visited {margin: 1em auto;background-color:rgba(186, 92, 33, 1);font-weight: 700 !important;font-size: 1.25em;color: #fff !important;text-align: center;padding: 12px 24px; width: auto;height: auto;border: none;border-radius: 4px;text-decoration:none;display:inline-block;-webkit-font-smoothing: antialiased;} .primary_cta:hover,button.primary_cta:hover {background-color:rgba(186, 92, 33,.8);color:#fff;transition: background-color .5s ease-out;} .primary_cta.small {font-size: 1em;padding: 4px 8px;} .secondary_cta,.secondary_cta:visited {background-color:rgba(232,232,232,1);font-weight: 700;font-size: 1.25em;color:#000 !important;text-align: center;padding: 12px 24px; width: auto;height: auto;border: none;border-radius: 4px;text-decoration:none;} .secondary_cta:hover {background-color:rgba(232,232,232,.8);color:#fff;transition: background-color .5s ease-out;} .home_cta,.home_cta:visited {display:inline-block;background-color:rgba(58, 103, 146,1);font-weight: 700;font-size: 1.25em;color:rgba(255,255,255,1) !important;text-align: center;padding: 12px 24px; border: 1px solid rgba(58, 103, 146,.7);border-radius: 4px;text-decoration:none;} .home_cta:hover {background-color:rgba(58, 103, 146,.8);color:rgba(255,255,255,1);border: 1px solid rgba(58, 103, 146,.8);transition: background-color .5s ease-out;} @media only screen and (min-width: 781px) { .primary_cta,.primary_cta:visited,a.home_cta:visited {padding: 12px 12px;font-size:1.25em;margin-top:0;} .secondary_cta,.secondary_cta:visited,a.home_cta,a.home_cta:visited {padding: 12px 12px;font-size:1em;margin-top:0;} } div#searchbox {margin: -186px auto 0 !important;border-radius: 5px;} @media only screen and (max-width: 670px) { div#searchbox {margin: 0 auto 0 !important;} } #outdoor-links a { color:#fff; text-decoration:underline; } #outdoor-links a:hover { text-decoration:none; } #outdoors .photocredit img { bottom: 10px; position: absolute; right: 10px; } ul#activities a:hover { color:#5ea4af; } .mapit-1, .mapit-2, .mapit-3 { width:90%; margin:0 auto; } .mapit-2 { margin-top:20px; } .mapit-1 p { margin-bottom:15px; } .stateparks { background: #fff url(../img/statepark.png) no-repeat scroll left center; margin: 0; padding: 9px 0 14px 35px; } .courts { background: #fff url(../img/court.png) no-repeat scroll left center; margin: 0; padding: 9px 0 14px 35px; } .bmvbranches { background: #fff url(../img/bmv.png) no-repeat scroll left center; margin: 0; padding: 9px 0 14px 35px; } .careercenters { background: #fff url(../img/careercenter.png) no-repeat scroll left center; margin: 0; padding: 9px 0 14px 35px; } .dhhsoffices { background: #fff url(../img/dhhs.png) no-repeat scroll left center; margin:0; padding: 9px 0 14px 35px; } .veteransoffices { background: #fff url(../img/bvsoffice.png) no-repeat scroll left center; margin: 0; padding: 9px 0 14px 35px; } /* Static map to replace map on homepage on initial load */ #static_map_canvas { width:100%; height:450px; background:#fff url(../img/static-map.png) center bottom no-repeat; background-size:cover; } #inside-content a { color:#407098; } #inside-content a:hover, ol#crumbs a:hover { text-decoration:none; } #services-inside a:hover, #howdoi a:hover { color:#1c5a67; text-decoration:none; } #mapit h2, #top-services h2, #news-highlights h2 { color: #407098; font-size: 2em; text-transform:uppercase; } .divider { width:100%; height:30px; background:#fff url(../img/shadowbg.gif) center left repeat-x; } .footer-column ul a, .footer-column.fcflickr p a { text-decoration:underline; } .footer-column ul a:hover, .footer-column.fcflickr p a:hover { text-decoration:none; } /* Survey Remove after July */ .survey_box { background-color: #1c5a67; clear: both; color: #fff; display: block; margin: auto; width:100%; } .survey { color:#fff; padding: 7px;} .survey_icon { float:left; padding: 15px 7px 0 36px; } .survey a:link {color:#e38a38;} .survey a:visited {color:#e38a38;} /* skip navigation */ #skip-link, ul.skip-nav { position: absolute !important; clip: rect(1px 1px 1px 1px); } /* citizen-alert */ #citizen-alert { width:100%; /*height:31px;*/ background: url(/portal/img/alert-grad-bg.jpg) repeat fixed; background: rgba(0, 0, 0, 0.8); margin:0; padding:5px 0; color:#fff;} #search-header #citizen-alert { margin-top:-150px; } #alert-title h2 { margin-top:4px; } #alert-box { margin: 0 auto; padding: 0; } ul#alert { list-style:none; margin:0 0 0 10px; padding: 0; } li#alert-title { float:left; background: transparent url(/portal/img/icon_alert.png) .15em 60% no-repeat; padding: 0 .25em .35em 2em; } li#alert-title h2 {font-size: 0.875em; color: #FFF; font-weight:bold; } li.alert-message { float: left; clear:both; padding: 0 .5em; margin: .3em; /*border-left: 1px solid #FFF;*/ } li.alert-message h3 {float: left; font-size: 0.875em;} li.alert-message p { float: left; padding: 0; margin: 0 0 0 10px; text-shadow: 1px 1px 1px #000000; font-size: 0.875em; } .alert-close { float: right; padding: 1em .5em .75em .25em; width: 3em; } .alert-close p { padding: 0; margin: 0; color: #FFF; font-weight:bold; text-shadow: 1px 1px 1px #000000; } .alert-message a:link, .alert-message a:visited { color:#F4C437; text-decoration:underline; } .alert-message a:hover { color:#fff; text-decoration:none; } /* Navigation */ #sidesearch { position:relative; height:73px; background-color:#407098; } #searchbg { position:absolute; top:11px; left:10px; background-color:#fff; height:49px; border-radius:25px; width:87%; } input.searchtext-side { width:77%; margin:16px 0 0 15px; border:none; background-color:transparent; font-size:.9em; color:#1C5A67; } input.searchbutton-side { text-indent:-9999px; position:absolute; top:-2px; right:-5%; background:url(../img/sprite-d.png) 0 -123px no-repeat; border:none; width:53px; height:53px; cursor:pointer; } .sb-slidebar{width:70%; } ul.sb-menu li a { padding-left:60px; color:#407098; width:66%; } li.nav-government a { background:url(../img/sprite-d.png) 5px -185px no-repeat; } li.nav-business a { background:url(../img/sprite-d.png) 5px -237px no-repeat; } li.nav-employment a { background:url(../img/sprite-d.png) 5px -291px no-repeat; } li.nav-education a { background:url(../img/sprite-d.png) 5px -346px no-repeat; } li.nav-residents a { background:url(../img/sprite-d.png) 5px -402px no-repeat; } li.nav-visitors a { background:url(../img/sprite-d.png) 5px -459px no-repeat; } li.nav-about a { background:url(../img/sprite-d.png) 5px -519px no-repeat; } li.nav-intranet a { background:url(../img/sprite-d.png) 5px -568px no-repeat; } #header { position:relative; z-index:99999!important; height:130px; background-color:#fff; margin-top:-10px; } #header .container { /*width:90%;*/ margin:0 auto; } @media only screen and (max-width: 415px) { #header .container { margin:1rem auto 0 auto; } } ul#menu-link { display:none; } .mobile-button { margin-left:-72px; margin-top: 2px; } .navicon-line { width: 24px; height: 4px; border-radius: 1px; margin-bottom:3px; background-color: #407098; } img#logo { display:block; margin:10px auto 17px auto; padding-right:33px; } ul#main-nav { display:none; } ul#topnav { clear:left; list-style:none; margin-top:17px; text-align:center; } ul#topnav li { display:inline; margin-left:10px; } ul#topnav li:first-child { margin-left:0; } ul#topnav li a { color:#1c5a67; text-decoration:none; } ul#topnav li a:hover { color:#5ea4af; } a.agencies, a.services, a.help, li.intranet-flag a { color:#fff!important; background-color:/*#38577c*/ /*#245286*/ #407098; padding:5px 10px; border:2px solid #fff; display:inline-block; width:70px; font-size:1.25em; } ul#topnav li.intranet-flag { display:none; } #alt-nav { display:none; clear:both; background-color:rgba(0,0,0,0.5); margin:-62px 0 60px; padding:10px 0 15px 0; } #alt-nav ul { list-style:none; text-align:center; } #alt-nav ul li { display:inline; margin-right:25px; } #alt-nav a { color:#fff; text-decoration:underline; } #alt-nav a:hover { text-decoration:none; } #glass-nav { display:none; } #glass-nav { clear:both; background-color:rgba(0,0,0,0.5); margin-top:0; padding:10px 0 15px 0; } #glass-nav ul { list-style:none; text-align:center; } #glass-nav ul li { display:inline; margin-right:25px; } #glass-nav a { color:#fff; text-decoration:underline; } #glass-nav a:hover { text-decoration:none; } /* Bicentennial */ .alertalert + .bicentennial { margin-top:0; } .bicentennial { width:100%; margin:-150px auto 65px; background-color:#fff; } @media only screen and (max-width: 670px) { .bicentennial {width: 100%;margin: 0px auto 65px;background-color: #fff;} } .bicentennial h3 { background-color:#407098; color:#fff; font-weight:bold; text-align:center; line-height:normal; padding:10px; font-size:.9em; } .bicentennial a img { max-width:200px; display:block; margin:0 auto; } /* Slidebar */ .sb-toggle-left, .sb-open-left, .sb-close { cursor: pointer; } #header .sb-toggle-left { width: 52px; float: left; padding: 14px; } /* Main Menu */ .sb-menu { padding: 0; margin: 0; list-style-type: none; background: #fff /*url(../images/nav_bg.jpg)*/; } .sb-menu li { width: 100%; padding: 0; margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .sb-menu > li:first-child { border-top: none; } .sb-menu li a { display: inline-block; padding: 1em; } .sb-menu li a.current { text-decoration: none; color: #a43; } .sb-slidebar { background-color: #575349; color: #e8e8e8; height: 100%; position: fixed; top: 0; z-index: 0; visibility: hidden; } .sb-slidebar a { color: #f2f2f2; text-decoration: none; } .sb-slidebar a:hover { color: #49AEF2; text-decoration: none; } .sb-slidebar.sb-static { position: absolute; } .sb-slidebar.sb-active { visibility: visible; } #content { background-color:#fff; min-height:0!important; /*z-index: 9999;*/} #containerthingyforslidenav { z-index:9999; } #search-header { /*position:relative; */width:100%; margin:0 auto 0; padding:150px 0 10px 0; background:url(../img/statehousebg-sm.jpg) top center no-repeat; background-size:cover; } #searchresults { position:relative; width:100%; margin:0px auto 45px auto; background-color:rgba(0,0,0,0.0); border-top-right-radius:23px; padding:3px; z-index:1000; } #searchbox { width:90%; background:rgba(0, 0, 0, 0.5); border-top-left-radius:10px; border-top-right-radius: 10px; margin:0 auto; padding:5px 6px 5px 4px; } .thewhiteboxthingythatgoesaroundthesearch { position:relative; background-color:#fff; height:38px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; width:100%; border:1px solid #b7b7b7; font-size:.9em; } input.searchtext { width:79%; margin:12px 0 0 9px; border:none; font-size:.9em; } input.searchbutton { text-indent:-9999px; position:absolute; top:-2px; right:0; background:url(../img/sprite-d.png) -2px -670px no-repeat; border:none; width:45px; height:42px; cursor:pointer; } #searchbox form.searchform label.overlabel { display: none !important; } #searchresults form.searchform label.overlabel { display: none !important; } label.overlabel { color: #6a6a6a; left: 5px; position: absolute; text-indent: -9999px; top: -3px; z-index: 1; } ul.trending { color: #fff; font-size: 0.8em; margin:5px 5px 0 2px; list-style:none; text-align:center; } ul.trending li { display:inline; margin-right:10px; } ul.trending li a { color:#fff; } #search-header .photocredit { } #search-header .photocredit img { position:absolute; top:10px; right:10px; } #outdoors { position:relative; background:url(../img/casco-bay-sm.jpg) top center no-repeat; background-size:cover; padding: 20px 0 100px 0; } #outdoor-links { padding:15px 0; background-color: rgba(0, 0, 0, 0.5); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; width:90%; margin:0 auto; } #outdoor-links h2 { color:#fff; text-transform:uppercase; margin-left:20px; } #outdoor-links ul { list-style:none; margin:20px 20px; } #outdoor-links ul li { margin-bottom:10px; } #top-services { width:90%; margin:20px auto; } #top-services h2 { text-transform:uppercase; margin-bottom:20px; } ul.services-list { list-style:none; } ul.services-list li { background:url(../img/triangle.gif) left 3px no-repeat; padding-left:20px; margin-bottom:20px; } ul.services-list a { text-decoration:none; } li.view-more { background:none!important; margin-top:25px; } li.view-more a { padding:10px 15px; background-color:#BA5C21; color:#fff; text-decoration:none; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } li.view-more a:hover { background-color:#bd4f2a; } #news-highlights, #news-highlights_2 { width:100%; padding:5px 0 10px; } #latest-news_2 { width:90%; margin:20px auto; } #latest-news { width:90%; margin:20px auto; } #latest-news h2, #state-highlights h2 { text-transform:uppercase; color:#407098; } ul.newslist { list-style:none; } ul.newslist li { margin-bottom:10px; } ul.homelist-left li, ul.homelist-right li { margin-bottom:10px; } #state-highlights, #state-highlights_2 { width:90%; margin:40px auto 20px; } ul.newslist, ul.homelist { margin:20px 0 10px; } ul.homelist, ul.homelist ul { list-style:none; } ul.homelist li, ul.homelist ul li { margin-bottom:5px; } ul.homelist-left, ul.homelist-right { list-style:none; } ul.homelist-left { margin-top:20px; } /*.last-week h2 { text-transform:uppercase; color:#fff; display:block; width:90%; margin:0 auto; text-align:center; }*/ ul#activities { list-style:none; text-align:center; margin:20px 0 30px; } ul#activities li { margin-bottom:20px; } ul#activities li span { font-size:3.5em; font-weight:bold; display:block; line-height:1; } ul#activities li a { text-align:center; } /* Inside pages */ #page-header { width:100%; height:180px; /*margin-top:-62px;*/ background-image:url(../img/governmentbg-sm.jpg); background-repeat:no-repeat; background-size:cover; position:relative; } #page-header img { position:absolute; top:10px; right:10px; } body#government #page-header { background-image:url(../img/governmentbg-sm.jpg); } body#business #page-header { background-image:url(../img/businessbg-sm.jpg); background-position:right; } body#employment #page-header { background-image:url(../img/employmentbg-sm.jpg); background-position:left; } body#education #page-header { background-image:url(../img/educationbg-sm.jpg); background-position:center; } body#residents #page-header { background-image:url(../img/residentsbg-sm.jpg); background-position:center; } body#visitors #page-header { background-image:url(../img/visitorsbg-sm.jpg); background-position:left; } body#aboutme #page-header { background-image:url(../img/aboutmebg-sm.jpg); background-position:center; } body#other #page-header, body#gmaps #page-header, body#google #page-header { background-image:url(../img/otherbg-sm.jpg); background-position:center; } #content-area { width:100%; } ol#crumbs, #share { display:none; } #inside-content { clear:both; margin:20px 20px; } #inside-content h1 { text-transform:uppercase; } .onecolumn #left-wrapper { width:100%; } .onecolumn #right-wrapper { display:none; } #inside-content h2 { font-weight:600; margin:20px 0 10px; } #inside-content h3 { font-weight:600; margin-top:20px; } #inside-content p { margin-bottom:13px; } #inside-content ul { margin-left:20px; } #inside-content ul li { margin-bottom:10px; } #inside-content p + ul { margin-top:10px; } h1 + ul { margin-top:20px; } dl dt { margin-top:15px; } #sidebar { width:100%; margin:20px 0; padding:10px 0; } #sidebar h3 { text-transform:uppercase; margin:0; color:#fff; padding:5px 0; text-align:center; width:100%; } body#government #sidebar h3 { background-color:#303654; } body#business #sidebar h3 { background-color:#245286; } body#employment #sidebar h3 { background-color:#407098; } body#education #sidebar h3 { background-color:#3d6c7c; } body#residents #sidebar h3 { background-color:#d96c27; } body#visitors #sidebar h3 { background-color:#b84017; } body#aboutme #sidebar h3 { background-color:#5a1823; } #sidebar ul { list-style:none; margin:10px 20px; } #sidebarsearch { width:80%; margin:20px auto; } .thewhiteboxthingythatgoesaroundthesearchinthesidebar { background-color: #fff; border: 1px solid #b7b7b7; border-radius: 10px; font-size: 1.4em; height: 50px; position: relative; width:100%; } .thewhiteboxthingythatgoesaroundthesearchinthesidebar input.searchtext { margin:13px 0 0 9px; } .thewhiteboxthingythatgoesaroundthesearchinthesidebar input.searchbutton { background:url(../img/sprite-d.png) -2px -664px no-repeat; } #officials { clear:both; width:100%; margin:40px 0 10px; } #officials p { text-align:center; font-weight:bold; } #official-1 { margin:0 auto 30px; } #official-2, #official-3, #official-4, #official-5 { margin:0 auto 20px; } span.round { border:2px solid #fff; border-radius:50%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); display:block; height:100px; width:100px; overflow: hidden; margin:0 auto; } #officials span.title { font-weight:normal; font-size:85%; display:block; } #officials a { text-decoration:none; color:#4c5050 } #services-inside, #howdoi { background-color:#F5F5F5; padding-bottom:10px; } #services-inside ul li, #howdoi ul li { margin-bottom:8px; border-bottom:1px dotted #ccc; padding-bottom:13px; } #services-inside p.more { font-style:italic; } p.more { margin-left:20px; } /* Voter Lookup */ #tabs #officials { clear:both; width:95%; margin:0 0 10px; } #tabs #officials p { text-align:left; font-weight:normal; } #tabs #officials a { color:#407098; } .tab_container #officials ul { margin:0!important; } .voterlookupBtn { margin:10px; padding:5px; } /* Help page */ .fourcol1, .fourcol2, .fourcol3, .fourcol4 { float:none; width:100%; } #driverhelp h3, #outdoorhelp h3, #businesshelp h3, #otherhelp h3 { color:#fff; padding:10px; text-align:center; margin-bottom:10px; } #driverhelp h3 { background-color:#b84017; } #outdoorhelp h3 { background-color:#385b23; } #businesshelp h3 { background-color:#245286; } #otherhelp h3 { background-color:#5a1823; } #driverhelp p, #outdoorhelp p, #businesshelp p, #otherhelp p { text-align:center; clear:both; padding:2% 0; } .form_item > label { display:block; font-weight:bold; } .form_item { margin:5px 0; } .criticalinfo { display:none; } .form-button { margin:10px 0; } .form-button input { font-size:0.8em; } #inside-content hr { border: 0.5px solid #ccc; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background-color:#245286!important; border:1px solid #245286!important; font-weight:200!important; } ul.tabs .ui-state-active, ul.tabs .ui-widget-content .ui-state-active, ul.tabs .ui-widget-header .ui-state-active, ul.tabs a.ui-button:active, ul.tabs .ui-button:active, ul.tabs .ui-button.ui-state-active:hover { background-color:#fff!important; font-weight:normal!important; border:1px solid #999!important; border-left:none!important; } #footer { width:100%; max-width:1300px; margin:45px auto 0; clear:both; padding-bottom:10px; background: #fff url("../img/water2.png") repeat-x right 4px / 55px auto; } #footer::before { background: rgba(0, 0, 0, 0) url(../img/trees2.png) center top no-repeat; display:block; height:39px; top:-25px; content: ""; position:relative; background-size:200px auto; } #footer .container { margin:0 20px; } .footer-column { width:45%; float:left; margin-bottom:20px; } .footer-column h3 { font-weight:600; } .fcsupport, .fcalerts { margin-left:5%; } .fcflickr { width:90%; } .fcflickr li#fimage img, img#search-header .photocredit { float:left; width:40px; margin:0 5px 5px 0; border:1px solid #efefef; } .footer-column.fcflickr p { float:left; clear:both; } .es-carousel ul {margin-left:0;} .footer-column h3 { margin:10px 0; } .footer-column ul { list-style:none; } .footer-column ul li { margin-bottom:5px; } .translatelabel { display:none; } .copyright { clear:left; margin:0 0 3px 0; text-align:center; } .copyright img { vertical-align:middle; margin-right:5px; } .visitmaine { clear:both; margin:10px 0 0 0; } .footer-column .visitmaine p { float:none; } form#trans label { display:none; } /* Citizen Alert Signup page */ /*#signup {border-bottom:1px solid #cccccc; padding-bottom: 1em;}*/ #signup .email {border:1px solid #cccccc; padding:10px 0; width:100%; float:none;text-align:center; margin:0 auto 20px; } #signup .email form {padding-left:5px} #signup .email form input#email, #signup .sms form input#phone {width:80%;} #signup .sms {border:1px solid #cccccc; padding:10px 0; width:100%; clear:left; float:left;text-align:center;} #signup .sms form {padding-left:5px} #signup label {font-size:.8125em;} #signup select {display:none;} .thingyaroundthesignupboxes { width:90%; margin:20px auto; } /* State News page */ #dlform { border:1px solid #eee; float:left; margin:0 0 10px 0; padding:0; width:100%; } #dlform fieldset { padding:10px; } #dlform fieldset legend { font-weight:600; } #dlform select { width:90%; } /* Business index page */ .feat { background-color:#5a8026; padding:1px 10px 10px; text-align:center; color:#fff; margin-top:10px; } .feat p { padding:0; } .feat a { color:#fff!important; } .feat .feat-button { display:inline-block; padding:10px 15px; margin-top:10px; background-color:#fff; color:#5a8026!important; font-style:italic; text-decoration:none; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .feat a.feat-button:hover { background-color:#d96327; color:#fff!important; } /* Help page .livehelp { margin:28px 0 10px; padding-bottom:10px; border-bottom:1px solid #ccc; } .livehelp p { padding:10px; } .live-chat { background:#5ea4af url(../img/bubbles.png) center 15px no-repeat; padding:100px 10px 10px; text-align:center; color:#fff; } .live-chat p { padding:0; } a.live-chat-button { display:inline-block; padding:10px 15px; margin-top:10px; background-color:#fcbd56; color:#1c5a67!important; font-style:italic; text-decoration:none; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } a.live-chat-button:hover { background-color:#ffb030; }*/ #askalibrarian { background:#fff url(../img/askalibrarian.jpg) left bottom no-repeat; height:185px; padding:10px 20px 5px; margin-top:20px; text-align:center; } #askalibrarian h2 { margin-top:5%; } a.askbutton { background-color:#e38a38; border-radius:10px; color:#fff!important; display:inline-block; font-style:italic; margin:10px auto 0; padding:10px 15px; text-decoration:none; } /* Awards page */ .awards { clear:both; margin:0 0 20px 0; text-align:center; } .awards a img, .awards img { text-align:center; } .awards h2 { clear:left; } .awards p { margin:0; } /*Social Media page */ table#socialtable, table#socialtable th, table#socialtable td { border-collapse:collapse; border:1px solid #ccc; padding:5px; vertical-align:middle; } table#socialtable td img { display:block; margin:0 auto; } .table-wrapper { overflow:scroll; } #contact-left, #contact-right { width:98%; margin:0 auto; } .phone-pic { display:none; } img.mobilefloat { display:none; } .wide-col { width:100%; } .narrow-col { width:100%; } /* Highlight boxes on landing pages */ .transparent-bg { width:96%; height:100%; padding:2%; background-color: rgba(255, 255, 255, 0.6); } #promo-foliage, #promo-tourism, #promo-govjobs, #promo-careercenters, #promo-businessanswers, #promo-decd, #promo-financecollege, #promo-doe, #promo-sos, #promo-dhhs, #promo-agencies, #promo-meetings, #promo-vitalrecords, #promo-facts, #promo-subscriber { width:100%; border:3px solid #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); background-size:cover!important; text-align:center; color:#000; margin:20px 0; padding:23px 0 30px; } .transparent-bg h3 { margin-top:5px; font-weight:bold; } #promo-foliage { background:#fff url(../img/foliage-bg.jpg) center center no-repeat; } #promo-tourism { background:#fff url(../img/tourism-bg.jpg) center center no-repeat; } #promo-govjobs { background:#fff url(../img/govjobs-bg.jpg) center center no-repeat; } #promo-careercenters { background:#fff url(../img/careercenter-bg.jpg) center center no-repeat; } #promo-businessanswers { background:#fff url(../img/startbusiness-bg.jpg) center center no-repeat; } #promo-decd { background:#fff url(../img/decd-bg.jpg) center center no-repeat; } #promo-financecollege { background:#fff url(../img/financecollege-bg.jpg) center center no-repeat; } #promo-doe { background:#fff url(../img/doe-bg.jpg) center center no-repeat; } #promo-sos { background:#fff url(../img/sos-bg.jpg) center center no-repeat; } #promo-dhhs { background:#fff url(../img/dhhs-bg.jpg) center center no-repeat; } #promo-agencies { background:#fff url(../img/agencies-bg.jpg) center center no-repeat; } #promo-meetings { background:#fff url(../img/meetings-bg.jpg) center center no-repeat; } #promo-vitalrecords { background:#fff url(../img/vitalrecords-bg.jpg) center center no-repeat; } #promo-facts { background:#fff url(../img/facts-bg.jpg) center center no-repeat; } #promo-subscriber { background:#fff url(../img/subscriber-bg.jpg) center center no-repeat; padding:19px 0 21px; margin-top:0; } .roundbutton, .roundbutton:visited { border-radius:8px; border:1px solid rgba(0,0,0,0.01); text-decoration:none; font-weight:400; line-height:1; padding:0.5em 0.7em !important; display:inline-block; } .darkorange.roundbutton, .darkorange.roundbutton:visited { background-color:#B84017; color:#fff!important; } .darkorange.roundbutton:hover { background-color:#9c310c; } dl.clear { clear:both; float:left; } /* Forms */ div#criticalinfo { display:none; } form.surveyForm2 { margin:10px 3%; } .surveyForm2 li label,.surveyForm2 p label {font-size: 1em;} .surveyForm2 textarea {width:90%; font-size: .925em;} #contact-right form.surveyForm2 fieldset p { margin:0 0 6px 6px; } form.surveyForm2 legend { font-weight:bold; border:1px solid #999; padding:4px 6px; background-color:#e38a38; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; color:#fff; margin-bottom: 5px; } form.surveyForm2 fieldset { /*width:300px;*/ border:1px solid #d5d5d5; padding:6px 6px 0; margin-bottom:12px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; } form.surveyForm2 fieldset p textarea#question, form.surveyForm2 fieldset p select#type { width: 85%; } #contact-left, #contact-right { width:98%; margin:0 auto; } /* online services page (tabbed box etc) */ ul.tabs { margin: 0; padding: 0; float: left; list-style: none; width: 90%; height: 25px; /*--Set height of tabs--*/ border-bottom: 1px solid #999; border-left: 1px solid #999; font-family:"myriad-pro-1","Helvetica Neue",Arial,sans-serif;} .tab_content { padding: 20px; } .tab_container { border: 1px solid #999; border-top: none; overflow: hidden; clear: both; float: left; width: 95.625%; background: #fff; margin-bottom:20px; } .tab_container ul { list-style:none; } #online-services-tabs { margin-left:13px; } #online-services-tabs ul.tabs { margin:0;} #online-services-tabs ul.tabs li { margin:0; padding:0; } #online-services-tabs ul.tabs { float:none; } #online-services-tabs, #online-services-tabs .tab_container { width:95%; } #online-services-tabs ul.tabs { float:none; width:95%; } #featuredServices { clear:left; width:90%; } #featuredServices h2 { color: #01357a; background-color: #FFF; border-top: none; margin: 0 0 -0.6em 0!important; padding: 0; } img.subscriber-button { display:block; margin: 0 auto 1em auto; } ul.tabs li { float: left; margin: 0; padding: 0; height: 24px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 24px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; } ul.tabs li a { text-decoration: none; color: #000; display: block; padding: 0 7px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } ul.tabs li a:hover { background: #ccc; } html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ } #services-tab ul { width:300px; float:left; margin-bottom: 1em;} #agencies-tab .letter-box { width:auto; margin:0 auto;} #agencies-tab a { width:100px; height:50px; margin:7px 0 0 10px; border:1px solid #999; float:left; text-decoration:none; font-weight:bold; color:#666; } #agencies-tab a:first-child { clear:both; } #agencies-tab a:hover { color:#000; } #agencies-tab .letters { margin:15px 0 0 0; text-align:center; } .tabs-nav{list-style: none;margin: 0;padding: 0 0 0 4px;} #content ul.tabs-nav li {margin:0;} #c1-1 ul.tabs { width:90%; margin-left:12px!important; } #c1-1 .tab_container { width:90%; margin:0 0 10px 12px; } /* striped tables */ table.tbstriped0,table#tbstriped,table#tbstriped2,table#tbstriped3 { border:none; margin-right: 12px; font-size: 0.875em;} table.tbstriped0 caption,table#tbstriped caption,table#tbstriped2 caption,table#tbstriped3 caption { text-align:left; } table.tbstriped0 tbody tr th,table#tbstriped tbody tr th,table#tbstriped2 tbody tr th,table#tbstriped3 tbody tr th { background-color:#337993; color:#fff; text-align:left; padding:3px 8px; margin:0; } table.tbstriped0 th,table#tbstriped th,table#tbstriped2 th,table#tbstriped3 th { border-top:1px solid #999; border-bottom:1px solid #999; } table.tbstriped0 tr td,table#tbstriped tr td,table#tbstriped2 tr td,table#tbstriped3 tr td { padding:3px 8px; background:#fff; margin:0; } table.tbstriped0 thead td,table#tbstriped thead td,table#tbstriped2 thead td,table#tbstriped3 thead td { color:#fff; background-color:#C8C028; font-weight:bold; border-bottom:1px solid #999; } table.tbstriped0 tbody td,table#tbstriped tbody td,table#tbstriped2 tbody td,table#tbstriped3 tbody td { border-left:none; } table.tbstriped0 tbody td { border-bottom:1px solid #D9D9D9; } table#tbstriped tbody tr.even td,table#tbstriped2 tbody tr.even td,table#tbstriped3 tbody tr.even td { background:#eee; } table.tbstriped0 tbody tr.selected td,table#tbstriped tbody tr.selected td,table#tbstriped2 tbody tr.selected td,table#tbstriped3 tbody tr.selected td { background:#3d80df; color:#fff; font-weight:bold; border-left:1px solid #346DBE; border-bottom:1px solid #7DAAEA; } table#tbstriped tbody tr.ruled td,table#tbstriped2 tbody tr.ruled td,table#tbstriped3 tbody tr.ruled td { color:#000; background-color:#C6E3FF; font-weight:bold; border-color:#3292FC; } /* GMAP styles */ #map, #map2 { width:100%; height:400px; float:right; } #directions-panel { width:100%; } #addList { margin-top:10px; float:left; } /* Local */ #lsearch { margin:10px 0; } #lsearch legend { font-weight:bold; } /* TOOLTIPSTER */ .tooltipster-default{border-radius:5px;background:#ededed;color:#1C5A67;margin-bottom:5px} .tooltipster-default .tooltipster-content{font-family:Arial,sans-serif;font-size:14px;line-height:16px;padding:8px 10px;overflow:hidden} .tooltipster-icon{cursor:help;margin-left:4px} .tooltipster-base{padding:0;font-size:0;line-height:0;position:absolute;left:0;top:0;z-index:9999999;pointer-events:none;width:auto;overflow:visible} .tooltipster-base .tooltipster-content{overflow:hidden} .tooltipster-arrow{display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1} .tooltipster-arrow span,.tooltipster-arrow-border{display:block;width:0;height:0;position:absolute} .tooltipster-arrow-top span,.tooltipster-arrow-top-right span,.tooltipster-arrow-top-left span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-top:8px solid;bottom:-7px} .tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-top:9px solid;bottom:-7px} .tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-right span,.tooltipster-arrow-bottom-left span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-bottom:8px solid;top:-7px} .tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-bottom:9px solid;top:-7px} .tooltipster-arrow-top span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom .tooltipster-arrow-border{left:0;right:0;margin:0 auto} .tooltipster-arrow-top-left span,.tooltipster-arrow-bottom-left span{left:6px} .tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border{left:5px} .tooltipster-arrow-top-right span,.tooltipster-arrow-bottom-right span{right:6px} .tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border{right:5px} .tooltipster-arrow-left span,.tooltipster-arrow-left .tooltipster-arrow-border{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-left:8px solid;top:50%;margin-top:-7px;right:-7px} .tooltipster-arrow-left .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-left:9px solid;margin-top:-8px} .tooltipster-arrow-right span,.tooltipster-arrow-right .tooltipster-arrow-border{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:8px solid;top:50%;margin-top:-7px;left:-7px} .tooltipster-arrow-right .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-right:9px solid;margin-top:-8px} .tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity} .tooltipster-fade-show{opacity:1} .tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden} .tooltipster-grow-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-moz-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-ms-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-o-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15)} .tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform} .tooltipster-swing-show{opacity:1;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);transform:rotateZ(0deg);-webkit-transition-timing-function:cubic-bezier(0.230,0.635,0.495,1);-webkit-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);-moz-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);-ms-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);-o-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4)} .tooltipster-fall{top:0;-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-moz-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-ms-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-o-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15)} .tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0} .tooltipster-slide{left:-40px;-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-moz-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-ms-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-o-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15)} .tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0} .tooltipster-content-changing{opacity:.5;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)} /* @PICKED UP FROM OLD PORTAL */ /* @group pred_search */ .ac_input { width:200px; } .ac_results { padding:6px 0; border:1px solid #eee; background-color: rgb(87, 83, 74); background-color: rgba(87, 83, 74, .9); overflow:hidden; text-align:left; width:280px; -webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px; z-index:99} .ac_results ul { width:100%; list-style-position:outside; list-style:none; padding:0; margin:0; } .ac_results iframe { display:none; /*sorry for IE5*/ display:block; /*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; /* filter:mask(); */width:3000px; height:3000px; } .ac_results li { color:#ffffff; margin:0; padding:4px 5px; cursor:pointer; display:block; width:100%; font:menu; overflow:hidden; } .ac_results a:link { color:#fff; } .ac_results a:visited { color:#fff; } .ac_results a:hover { color:#fff!important; } /*.ac_loading { background:url(/jquery/img/indicator.gif) right center no-repeat; }*/ .ac_over { background-color:#7f7972; color:#fff!important; } ul.plain { list-style:none; } ul.readers { list-style:none; } li.adobepdf { background:url(../img/pdf-icon.png) left center no-repeat; padding:10px 0 10px 40px; } li.microsoftword { background:url(../img/microsoftword-icon.jpg) left center no-repeat; padding:10px 0 10px 40px; } li.microsoftexcel { background:url(../img/microsoftexcel-icon.jpg) left center no-repeat; padding:10px 0 10px 40px; } li.microsoftpowerpoint { background:url(../img/microsoftpowerpoint-icon.jpg) left center no-repeat; padding:10px 0 10px 40px; } .small-credit { font-size: 0.6em; } .imgright-caption { display:block; margin:10px auto; text-align:center; font-size:.7em; font-style:italic; } .your-pass-now { padding-left:50px; background:#fff url(../img/your-pass-now-small.jpg) left center no-repeat; } @media screen and (orientation:landscape) { .sb-slidebar{ width:50%; } } @media all and (min-width:1112px) { #searchbox { width:80%; } } @media all and (min-width:934px) { #searchbox { width:70%; } } @media all and (min-width:651px) { #searchbox { width:60%; } } @media all and (min-width:651px) { #bgimg-1 { height:750px; background:#fff url("../img/statehousebg-med.jpg") center center no-repeat; } #bgimg-2 { height:500px; background:#fff url("../img/casco-bay.jpg") center center no-repeat; } #citizen-alert { margin:0; float:left; } #search-header #citizen-alert { margin-top:-240px; } #citizen-alert .container { width:100%; margin:0 auto; } #page-header #citizen-alert { margin-top: 62px; } .mobile-button { margin-top:7px!important; margin-left:-50px!important } img#logo { float:left; margin:0; padding-right:0; } #header .sb-toggle-left { margin:20px 10px 0 -54px; } #header { background-color:rgba(255, 255, 255, .9); height:62px; width:100%; position:fixed; margin-top:0; } #header .container { width:95%; max-width:1300px; margin:0 auto; border:none; } #alt-nav { margin:0; } ul#topnav { float:right; clear:none; } /* Bicentennial */ .bicentennial { width:200px; padding:0 0 20px; float:left; margin-top:0; position:absolute; top:62px; border-radius: 0 0 5px 5px;} .alertalert + .bicentennial { top:130px; margin-top:0; position:absolute; } .bicentennial h3 { background-color:#407098; color:#fff; font-weight:bold; text-align:center; line-height:normal; padding:10px; font-size:.9em; } .bicentennial a img { max-width:200px; } .sb-slidebar{width:40%; } #sidesearch { height:62px; } #search-header { width:100%; height:100px; margin-top:62px; padding-top:240px; background:none; } #searchresults { position:relative; width:95%; margin:5px auto 50px auto; background-color:rgba(0,0,0,0.0); border-top-right-radius:23px; padding:3px; } .thewhiteboxthingythatgoesaroundthesearch { margin:0 auto; background-color:#fff; height:38px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; width:100%; border:1px solid #b7b7b7; font-size:.9em; } input.searchtext { width:87%; margin:12px 0 0 9px; border:none; font-size:.9em; } input.searchbutton { text-indent:-9999px; position:absolute; top:-1px; right:0; background:url(../img/sprite-d.png) -2px -670px no-repeat; border:none; width:45px; height:42px; } #search-header .photocredit { } #search-header .photocredit img { position:absolute; top:70px; right:10px; } #outdoors { padding-top:20px; clear:both; background:none; } #outdoor-links { margin-right:5%; width: 40%; float:right; } #outdoors .photocredit img { position:absolute; bottom:60px; right:10px; } ul.services-list { float:left; } .left-list { margin-right:4%; float:left; width:48%; } .last-week { width:48%; float:left; } #news-highlights .container { width:90%; margin:0 auto; } #latest-news, #state-highlights { float:left; width:48%; } #latest-news { margin-right:4%; } #state-highlights { margin-top:20px; } .survey_icon { padding-top:5px;} ul#activities li { margin:0 auto 20px; } #mapit { width:85%; max-width:1264px; margin:20px auto 40px; } #mapit h2 { color: #407098; font-size: 2em; text-transform:uppercase; } .mapit-1 { width:48%; float:left; margin-right:2%; } .mapit-1 p { margin-bottom:15px; } .mapit-2 { width:23%; float:left; margin-top:35px; margin-right:2%; } .mapit-3 { width:25%; float:left; margin-top:35px; } .stateparks { background: #fff url(../img/statepark.png) no-repeat scroll left 4px; margin: 0; padding: 9px 0 14px 35px; } .courts { background: #fff url(../img/court.png) no-repeat scroll left 4px; margin: 0; padding: 9px 0 14px 35px; } .bmvbranches { background: #fff url(../img/bmv.png) no-repeat scroll left 4px; margin: 0; padding: 9px 0 14px 35px; } .careercenters { background: #fff url(../img/careercenter.png) no-repeat scroll left 4px; margin: 0; padding: 9px 0 14px 35px; } .dhhsoffices { background: #fff url(../img/dhhs.png) no-repeat scroll left 4px; margin:0; padding: 9px 0 14px 35px; } .veteransoffices { background: #fff url(../img/bvsoffice.png) no-repeat scroll left 4px; margin: 0; padding: 9px 0 14px 35px; } /* Inside pages */ #page-header { width:100%; height:284px; background-image:url(../img/governmentbg-med.jpg); background-position: top center; background-repeat: no-repeat;background-size:cover; position:relative; } #page-header img { position:absolute; top:70px; right:10px; } body#government #page-header { background-image:url(../img/governmentbg-med.jpg); } body#business #page-header { background-image:url(../img/businessbg-med.jpg); } body#employment #page-header { background-image:url(../img/employmentbg-med.jpg); } body#education #page-header { background-image:url(../img/educationbg-med.jpg); } body#residents #page-header { background-image:url(../img/residentsbg-med.jpg); } body#visitors #page-header { background-image:url(../img/visitorsbg-med.jpg); } body#aboutme #page-header { background-image:url(../img/aboutmebg-med.jpg); } body#other #page-header, body#gmaps #page-header, body#google #page-header { background-image:url(../img/otherbg-med.jpg); } ol#crumbs { display:block; float:left; list-style:none; margin-left:20px; padding:0; } ol#crumbs li { display:inline; } #share { display:block; float:right; margin:13px 18px 0 0; } #share p { float:left; margin-right:8px; } .stButton { margin:0!important; } .stButton .chicklets { padding-right:0!important; height:17px!important; padding-left:17px!important; } dl.oneCol { float: left; margin:0; width:100%; } .twoCol { float: left; margin: 0 4% 0 0; width: 46%; } .threeCol { float: left; width: 29%; margin-right:4%; } .twocol1 {float:left; width: 48%; margin-right: 3%;background-color: transparent;} .twocol2 {float:left; width: 48%;background-color: transparent;} #sidebar { clear:both; } #services-inside { float:left; width:48%; } #howdoi { float:right; width: 48%; } #official-1 { width:16%; } #official-2, #official-3, #official-4, #official-5 { width:16%; float:left; margin-right:12%; } #official-4 { clear:none; } #official-5 { margin-right:0; } .copyright { float:right; clear:left; margin:0 0 3px 0; text-align:right; } /* email & SMS notification page */ #signup .email {border:1px solid #cccccc; padding:10px 0; width:45%; float:left;text-align:center;} #signup .email form {padding-left:5px} #signup .email form input#email, #signup .sms form input#phone {width:70%;} #signup .sms {border:1px solid #cccccc; padding:10px 0; width:45%; float:right; clear:none; text-align:center;} .thingyaroundthesignupboxes { width:90%; margin:30px auto; } /* State News page */ #dlform { float:right; margin:0 0 0 10px; padding:0; width:35%; } /* Awards page */ .awards { text-align:left; } .awards a img, .awards img { float:left; margin:0 20px 10px 10px; } .awards h2, .awards p { clear:none; } .awards h2, .awards p { margin-left:209px!important; } /*Social Page */ .socialCol1, .socialCol2 { float:left; width:48%; } .socialCol1 { margin-right:4%; } .socialCol3 { clear:both; } /* Forms */ #contact-left { float:left; width:46%; margin:0 2%; } #contact-right { float:right; width:46%; margin:0 2%; } img.mobilefloat { display:block; width:30%; margin:10px 0 0 10px; } .mobilefloat, .mobilefloat + p { float: left; } ul.mobilefloat { margin-top: 30px !important; width: 50%; } .phone-pic { display:block; float:right; margin:0 10px 10px 10px; } /* tabbed container on online services page */ ul.tabs { margin: 0; padding: 0; float: left; list-style: none; width: 100%; height: 25px; /*--Set height of tabs--*/ border-bottom: 1px solid #999; border-left: 1px solid #999; } #c1-1 ul.tabs { width:65%; margin-left:12px!important; } #c1-1 .tab_container { width:65%; margin:0 0 20px 12px; } .tab_content { padding: 20px; } .tab_container { border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #fff; margin-bottom:0; } .tab_container ul { list-style:none; } ul.tabs li { float: left; margin: 0; padding: 0; height: 24px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 24px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; } ul.tabs li a { text-decoration: none; color: #000; display: block; padding: 0 15px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } ul.tabs li a:hover { background: #ccc; } html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ } #services-tab ul { width:300px; float:left; } #agencies-tab .letter-box { width:auto; margin:0 auto; } #agencies-tab a { width:100px; height:50px; margin:7px 0 0 10px; border:1px solid #999; float:left; text-decoration:none; font-weight:bold; color:#666; } #agencies-tab a:first-child { clear:both; } #agencies-tab a:hover { color:#000; } #agencies-tab .letters { margin:15px 0 0 0; text-align:center; } #online-services-tabs, #online-services-tabs .tab_container { width:97%; } #online-services-tabs ul.tabs { float:none; width:97.1%; } img.subscriber-button { float: right; margin: 1em 2em 2em 2em; } /* big blue button on online services page */ table.tbstriped0,table#tbstriped,table#tbstriped2,table#tbstriped3 { border:none; margin-right: 0; font-size:100%;} .wide-col { float:left; width:67%; } .narrow-col { float:right; width:30%; } /* Help page */ .fourcol1,.fourcol2,.fourcol3 {float:left; width:22.79411765%; margin-right: 2.94117647%;background-color: transparent;} .fourcol4 {float:left; width:22.79411765%;background-color:transparent;} #driverhelp h3, #outdoorhelp h3, #businesshelp h3, #otherhelp h3 { color:#fff; padding:10px; text-align:center; margin-bottom:20px; } #driverhelp p, #outdoorhelp p, #businesshelp p, #otherhelp p { padding:2% 0; height:92px; } .helpforms, .help-answers ul { margin-left:50px!important; } .help-checklist li { list-style-image: url("../img/checkmark.gif"); } .form_item > label { display:inline-block; font-weight:bold; text-align:left; width:233px; } ul { margin-left:25px; } .footer-column ul {margin-left:0 !important;} .help-longform .form_item > label { width:288px; } .help-longform .form-button { margin-left: 294px; } .help-smallform .form_item > label { width:170px; } .help-smallform .form-button { margin-left: 175px; } .form-button { margin:10px 0 10px 238px; } .help-answers p { padding:5px; } #footer { background: #fff url("../img/water2.png") repeat-x right 1px / 70px auto; } #footer::before { background: rgba(0, 0, 0, 0) url(../img/trees2.png) center top no-repeat; display:block; height:57px; top:-44px; content: ""; position:relative; background-size:290px auto; margin-bottom:-20px; } .imgright-caption { float:right; margin-left:10px; } } @media all and (min-width:930px) { .alertalert { width:100%; } #citizen-alert { margin:0; } #search-header #citizen-alert { margin-top:-298px; } #citizen-alert .container { width:100%; max-width:1300px; margin:0 auto; } #page-header #citizen-alert { margin-top: 62px; } #header .container { width:100%; height:100%; } ul#topnav { font-size:1em; } .mobile-button { display:none; } #header .sb-toggle-left { display:none; } ul#menu-link { display:none; } ul#menu-link li { background:url(../img/sprite-d.png) 0 0 no-repeat; padding:15px 0 10px 53px; margin:-10px 0; } ul#menu-link li a { color:#1c5a67; text-decoration:none; background-color:#fff; } ul#menu-link li a:visited { color:#1c5a67; background-color:#fff; } ul#menu-link li a:hover { color:#3a6f77/*#5ea4af*/; background-color:#fff; } .navicon-line { display:none; } img#logo { margin:0 0 0 0; } ul#main-nav { display:block; list-style:none; float:right; margin:24px 20px 0 0; font-size:90%; } ul#main-nav li { display:inline; margin-left:10px; padding:0 5px; } ul#main-nav li:first-child { margin-left:0; } ul#main-nav li a { color:#3f3b3a; text-decoration:none; padding:0 5px 12px 5px; } ul#main-nav li a.top-government:hover { color:#303654; border-bottom:5px solid #303654; } ul#main-nav li a.top-business:hover { color:#245286; border-bottom:5px solid #245286; } ul#main-nav li a.top-employment:hover { color:#407098; border-bottom:5px solid #407098; } ul#main-nav li a.top-education:hover { color:#3d6c7c; border-bottom:5px solid #3d6c7c; } ul#main-nav li a.top-residents:hover { color:#d96c27; border-bottom:5px solid #d96c27; } ul#main-nav li a.top-visitors:hover { color:#b84017; border-bottom:5px solid #b84017; } ul#main-nav li a.top-about:hover { color:#5a1823; border-bottom:5px solid #5a1823; } ul#topnav { clear:both; float:right; list-style:none; margin:5px 64px 0 0; text-align:center; } ul#topnav li { display:inline; margin-left:10px; } ul#topnav li:first-child { margin-left:0; } ul#topnav li a { color:#1c5a67; text-decoration:none; } ul#topnav li a:hover { color:#5ea4af; } /* Bicentennial */ .bicentennial { width:200px; padding:0 0 20px; float:left; position:absolute; top:62px; margin-top:0; } .alertalert + .bicentennial { top:156px; margin-top:0; position:absolute; } .bicentennial h3 { background-color:#407098; color:#fff; font-weight:bold; text-align:center; line-height:normal; padding:10px; font-size:.9em; } .bicentennial a img { max-width:200px; } .parallax { background-size: cover!important; } #bgimg-1 { height:850px; background-image: url("../img/statehousebg-med-big.jpg"); background-repeat:no-repeat; background-size: cover!important; } #bgimg-2 { height:500px; background-image: url("../img/casco-bay.jpg"); } a.agencies, a.services, a.help, li.intranet-flag a { border-top:none; font-size:0.95em; border-radius: 0 0 5px 5px;} body#government ul#main-nav li a.top-government { color:#303654; border-bottom:5px solid #303654; } body#business ul#main-nav li a.top-business { color:#245286; border-bottom:5px solid #245286; } body#employment ul#main-nav li a.top-employment { color:#407098; border-bottom:5px solid #407098; } body#education ul#main-nav li a.top-education { color:#3d6c7c; border-bottom:5px solid #3d6c7c; } body#residents ul#main-nav li a.top-residents { color:#d96c27; border-bottom:5px solid #d96c27; } body#visitors ul#main-nav li a.top-visitors { color:#b84017; border-bottom:5px solid #b84017; } body#aboutme ul#main-nav li a.top-about { color:#5a1823; border-bottom:5px solid #5a1823; } ul#topnav li.intranet-flag { display:inline-block; } .sb-slidebar{width:20%; } #search-header { width:100%; max-width:1300px; /*height:170px;*/ margin:0 auto 0; /*background:url(../img/statehousebg.jpg) center -3px no-repeat; background-size:cover;*/ /*padding-top:400px;*/ padding-top:360px; position:relative; } #searchresults { position:relative; width:61%; background-color:rgba(0,0,0,0.0); border-top-right-radius:23px; padding:3px; } #page-header img { position:absolute; top:66px; right:10px; } #searchbox { width:600px; background:rgba(0, 0, 0, .8); border-top-left-radius:5px; border-top-right-radius: 5px; margin:-60px auto 0; padding:5px 6px 5px 4px; } .thewhiteboxthingythatgoesaroundthesearch { position:relative; width:100%; background-color:#fff; height:50px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #b7b7b7; font-size:1.4em; } input.searchtext { width:87%; margin:14px 0 0 15px; border:none; font-size:.9em; } input.searchbutton { text-indent:-9999px; position:absolute; top:-1px; right:0; background:url(../img/sprite-d.png) -2px -665px no-repeat; border:none; width:50px; height:52px; } ul.trending { color: #fff; font-size: 0.8em; margin:5px 5px 0 2px; list-style:none; } ul.trending li { display:inline; margin-right:10px; } ul.trending li a { color:#fff; } ul.trending li a:hover { text-decoration:none; } #search-header .photocredit { } #search-header .photocredit img { position:absolute; top:0; margin-top:66px; right:10px; } li.start, li.form { margin-right: 12%; } #outdoors { width:90%; max-width:1264px; height:430px; margin:0 auto; } #outdoor-links { width:36%; margin-right:0; } #news-highlights{ width:100%; max-width:1300px; margin:20px auto; } #news-highlights .container, #news-highlights_2 .container { width:95%; max-width:1264px; } #latest-news { width:65%; } #latest-news_2, #state-highlights_2 { float:left; clear:left; width:62%; margin-right:3%; margin-bottom:30px; } #latest-news h2, #latest-news_2 { margin-left:0; } ul.newslist { margin:20px 0 0 0; } #state-highlights { float:right; width:30%; } ul.homelist-left li, ul.homelist-right li { margin-bottom:10px; } ul.homelist-left { float:left; width:47%; margin-right:3%; } ul.homelist-right { float:left; width:49%; } .survey_box {max-width:1300px; margin:0 auto; width:100% } #top-services { width:95%; max-width:1264px; margin:20px auto; } .last-week h2 { margin-left:14%; } ul#activities { margin-top:35px; } ul#activities li span { font-size:5em; } ul#activities li { margin-bottom:20px; font-size:1.3em; } /* Inside pages */ #page-header { width:100%; max-width:1300px; height:422px; z-index:-1; margin:62px auto 0; background-image:url(../img/governmentbg.jpg); background-position: top center; background-repeat: no-repeat; background-size:cover; position:relative; } #government #containerthingyforslidenav, #business #containerthingyforslidenav, #employment #containerthingyforslidenav, #education #containerthingyforslidenav, #residents #containerthingyforslidenav, #visitors #containerthingyforslidenav, #aboutme #containerthingyforslidenav, #other #containerthingyforslidenav, #section #containerthingyforslidenav { margin-top: -62px; } body#government #page-header { background-image:url(../img/governmentbg.jpg); } body#business #page-header { background-image:url(../img/businessbg.jpg); } body#employment #page-header { background-image:url(../img/employmentbg.jpg); } body#education #page-header { background-image:url(../img/educationbg.jpg); } body#residents #page-header { background-image:url(../img/residentsbg.jpg); } body#visitors #page-header { background-image:url(../img/visitorsbg.jpg); } body#aboutme #page-header { background-image:url(../img/aboutmebg.jpg); } body#other #page-header, body#gmaps #page-header, body#google #page-header { background-image:url(../img/otherbg.jpg); } #left-wrapper { float:left; width:71%; } #right-wrapper { float:left; width:29%; } #content-area { max-width:1300px; margin:0 auto; } #inside-content { float:left; width:90%; margin:10px 0 0 20px; } #sidebar { float:right; clear:none; width:81%; z-index:9999; margin:-52px 20px 0 0; padding:0 10px; background-color:#fff; border:1px solid #ccc; } #sidebar h3 { padding:5px 10px; margin-left:-10px; } #sidebarsearch { width:100%; margin:10px auto 20px; } .thewhiteboxthingythatgoesaroundthesearchinthesidebar { border: 1px solid #b7b7b7; border-radius: 5px; font-size: 1.4em; height: 40px; position: relative; width:100%; } .thewhiteboxthingythatgoesaroundthesearchinthesidebar input.searchtext { width:79%; margin:8px 0 0 9px; border:none; font-size:.9em; } .thewhiteboxthingythatgoesaroundthesearchinthesidebar input.searchbutton { text-indent:-9999px; position:absolute; top:-2px; right:0; background:url(../img/sprite-d.png) -2px -670px no-repeat; border:none; width:45px; height:42px; cursor:pointer; } /* Help Page */ #driverhelp p, #outdoorhelp p, #businesshelp p, #otherhelp p { height: 59px; margin: 0; padding: 13% 0 0; } #driverhelp h3, #outdoorhelp h3, #businesshelp h3, #otherhelp h3 { margin-bottom:0; } /* email & SMS notification page */ #signup .email { padding:10px 0; width:45%; float:left;text-align:center;} #signup .email form {padding-left:5px} #signup .email form input#email, #signup .sms form input#sms {width:50%;} #signup .sms {border:1px solid #cccccc; padding:10px 0; width:45%; float:right; clear:none; text-align:center;} .thingyaroundthesignupboxes { width:60%; } #services-inside, #howdoi { float:none; width:100%; padding:0 10px 10px; margin-left:-10px; } .onecolumn #inside-content { width:97%; } #footer { clear:both; background: #fff url("https://www.maine.gov/portal/img/water2.png") repeat-x right top / 85px auto; margin-top:100px; } #footer::before { background: rgba(0, 0, 0, 0) url(../img/trees2.png) center top no-repeat; display:block; height:76px; top:-62px; content: ""; position:relative; background-size:390px auto; margin-bottom:0; } #footer .container { padding-top:0!important; } .footer-column { width:18%; margin:-30px 2% 20px 0; float:left; } /* tabbed box on online services page */ .tab_container ul { list-style:none; } ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #999; border-left: 1px solid #999; width: 535px; } ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; } ul.tabs li a { font-size: 1em; text-decoration: none; color: #000; display: block; padding: 0 20px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } ul.tabs li a:hover { background: #ccc; } html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ } .tab_container { border-top: none; overflow: hidden; clear: both; float: left; width: 65%; background: #fff; margin-left:12px; } .tab_content { padding: 20px; } #online-services-tabs .tab_container { width:75%; } #online-services-tabs ul.tabs { width:75%; margin-left:12px; } #online-services-tabs, #online-services-tabs .tab_container { width:80%; } #online-services-tabs ul.tabs { float:none; width:80%; } /* online services page */ #online-services-tabs ul.tabs { float:left; } #online-services-tabs { margin-right:20px; } #featuredServices { clear:none;float:right; width:30%; padding-top:0; margin-top:0; } /* right box on online services page */ ul.tabs { width: 65%; } #c1-1 ul.tabs { margin-left:12px!important; width:95%; } #c1-1 .tab_container { width:95%; } .tab_container { width: 65%; } #services-tab ul { width:100%; float:left; } #agencies-tab .letter-box { width:auto; margin:0 auto; } #agencies-tab a { width:100px; height:50px; margin:7px 0 0 10px; border:1px solid #999; float:left; text-decoration:none; font-weight:bold; color:#666; } #agencies-tab a:hover { color:#000; } #agencies-tab .letters { margin:15px 0 0 0; text-align:center; } img.subscriber-button { float: right; margin: 1em 2em 2em 2em; } /* big blue button on online services page */ /* GMAP styles */ #map, #map2 { width:60%; height:700px; float:right; } #directions-panel { width:60%; } #addList { margin-top:0; width:37%; } form.contactForm ul { list-style:none; } /* Historical Society table */ #DataTables_Table_0_wrapper { float:left; } } /* google search result navigation */ .gsc-results .gsc-cursor-box .gsc-cursor-page {font-size: 1rem !important;padding: 4px 6px !important;border: 1px solid #efefef !important;border-radius: 4px !important;} .gsc-results .gsc-cursor-box {margin: 10px auto;text-align: center !important;} @media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) { ul#main-nav li a { padding: 0 5px 13px; } ul#menu-link li { background:url(../img/ret/icon-menu.png) 0 11px no-repeat; background-size:38px 38px; padding:20px 0 20px 40px; } li.nav-government a { background:url(../img/ret/icon-government.png) 5px 9px no-repeat; background-size:40px 40px; } li.nav-business a { background:url(../img/ret/icon-business.png) 5px 10px no-repeat; background-size:40px 40px; } li.nav-employment a { background:url(../img/ret/icon-employment.png) 5px 10px no-repeat; background-size:40px 40px; } li.nav-education a { background:url(../img/ret/icon-education.png) 5px 10px no-repeat; background-size:40px 40px; } li.nav-residents a { background:url(../img/ret/icon-residents.png) 5px 10px no-repeat; background-size:40px 40px; } li.nav-visitors a { background:url(../img/ret/icon-visitors.png) 5px 10px no-repeat; background-size:40px 40px; } li.nav-about a { background:url(../img/ret/icon-about.png) 5px 10px no-repeat; background-size:40px 40px; } li.nav-intranet a { background:url(../img/ret/icon-intranet.png) 5px 10px no-repeat; background-size:40px 40px; } input.searchbutton-side { background:url(../img/ret/icon-search.png) 0 2px no-repeat; background-size:49px 49px; } /* Help page .live-chat { background:#5ea4af url(../img/ret/bubbles-ret.png) center 15px no-repeat; background-size:127px 93px; } */ } @media all and (min-width:970px) { #bgimg-1 { height:850px; background-image: url("../img/statehousebg.jpg"); background-repeat:no-repeat; background-size: cover!important; } } @media print { @font-face { font-family: 'RymanEco-Regular'; src: url('RymanEco-Regular.eot'); src: url('RymanEco-Regular.eot?#iefix') format('embedded-opentype'), url('RymanEco-Regular.woff') format('woff'), url('RymanEco-Regular.ttf') format('truetype'), url('RymanEco-Regular.svg#RymanEco-Regular') format('svg'); font-weight: 400; font-style: normal; } #search-header, #header, img#logo, ul#topnav, #page-header, #sidebar, #footer, #last-week { display:none; } body, a, #inside-content a { color:#000; } #inside-content a, #content a { text-decoration:underline; } #inside-content a:link:after, #content a:link:after { content: " (" attr(href) ") "; } #content { box-shadow:none!important; } a#box1, a#box2, a#box3, a#box4 { text-align:left; } a#box1 p, a#box2 p, a#box3 p, a#box4 p { padding-top:0; background:none; } #open4business .headlinebox, #open4business h2 { text-align:left; } #outdoors { height:0; } body {font-family:"RymanEco-Regular"; font-weight:normal;} dl.plain dt, dl.oneCol dt {font-family:"RymanEco-Regular"; font-weight:normal; text-decoration: none; color: #000;} a:link, a:visited, a:hover {font-family:"RymanEco-Regular"; font-weight:normal; text-decoration: none; color: #000;} ul#topnav, ul#menu-link, #inside-content h1 { font-family: "RymanEco-Regular"; font-weight:normal;} .copyright, .footer-column.fcflickr p {color: #000;} .copyright img {display:none;} dl.plain dt, dl.oneCol dt {font-size: 1.2em;} h1 { font-family: "RymanEco-Regular"; font-weight:normal;} h2 { font-family: "RymanEco-Regular"; font-weight:normal;} h3 { font-family: "RymanEco-Regular"; font-weight:normal;} h4 { font-family: "RymanEco-Regular"; font-weight:normal;} h5 { font-family: "RymanEco-Regular"; font-weight:normal;} h6 { font-family: "RymanEco-Regular"; font-weight:normal;} }