/* ###################### Reset Browser Defaults ######################### */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,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:#1c5a67; z-index:9999; } /* 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:#1c5a67; } a:hover { color:#e38a38; } #gov-row a:hover, #latest-news a:hover { text-decoration:none; } a#box1, a#box2, a#box3, a#box4 { color:#fff; text-decoration:none; } a#box1:hover, a#box2:hover, a#box3:hover, a#box4:hover { background-color:#1C5A67; color:#fff; } #outdoor-links a { color:#fff; text-decoration:underline; } #outdoor-links a:hover { text-decoration:none; } ul#activities a:hover { color:#5ea4af; } #inside-content a { color:#e38a38; } #inside-content a:hover, ol#crumbs a:hover { text-decoration:none; } #services-inside a:hover, #howdoi a:hover { color:#1c5a67; text-decoration:none; } .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.6); margin:-62px 0 62px; padding:5px 0; color:#fff;} #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;} li.alert-message { float: left; 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.75em; } .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:#c00; text-decoration:underline; } .alert-message a:hover { color:#fff; text-decoration:none; } /* Navigation */ #sidesearch { position:relative; height:73px; background-color:#1C5A67; } #searchbg { position:absolute; top:7px; 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 -293px no-repeat; border:none; width:53px; height:53px; cursor:pointer; } .sb-slidebar{width:70%; } ul.sb-menu li a { padding-left:60px; color:#1C5A67; width:66%; } li.nav-government a { background:url(../img/sprite-d.png) 5px -355px no-repeat; } li.nav-business a { background:url(../img/sprite-d.png) 5px -408px no-repeat; } li.nav-employment a { background:url(../img/sprite-d.png) 5px -459px no-repeat; } li.nav-education a { background:url(../img/sprite-d.png) 5px -515px no-repeat; } li.nav-residents a { background:url(../img/sprite-d.png) 5px -569px no-repeat; } li.nav-visitors a { background:url(../img/sprite-d.png) 5px -627px no-repeat; } li.nav-about a { background:url(../img/sprite-d.png) 5px -689px no-repeat; } li.nav-intranet a { background:url(../img/sprite-d.png) 5px -738px no-repeat; } #header { position:relative; z-index:99999!important; height:130px; background-color:#fff; margin-top:-10px; } #header .container { width:90%; margin:0 auto; } ul#menu-link { display:none; } .mobile-button { margin-left:-90px; margin-top: 2px; } .navicon-line { width: 24px; height: 4px; border-radius: 1px; margin-bottom:3px; background-color: #1c5a67; } img#logo { display:block; margin:10px auto 17px auto; padding-right:33px; } ul#topnav { clear:left; list-style:none; margin-top:24px; 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 { background:url(../img/sprite-d.png) 0 -51px no-repeat; padding:23px 0 20px 50px; } a.services { background:url(../img/sprite-d.png) 0 -109px no-repeat; padding:23px 0 20px 50px; } a.help { background:url(../img/sprite-d.png) 0 -168px no-repeat; padding:23px 0 20px 50px; } #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; } /* 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: { 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;} #search-header { position:relative; width:100%; height:100px; margin:-62px auto 0; padding:150px 0 0 0; background:url(../img/winter-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 -839px 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: #999; 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; } 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; } #gov-row { width:90%; margin:20px auto 0 auto; } #gov-row h2 { text-transform:uppercase; margin-bottom:10px; } #gov-row ul { list-style:none; } #gov-row ul li { margin-bottom:5px; } #getnotified, #flags { display:none; } #yourgovernment { margin-top:30px; } #governor { margin-top:30px; background:url(../img/gov-sm.jpg) no-repeat bottom right; padding:0 80px 20px 0; } span.gov { display:block; margin-bottom:-40px; } #open4business { } #open4business h2 { text-transform:uppercase; color:#fff; display:block; width:90%; margin:0 auto; text-align:center; } #open4business .headlinebox { width:100%; padding:7px 0; background-color:#1c5a67; } a#box1, a#box2, a#box3, a#box4 { display:block; width:100%; height:100px; text-align:center; } a#box1, a#box3 { background-color:#5ea4af; } a#box2, a#box4 { background-color:#337993; } a#box1 p, a#box2 p, a#box3 p, a#box4 p { padding-top:60px; } a#box1 p { background:url(../img/resources-icon.png) center 14px no-repeat; } a#box2 p { background:url(../img/advice-icon.png) center 14px no-repeat; } a#box3 p { background:url(../img/corporation-icon.png) center 16px no-repeat; } a#box4 p { background:url(../img/devcenter-icon.png) center 14px no-repeat; } #outdoors { position:relative; background:url(../img/outdoors-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; } #outdoors .photocredit img { position:absolute; bottom:10px; right: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:#5a8026; color:#fff; text-decoration:none; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } li.view-more a:hover { background-color:#3b5d0d; } #news-highlights { width:100%; background-color:#ddd; padding:5px 0 10px; } #latest-news { width:90%; margin:20px auto; } #latest-news h2, #state-highlights h2 { text-transform:uppercase; } ul.newslist { list-style:none; } ul.newslist li { margin-bottom:10px; } #state-highlights { 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; } #last-week { background-color:#fbc043; } #last-week .headlinebox { background-color:#e38a38; padding: 7px 0; width: 100%; } #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:4em; font-weight:bold; display:block; line-height:1; } /* 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; bottom: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%; background-color:#fcbe38; margin:20px 0; padding:10px 0; } #sidebar h3 { text-transform:uppercase; margin:10px 20px; } #sidebar ul { list-style:none; margin:10px 20px; } ul#browse li { color: #fff; display: inline-block; float: left; margin: 6px 8px 13px 0; } ul#browse a { text-decoration:none; padding:6px 7px 5px 7px; background-color:#fff; -webkit-border-radius:43px; -moz-border-radius: 4px; border-radius: 4px; line-height:150%; white-space:pre-wrap; } #services-inside ul li, #howdoi ul li { margin-bottom:8px; } #services-inside p.more { font-style:italic; } p.more { margin-left:20px; } #footer { width:100%; max-width:1300px; margin:0 auto 10px auto; clear:both; } #footer .container { padding-top:20px!important; 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; } .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:0px solid #cccccc; padding:0px; width:98%; float:left;text-align:center; margin:0 auto; } #signup .email form {padding-left:5px} #signup .email form input#email, #signup .phone form input#sms {width:200px;} #signup .sms {border-left:1px solid #cccccc; padding:0px; width:98%; clear:left; float:left;text-align:center;} #signup .sms form {padding-left:5px} #signup label {font-size:.8125em;} #signup select {display:none;} /* 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:#e38a38; 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 page */ .socialCol1, .socialCol2, .socialCol3 { width:98%; margin:10px auto; } #twitter_div { border: 1px solid #CCC; background: #F4F4F4; padding: 5px; margin-top: 15px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .facebook-icon { background: url(/portal/img/socialconnect.jpg) 0 -6px no-repeat; /*height: 32px;*/ padding:0 0 0 40px; } .blog-icon { background: url(/portal/img/socialconnect.jpg) 0 -133px no-repeat; height: 32px; padding:0 0 0 40px; } .twitter-icon { background: url(/portal/img/socialconnect.jpg) 0 -52px no-repeat; height: 32px; padding:0 0 0 40px; } .linkedin-icon { background: url(/portal/img/socialconnect.jpg) 0 -91px no-repeat; height: 32px; padding:0 0 0 40px; } #contact-left, #contact-right { width:98%; margin:0 auto; } .phone-pic { display:none; } img.mobilefloat { display:none; } /* 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; } /* 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; } @media screen and (orientation:landscape) { .sb-slidebar{ width:50%; } } @media screen and (min-width:651px) { #citizen-alert { margin:0; } #citizen-alert .container { width:100%; margin:0 auto; } .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 { 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; } a.agencies, a.services, a.help { padding:23px 0 20px 50px; } .sb-slidebar{width:40%; } #sidesearch { height:62px; } #search-header { width:100%; height:100px; margin-top:0; padding-top:240px; background:url(../img/winter-med.jpg) bottom center no-repeat; background-size:cover; } #searchbox { width:80%; } #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 -840px no-repeat; border:none; width:45px; height:42px; } #search-header .photocredit { } #search-header .photocredit img { position:absolute; top:auto; bottom:10px; right:10px; } #gov-row { width:95%; height:160px; } #getnotified, #flags, #yourgovernment, #governor { float:left; margin-top:0; } #getnotified p, #flags p, #yourgovernment ul, #governor p { font-size:1em; } #getnotified h2, #flags h2, #yourgovernment h2, #governor h2 { font-size:1.2em; } #getnotified, #flags, #yourgovernment { width:31%; margin-right:2%; } #getnotified p, #flags p { width:85%; } #governor { width:27%; height:160px; padding:0 40px 0 0; } #governor h2 span { margin-bottom:-35px; } a#box1, a#box2, a#box3, a#box4 { float:left; width:50%; } a#box3 { clear:left; } a#box1, a#box4 { background-color:#5ea4af; } a#box2, a#box3 { background-color:#337993; } #outdoors { padding-top:20px; clear:both; } #outdoor-links { margin-left: 20px; width: 40%; } ul.services-list { width:48%; float:left; } ul.left-list { margin-right:4%; } #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;} #last-week { padding-bottom:20px; } ul#activities li { float:left; width:31%; margin:0 1%; } /* Inside pages */ #page-header { width:100%; height:222px; margin-top:0; background-image:url(../img/governmentbg-med.jpg); background-position: top center no-repeat; background-size:cover; position:relative; } #page-header img { position:absolute; bottom:10px; 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%; } #sidebar { clear:both; } #services-inside { float:left; width:48%; } #howdoi { float:right; width: 48%; } .copyright { float:right; clear:left; margin:0 0 3px 0; text-align:right; } /* email & SMS notification page */ #signup .email {border:0px solid #cccccc; padding:0px; width:49%; float:left;text-align:center;} #signup .email form {padding-left:5px} #signup .email form input#email, #signup .phone form input#sms {width:200px;} #signup .sms {border-left:1px solid #cccccc; padding:0px; width:50%; float:left; clear:none; text-align:center;} /* 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%;} } @media screen and (min-width:800px) { #citizen-alert { margin:0; } #citizen-alert .container { width:100%; max-width:1300px; margin:0 auto; } #header .container { width:100%; } ul#topnav { font-size:1em; } .mobile-button { display:none; } #header .sb-toggle-left { margin:15px 0 10px -4px; } ul#menu-link { display:block; list-style:none; margin:-22px 0 0 5px; } 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; } ul#menu-link li a:visited { color:#1c5a67; } ul#menu-link li a:hover { color:#5ea4af; } .navicon-line { display:none; } img#logo { margin:0 0 0 40px; } ul#topnav { margin:21px 20px 0 0; float:right; clear:none; } a.agencies, a.services, a.help { padding:20px 0 20px 50px; } .sb-slidebar{width:20%; } #search-header { width:100%; max-width:1300px; height:170px; margin:0 auto 0; background:url(../img/winter.jpg) top center no-repeat; background-size:cover; padding-top:400px; } #searchresults { position:relative; width:61%; background-color:rgba(0,0,0,0.0); border-top-right-radius:23px; padding:3px; } #searchbox { width:600px; 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; width:100%; background-color:#fff; height:50px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; width:600px; border:1px solid #b7b7b7; font-size:1.4em; } input.searchtext { width:87%; margin:13px 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 -834px 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; bottom:10px; right:10px; } #gov-row { width:95%; max-width:1264px; } #getnotified h2, #flags h2, #yourgovernment h2, #governor h2 { font-size:1.8em; line-height:1; } #governor h2 span { margin-bottom:-30px; } #getnotified, #flags, #yourgovernment { width:30%; height:200px; } #getnotified p, #flags p { margin-top:20px; width:80%; } ul.yourgovlist { margin-top:20px; } #governor { float:right; width:25%; height:200px; padding-right:78px; background:url(../img/governor.jpg) no-repeat bottom right; } #governor p { width:180px; margin-top:30px; } #open4business { width:100%; max-width:1300px; height:200px; margin:0 auto; padding:0; clear:both; } #open4business .headlinebox { float:left; width:200px; height:200px; text-align:center; padding:0; } #open4business h2 { font-size: 2.4em; line-height: 1.2; padding-top: 28px; } .boxwrapper { float:left; width:calc(100% - 200px); } a#box1, a#box2, a#box3, a#box4 { float:left; width:50%; max-width:550px; height:100px; } #outdoors { width:100%; max-width:1300px; height:430px; margin:0 auto; background:url(../img/popham.jpg) no-repeat top center; background-size:cover; } #outdoor-links { width:40%; margin-left:20px; } #news-highlights { width:100%; max-width:1300px; margin:0 auto; } #news-highlights .container { width:95%; max-width:1264px; } #latest-news{ width:65%; } #latest-news h2 { margin-left:0; } ul.newslist { margin:20px 0 0 0; } #state-highlights { float:right; width:30%; } .survey_box {max-width:1300px; margin:0 auto; width:100% } #top-services { width:95%; max-width:1264px; margin:20px auto; } #last-week { padding-bottom:0; } ul#activities { margin-top:35px; } ul#activities li span { font-size:5em; } #last-week { width:100%; max-width:1300px; margin:0 auto; } #last-week .headlinebox { float:left; width:200px; height:200px; text-align:center; padding:0; } #last-week h2 { font-size:2.4em; line-height:1.2; margin-top:50px; } /* Inside pages */ #page-header { width:100%; max-width:1300px; height:360px; z-index:-1; margin:0 auto 0; background-image:url(../img/governmentbg.jpg); background-position: top center no-repeat; background-size:cover; position:relative; } 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:-62px 57px 0 0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #services-inside, #howdoi { float:none; width:100%; } .onecolumn #inside-content { width:97%; } #footer { clear:both; } .footer-column { width:18%; margin:0 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; } } @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#menu-link { margin:-27px 0 0 5px; } ul#topnav li { display:inline; margin-left:13px; } ul#topnav li:first-child { margin-left:0; } ul#menu-link li { background:url(../img/ret/icon-menu.png) 0 11px no-repeat; background-size:38px 38px; padding:20px 0 20px 40px; } a.agencies { background:url(../img/ret/icon-agencies.png) 0 11px no-repeat; background-size:38px 38px; padding:20px 0 20px 40px; } a.services { background:url(../img/ret/icon-services.png) 0 11px no-repeat; background-size:38px 38px; padding:20px 0 20px 40px; } a.help { background:url(../img/ret/icon-help.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 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;} }