/* weather icons */ @font-face{font-family:weather;src:url(/mdot/_siteassets/assets/fonts/weather/artill_clean_icons-webfont.eot);src:url(/mdot/_siteassets/assets/fonts/weather/artill_clean_icons-webfont.eot?#iefix) format('embedded-opentype'),url(/mdot/_siteassets/assets/fonts/weather/artill_clean_icons-webfont.woff) format('woff'),url(/mdot/_siteassets/assets/fonts/weather/artill_clean_icons-webfont.ttf) format('truetype'),url(/mdot/_siteassets/assets/fonts/weather/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg) format('svg');font-weight:400;font-style:normal} /* reset */ 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,ol,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:"myriad-pro-1","Helvetica Neue", Arial, sans-serif; line-height:1.4; background-color:#fff; } a {text-decoration:none} a img {border:none;} a:link { color:#3366CC; } a:visited { color:#3366CC; } a:hover { color:#C00; text-decoration:none; } td { vertical-align:top; } .ie7 #content, .ie6 #content {height:1%;} /* skip nav */ .offscreen { position:absolute; left:-9999px; width:9000px; } .offscreenr, .skip_sliver { position:absolute; left:-9999px; width:9000px; } .skip_sliver {margin-left:-9999px;height:1px} /* 2015 sliver */ #slivercontent {display:none} #maine-sliver {background: #f8f8f8;height:35px;padding:0 2% 0 0;margin-top:8px;margin-bottom:0;border-bottom: 1px solid #fff} .mainelogo {width: 99px;height:30px;margin-top: -12px} ul#slivernav {list-style:none; text-align:center;font-size: .9em;margin-top: -8px } ul#slivernav li { display:inline; margin-left:10px; } ul#slivernav li:first-child { margin-left:0; } ul#slivernav li a { color:#1c5a67; text-decoration:none; } ul#slivernav li a:hover { color:#5ea4af; } /* 6/17/15 updates */ ul#slivernav,.mainelogo {margin-top:0} ul#slivernav {height: 30px;line-height:30px;} a.agencies, a.services, a.help{background: url(/mdot/_siteassets/assets/img/icons/mainegovsprite2.png) no-repeat;} a.agencies {background-position: -7px -8px;padding:6px 0 6px 35px} a.services { background-position: -7px -51px;padding:6px 0 6px 35px } a.help { background-position: -7px -90px;padding:6px 0 6px 35px } body {font-family: 'Lato', Helvetica, Arial, sans-serif;background: #444 ; padding-top: 0;font-size: 1em} /*container */ #container { position:relative; margin:0 auto 10px; padding:0 .5208333333333% .5em; width:90%;background: #dddddd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 15%, #f1f1f1 19%, #e1e1e1 21%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(15%,#ffffff), color-stop(19%,#f1f1f1), color-stop(21%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 15%,#f1f1f1 19%,#e1e1e1 21%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dddddd 0%,#ffffff 15%,#f1f1f1 19%,#e1e1e1 21%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dddddd 0%,#ffffff 15%,#f1f1f1 19%,#e1e1e1 21%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(to bottom, #dddddd 0%,#ffffff 15%,#f1f1f1 19%,#e1e1e1 21%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */ } /* header */ .header {background: #efefef; padding-top:0;padding-bottom: 0;} .header a.logo {background: url("../img/Internet_Banner_Logo_2.png") no-repeat; display:block;width: 920px; height: 65px;padding:0;} .logodiv {margin-top:-24px !important} .topright {padding-right:2%;font-size: .8em} ul#vtopnav {padding:5px 0;margin-top: 0;margin-bottom: 0; display:inline-block;color: #3366CC; font-size:.75em; } ul#vtopnav li { margin-left:0; list-style:none; display:inline; } ul#vtopnav a, ul#vtopnav a:visited { text-decoration:none;color: #3366CC;} ul#vtopnav a:hover {color:#c00;text-decoration:none } ul#vtopnav, .header_search {margin-right: 2%;text-align:right !important} /* New fixed header 5/7/15 */ .sb-slide, #content, .sb-slidebar {-webkit-transition: -webkit-transform 400ms ease;-moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease;transition: transform 400ms ease;-webkit-transition-property: -webkit-transform,left,right;/* -webkit-backface-visibility: hidden; */} #fixedheader {height: 103px;width: 90%;position: fixed;margin-top: 0;background: #efefef;z-index:9400} /* Flex header 6/1/2021 */ .flex-header { display: flex; flex-flow: row wrap; justify-content: space-around; padding: 0; margin: 0; list-style: none; } .flex-item1 { background: url(https://www.maine.gov/mdot/_siteassets/assets/img/mainedotlogo200.png); padding: 4px; width: 190px; height: 48px; margin-top: 10px; line-height: 150px; } .flex-item2 { background: url(https://www.maine.gov/mdot/_siteassets/assets/img/Internet_Banner_left_text_with_line.png); padding: 5px; width: 485px; height: 58px; margin-top: 0px; line-height: 150px; } /* old browser msg */ #browser {padding: 4px;background: #F4CF87;text-align:center;color: #333;width: 90%;margin:0 auto;font: Helvetica, Arial, sans-serif;font-weight:700} #browser p {padding: 0} #close {float:right;background: #C95D5D;padding: 6px;text-align:center;font-size: 15px;margin-left:10px;margin-right: 10px;margin-top: -8px;color: #fff;} #close:hover {background: #D87979} /* main navigation */ #top_nav {background:transparent;} .mainnav {height:45px;} #menu {list-style:none;width:100%;margin:0px auto 0px auto; padding:0px 20px 0px 20px;font-size: 1.15em;} #menu > li {float:left; display:block;text-align:center;position:relative; padding: 4px 10px 10px 10px;margin-right:6px; margin-top:7px;border-right:2px solid transparent;} #menu li:hover {background: #fff; -moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;border-right:2px solid #ccc;} #menu li.rightdropmenu:hover {border-right:0px solid #ccc;border-left:2px solid #ccc} #menu li a {color: #333;display:block;text-decoration:none;padding-top: 3px;padding-bottom:3px} #menu li.jobslink {background: #063F62;color: #fff;margin-top: 0px; box-shadow: 5px 0 3px -4px #a9a9aa, -5px 0 3px -4px #a9a9aa;} #menu li.jobslink:hover {background: #64a192; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;border-right:0px;color: #fff} #menu li.jobslink a {color: #fff} #menu li.jobslink a:hover {color: #fff} #menu li:hover a {color:#444;} #menu li ul li:hover {border-right:0px solid #ccc;} #menu li .drop {padding-right:21px;} #menu li .drop {background: url(../img/arrow-dark.png) no-repeat right center} #menu li:hover .drop {background: url(../img/arrow-dark.png) no-repeat right center} #menu li ul.dropdown {margin:4px auto; text-align:left; padding:10px 8px; border-bottom:2px solid #ccc;border-top:none;z-index:9999; display:block; font-size: .8em;} .onecol {min-width: 12em; width: auto;width: 12em } .twocol {min-width: 25em; width: auto; width: 25em} .threecol {min-width: 37em; width: auto;width: 37em} .fourcol {min-width: 50em; width: auto;width: 50em} #menu h5 {font-size: 1.1em;padding: 3px 0;} #menu li .dropleft {position:absolute; left:-999em;border-right:2px solid #ccc;} #menu li .dropright {position:absolute; right:-9999em;border-left:2px solid #ccc;display:none !important;} /* show the dropdown on hover */ /*#menu li:hover .dropdown{left:0px;top:auto;}*/ #menu li:hover .dropleft{left:0px;top:auto;-moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;} #menu li:hover .dropright {display: block !important;right:0px;top:auto;-moz-border-radius: 5px 0px 5px 5px; -webkit-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px;} #menu .menu_right {float:right;margin-right:0px;-moz-border-radius: 5px 0px 5px 5px; -webkit-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px;left:auto; right:-1px; top:auto;} #menu li:hover div a { color:#015b86;} #menu li:hover div a:hover { color:#029feb;} #menu li ul {list-style:none; padding:0; margin:0 0 12px 0;} #menu li ul li { position:relative; padding:3px; margin:0;float:none; text-align:left;border-bottom: 1px solid #fff} #menu li ul li:hover { background:none;border-bottom:1px solid #fff;} #top_nav, #menu li ul.dropdown {background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 72%, #e1e1e1 95%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(72%,#f1f1f1), color-stop(95%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 72%,#e1e1e1 95%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 72%,#e1e1e1 95%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 72%,#e1e1e1 95%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 72%,#e1e1e1 95%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */ } .ie #top_nav, .ie8 #top_nav, .ie7 #top_nav {border-bottom: 2px solid #ccc} .mobilenavadditions {visibility: hidden } /* mobile menu */ .slicknav_menu {display:none;} /* left flyout menu */ ul.leftnav{width:100%;margin:0;padding:0;list-style:none;background:#efefef;color:#333} .leftnav>li h3{font-size:1em} .leftnav>li{display:block;width:100%} .leftnav>li>a{display:block;height:100%;padding:.5em;font-weight:600;color:#333;text-decoration:none;border-bottom:1px solid #fff;font-size:.9em;background:#efefef} .leftnav>li>a:active,.leftnav>li>a:hover{background:#fff;color:#C00} .leftnav>li.sub{position:relative} .leftnav>li.sub ul{width:16em;margin:0;padding:0;list-style:none;background:#efefef;border:1px solid #999;color:#333;position:absolute;left:-1000em;z-index:1000} .leftnav>li.sub ul li{display:block;width:100%} .leftnav>li.sub ul li a{height:100%;display:block;color:#333;font-weight:400;text-decoration:none;padding:.65em} .leftnav>li.sub ul li a:hover{background:#fff;color:#C00} .leftnav>li.sub:hover ul{top:0;left:98%} .leftnav>li.navtitle>a{color:#900;background:#fff} .leftnav>li.navtitle{border:1px solid #efefef;font-size:1.3em;background:#fff;font-weight:700;padding-bottom:5px;padding-top:5px;color:#900;margin-left:0;padding-left:0} /* content */ #content { padding: 169px 0 1.25em 0 ;z-index:1;margin-top:0;background-color:#fff !important;/*background:transparent;*/} #maincontent1 {padding: 1.25em} .rightcol {background: #efefef;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;padding:6px;} /******************** WAI Accessibility ********************/ .hidden{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } /* footer */ #pagefooter {background-color:transparent;padding: 20px 1.250em;} .footer_column h4 {font-size: 1.02em; background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding: 1% 3%;margin-bottom: 2%} .footer_column a, .footer_column a:visited{text-decoration:none;color: #333} .footer_column a:hover {color:#C00; text-decoration:none; } .footer_column ul li:hover {background: #f9f9f9 !important} .footer_column ul {margin: 8px 0} .footer_column ul li {list-style: none;padding: 5px 0 8px 10px;margin:0} /******************** typography & affects ********************/ /* text colors */ .whitetxt, a.whitetxt, .whitetxt h3, .white, a.white, .panel div p, .panel div h1,.panel div h2, .panel div ul, .panel div a, .accordionpanel div p, .accordionpanel div h1, .accordionpanel div h2, .accordionpanel div ul, .accordionpanel div a, a.bar, a.white, .medbluebg, .redbg, .lterbluebg, .ltbluebg, .medgreenbg, .orangebg, .medgreybg, .dkgreybg, .darkbluebg {color: #fff !important;} .white:hover, a.whitetxt:hover {color: #efefef} .lightgreytxt {color:#efefef} .grey {color: #444} .grey:hover {color: #555} .blue {color: /*#487FA8*/ #3366CC;} .medblue {color:#596678 } .darkblue {color:#063F62 } .blue:hover, .darkblue:hover, .medblue:hover {color: #c00 } .grey:active, .blue:active {color: #efefef} .red {color:#C00} .red:hover {color:#900 } .creamtxt {color: #edebe5} .orangetxt {color: #D29963} .brightorangetxt {color: #DB7119} h1 {color: #063F62;} h2, h4, h5 {color: #444} h3 {color: #c85c5c} p, ul, ol {color: #333} h3 {font-size: 1.3em} h4 {font-size: 1.2em} h5 {font-size: 1.05em} .smh1,.smh2 {text-align:center;} .smh1 i, .smh1 {font-size: 1.5em} .smh2 {font-size: 1.2em} .lgtxt {font-size: 200%} .micetxt {font-size: .75em} .sidecol h2 {font-size: 1.2em} h1,h2,h3,h4,ul,ol,blockquote, li {margin-top: 2%;margin-bottom: 1%} p {margin-bottom: 2%} ol, ul {margin-left: 4%;} .txtcenter {text-align:center} .txtleft {text-align:left} .txtright {text-align:right} .txtbold, .boldtxt {font-weight: 700 !important} .italictxt, .txtitalic {font-style:italic;} /*foundation icons */ .fsize24px{font-size: 24px;} .fsize36px {font-size: 36px;} .fsize48px{font-size: 48px;} .fsize64px {font-size: 64px;} .fsize72px{font-size: 72px;} .fsize96px {font-size: 96px;} .fsize128px{font-size: 128px;} .fsize256px {font-size: 256px;} .fa {padding-right:4px;padding-left:4px;} .fa-6x {font-size: 6em} .fa-4x {font-size: 4em} .hoverable {cursor: pointer;} .hoverable:hover, .opac7 {opacity:.7;filter:alpha( opacity=70 )} .title {border: 2px solid #efefef; border-width: 2px 0 2px 0} /* round corners */ .round4 {-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px} .roundtop2 {-webkit-border-radius: 12px 12px 0 0;-moz-border-radius: 12px 12px 0 0;border-radius: 12px 12px 0 0;} .roundbtm2 {-webkit-border-radius: 0 0 12px 12px;-moz-border-radius: 0 0 12px 12px;border-radius: 0 0 12px 12px} .code {color: #efefef;background: #333;padding:10px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;} .greyborder2px {border-radius: 12px;border: 2px solid #efefef} /* lists */ .nobullet {margin-left: 0px;} .nobullet li {list-style:none;padding: 4px 0px; border-bottom: 1px solid #efefef;margin-left: 0px } .nobullet li:hover {display:block;background: #f1f1f1} .nobullet li.last{border-bottom: 0px;} /************** buttons- Note Use color classes below for any color button - see http://callmenick.com/2014/04/08/stylish-css-buttons ***************/ .button {display: inline-block; margin: 5px 0; padding: 10px 20px; font-size: 1.333em; line-height: 1.8; appearance: none; box-shadow: none; -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 2px solid #efefef;text-align:center} .button:hover {border:2px solid /*#D12124*/ #f1f1f1} button:focus { outline: none} .lgbtn {width: 30%} .medbtn {padding: 5px 10px;font-size: 98% } .smallbtn {width: 5%;padding:5px 8px;font-size: 75%; line-height:normal} /************* boxes & wrappers - Note Use color classes below for color. Use floats *************/ .box { display:block;padding: 5px;} .videowrapper { position: relative; padding-bottom: /*56.25%*/46%; /* 16:9 */ padding-top: 25px; height: 0; overflow:hidden; } .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*********************** padding, widths, margins ***********************/ .margintopzero {margin-top:0} .margintop10px {margin-top:10px} .marginbtm10px {margin-bottom: 10px;} .width180px {width: 180px;} .pad5px {padding: 5px;} .pad10px {padding:10px} .marginrt10px {margin-right: 10px;} .marginleft10px {margin-left: 10px;} .width30percent {width:30%} .pad2percent {padding: 2%} .marginbtm2percent {margin-bottom: 2%} .txtindent {text-indent: 3%} /********************** floats & positioning & display ***********************/ .floatleft {float: left;margin-right: 1.21875em;} .floatright {float: right;margin-left: 1.21875em;} .clearall {clear:both;height:1%} /* 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 */ .hide-label {position: absolute; left: -9999px;} .hide {display:none} /********************** forms *********************/ form.basicform input, form.basicform textarea, form.basicform select, form.basicform select {-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;color: #666; background: #f5f5f5; border: 1px solid #ccc;padding: 3px} /* Form style */ form.styled label { display: inline-block; height: 26px; line-height: 26px; width: 20%; font-size: 1em; } form.styled input, form.styled textarea, form.styled select, form.styled input.chkbx { padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px;border-radius: 5px } form.styled label.labelchkbx {float:none;line-height:16px;margin-left:6px; min-width:100px;width:auto !important;width:80%;} * html form.styled label.labelchkbx{width:95%;} form.styled input, textarea {width: 70%} form.styled input.chkbx {margin-left:5px} form.styled input:focus, form.styled textarea:focus, form.styled select:focus { border: 1px solid #999; background-color: #fff; color:#333; } form.styled input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px} form.styled input.submit:hover { background:#444; } form.styled fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px;border-radius: 5px } form.styled legend { padding:7px 10px; font-weight:bold; color:#000; border:0px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px;border-radius: 5px } form.styled span.required, span.required{ font-size: 24px; color: #ff0000; } /* Select the colour of the * if the field is required. */ form.styled, form.styled legend, form.styled fieldset {width: 90% !important;} /* Style for the error message */ form.styled .error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px } #succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; } .redtxt {color: #c85c5c} /****************************** background colors & textures ******************************/ .redbg {background: #c85c5c} .darkbluebg {background: #063F62} .medbluebg {background: /*#505d73*/ #596678} .lterbluebg {background: #77b1d1} .ltbluebg {background: #487FA8} .medgreenbg {background: #76c2af !important} .yellowbg {background: #f5cf87} .ltyellowbg {background: #f9ddaa} .orangebg {background: #e2995e} .creambg {background: #f1efeb} .offwhite {background: #EFECE3} .whitebg {background: #fff;} .ltcreambg {background: #f6f6f4} .medcreambg {background: #dbdbd8} .ltgreybg {background: #efefef} .medgreybg {background: #555} .dkgreybg {background: #444} .ltgraybg {background: #efefef;border: 1px solid #ccc;} /* paper texture */ .redbgimg {background: url(../img/bg/redpaper.png) repeat top left } .medbluebgimg {background: url(../img/bg/medbluepaper.png) repeat top left } .medgreenbgimg {background: url(../img/bg/greenpaper.png) repeat top left} .yellowbgimg {background: url(../img/bg/yellowpaper.png) repeat top left } .orangebgimg {background: url(../img/bg/orangepaper.png) repeat top left } .creambgimg {background: url(../img/bg/creampaper.png) repeat top left } .dkgreybgimg {background: url(../img/bg/dkgreypaper.png) repeat top left } .medgreybgimg {background: url(../img/bg/medgreypaper.png) repeat top left } .ltgreybgimg {background: url(../img/bg/ltgreypaper.png) repeat top left } .ltbluebgimg, .weather {background: url(../img/bg/ltbluepaper.png) repeat top left} a.redbgimg:hover, a.medbluebgimg:hover, a.medgreenbg:hover, a.yellowbgimg:hover,a.orangebgimg:hover, a.creambgimg:hover, a.dkgreybgimg:hover, a.medgreybgimg:hover, a.ltgreybgimg:hover, a.ltbluebgimg:hover,a.medgreenbgimg:hover, .medbluebgimg:hover, .redbgimg:hover, .ltbluebgimg:hover,a.bar:hover, .button:hover, a img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;} .colheader {background: #487FA8;color: #f1f1f1;padding:3px} /* google map header */ .mapheader {-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: #efefef;width: 100%;height:250px;padding: 4px;} .map400px {width:400px;height:450px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: #efefef;padding: 4px;} .maprightcol {width: 100%; height:400px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: #efefef;} /* weather icons */ .weather{width:95%;margin:0 auto;text-align:center;-moz-border-radius:12px;border-radius:12px;border:2px solid #efefef;padding:6px}.weather i{color:#fff;font-family:weather;font-size:2em;font-weight:400;font-style:normal;line-height:1}.icon-0:before{content:":"}.icon-1:before{content:"p"}.icon-2:before{content:"S"}.icon-3:before{content:"Q"}.icon-4:before{content:"S"}.icon-5:before,.icon-6:before,.icon-7:before,.icon-8:before{content:"W"}.icon-9:before{content:"I"}.icon-10:before{content:"W"}.icon-11:before,.icon-12:before,.icon-13:before,.icon-14:before{content:"I"}.icon-15:before{content:"W"}.icon-16:before{content:"I"}.icon-17:before{content:"W"}.icon-18:before{content:"U"}.icon-19:before,.icon-20:before,.icon-21:before,.icon-22:before,.icon-23:before{content:"Z"}.icon-24:before,.icon-25:before{content:"E"}.icon-26:before{content:"3"}.icon-27:before{content:"a"}.icon-28:before{content:"A"}.icon-29:before{content:"a"}.icon-30:before{content:"A"}.icon-31:before{content:"6"}.icon-32:before{content:"1"}.icon-33:before{content:"6"}.icon-34:before{content:"1"}.icon-35:before{content:"W"}.icon-36:before{content:"1"}.icon-37:before,.icon-38:before,.icon-39:before{content:"S"}.icon-40:before{content:"M"}.icon-41:before{content:"W"}.icon-42:before{content:"I"}.icon-43:before{content:"W"}.icon-44:before{content:"a"}.icon-45:before{content:"S"}.icon-46:before{content:"U"}.icon-47:before{content:"S"}.weather h2{margin:0 0 -10px;color:#fff;font-size:1.9em;font-weight:300;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.15)}.weather ul{margin:0;padding:0;list-style:none}.weather li{padding:0 4px 2px;border-radius:5px;color:#efefef}.weather li.currently{font-size:20px!important} /* accordion */ .accordion-container {width: 100%;margin: 0 0 5px;clear: both;} .accordion-toggle {position: relative;display: block;padding: 5px;font-size: 1em;font-weight: 400;background: #f1f1f1;/*background: #487FA8;*/color: #333;text-decoration: none; } a.accordion-toggle, a.accordion-toggle span.toggle-icon {color: #3366CC;} .accordion-toggle.open {background: #efefef;color: #3366CC;} .accordion-toggle:hover {background: #d1cfcf;color: #c00} .accordion-toggle span.toggle-icon {font-size: 1.3em;} .accordion-content {display: none;padding: 20px;overflow: auto;border: 1px solid #f1f1f1} /*.accordion-content img {display: block;float: left;margin: 0 15px 10px 0;max-width: 100%;height: auto;}*/ a.readmoretoggle {font-size: 105%; color: #3366CC !important; background: #f1f1f1 } a.readmoretoggle:hover {color: #c00 !important;background: #efefef;} a.readmoretoggle:hover span.toggle-icon, a.accordion-toggle:hover span.toggle-icon {color: #c00} a.readmoretoggle:active {background: #efefef} /* media query for mobile */ @media (max-width: 767px) { .accordion-content {padding: 10px 0;overflow: inherit;} } /* home page */ .werehiring {background:url(../img/werehiringbadge.png) no-repeat;height:150px;width:173px} .whatsnew, .smcol {padding: 1%;text-align:center;margin-right: 3%} .whatsnew .title {font-size:1.5em;background: #063F62;color:#fff;padding:1%} .whatsnew .subh1 {font-size: 1.3em} .smcol {text-align:left} .smcol li {border-bottom: 1px solid #fff} .whatsnew img {width: 150px;height:auto} .boxtitle {text-align: center;-webkit-border-radius: 12px 12px 0 0;-moz-border-radius: 12px 12px 0 0;border-radius: 12px 12px 0 0;color: #fff;margin-bottom: -1px;width: 96%;padding: 2%;} .boxcontent {-webkit-border-radius: 0 0 12px 12px;-moz-border-radius: 0 0 12px 12px;border-radius: 0 0 12px 12px;margin-top: 0;width: 100%;} .onethirdbox {width: 26%;padding: 2%;float:left;margin-right:1%;margin-left: 1%} .onethirdbox h2 {padding: 2%} .minheight200px { min-height:300px; height:auto !important; height:300px;} .itembox {padding: 2%;width: 96%;} /*responsive grid */ .section {clear: both;padding: 0px;margin: 0px;} .col {display: block;float:left;margin: 1% 0 1% 1.3%;} .col:first-child { margin-left: 0; } .group:before,.group:after {content:"";display:table;} .group:after {clear:both;} .group { zoom:1; /* For IE 6/7 */} .span_6_of_6 {width: 100%;} .span_5_of_6 {width: 83.11%;} .span_4_of_6 {width: 66.23%} .span_3_of_6 {width: 49.35%;} .span_2_of_6 {width: 32.46%;} .span_1_of_6 {width: 15.58%;} /* make accordion white when in a horizontal tab div */ .resp-tabs-container .accordion-toggle, resp-tab-content .accordion-toggle.open {background: #fff} .resp-tabs-container .accordion-content {background: #fff !important} /* GO FULL WIDTH AT LESS THAN 800 PIXELS */ @media only screen and (max-width:799px) { .col {margin: 1% 0 1% 0%;} /* added 6/24/16 - full width container for more space on smaller devices tlt */ #container, #fixedheader {width:99%} } @media only screen and (max-width:799px) { .span_6_of_6 {width: 100%;} .span_5_of_6 {width: 100%;} .span_4_of_6 {width: 100%;} .span_3_of_6 {width: 100%;} .span_2_of_6 {width: 100%;} .span_1_of_6 {width: 100%;} } /********************** media queries *********************/ @media screen and (max-width:830px) { .whatsnew .floatright {float:none;} .whatsnew img {display:none} } @media screen and (max-width:799px) { .js #menu, .js .leftnav {display:none;} .js .slicknav_menu {display:block;} li.navtitle {margin-left:0} .logo {margin: 2% auto} .logodiv {margin-top: 0 !important} .mobilenavadditions {visibility: visible } .toprightnav {display:none} .topsearch {margin: 4px auto;text-align:center} .hmbx {float:none;width: 100%;margin: 10px auto} #fixedheader {position:relative !important;width:100% !important;margin:0 auto;min-height:50px; height:auto !important; height:50px;} #content { padding: 10px} .bar, .topsearch {margin-left:auto;margin-right:auto} .accordionpanel {display:block;margin-top:-5px;} .accordionpanel div {padding:1%} .hmlinks ul li {float:none;width:98%;margin-bottom:3px;margin-left:auto;margin-right:auto;} .hmlinks a.toggletitle {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;margin-bottom:-1px} .mainelogo {margin-top: 0} .mainnav {height: 1px;} .mobileonly {display: block} p {margin-bottom: 2%} .navtitle {padding-left: 3%} form.styled label {display: block;float:none;width: 90%} .minheight200px {min-height:0} .txtright {text-align:left} } /* mobile 700px*/ @media screen and (max-width:700px) { #maine-sliver {display:none} #fixedheader {position:relative !important;} .whatsnew img {display:none;} .slider_container {display:none} .map400px {width: 95%} .floatright, .floatleft, form.styled label {float:none} label[for="verify"] {margin-bottom: 35px} .floatright, .floatleft {margin-left: 1%;margin-right:1%} .mobileimg {width: 100%;height:auto;margin:0} .mainnav {height: 1px;} .mobileonly {display: block} p {margin-bottom: 2%} /*.accordion-toggle {padding-right:30px} .accordion-toggle span.toggle-icon {right: 5px;}*/ .navtitle {padding: 1%;background: #fff} .slicknav_nav li {padding-left: 2%} .onethirdbox {float:none;width: 95%; text-align:center} .minheight200px {min-height:auto !important; height:auto !important} #content{padding-top: 25px !important} #container, #sliver_container, .sliver, .header, #fixedheader {width:100% !important;margin:0 auto} }