/* Titan CMS base 6.2 RESPONSIVE DESIGN*/ @import '../blocks.css'; /* ========================================================================================== RESETS */ .titanBody,div,/*img,*/h1,h2,h3,h4,h5,h6 {margin:0;padding:0;} .titanBody p,.titanBody blockquote, .mainBody p,.mainBody blockquote, .Freeform p,.Freeform blockquote,.Freeform ol,.Freeform ul,.Freeform dl, .FAQ p,.FAQ blockquote,.FAQ ol,.FAQ ul,.FAQ dl,.FAQ dl,.FAQ .ToTop, .FormEditor p,.FormEditor blockquote,.FormEditor ol,.FormEditor ul,.FormEditor dl {margin-bottom:12px;margin-top:0;padding-top:0;padding-bottom:0;} .titanBody fieldset,.mainBody fieldset, .Freeform fieldset,.DisplaySideUpload fieldset,.EventUpload fieldset,.Aggregation fieldset,.Calendar fieldset,.Product fieldset {border:0;margin:0;padding:0;}/* don't remove these attributes, can add attributes/change values */ .Aggregation,.Calendar,.Commenting,.DisplaySideUpload, .EventUpload,.FAQ,.Freeform,.FormEditor,.PhotoBlock,.Product, .SearchResults,.SegmentedSearch,.SiteMap,.TOCBlock,.WhatsNew,.DataListing {clear:both;margin-bottom:0;padding:15px 3%} @media screen and (min-width: 715px){ .Aggregation,.Calendar,.Commenting,.DisplaySideUpload, .EventUpload,.FAQ,.Freeform,.FormEditor,.PhotoBlock,.Product, .SearchResults,.SegmentedSearch,.SiteMap,.TOCBlock,.WhatsNew {padding:30px 0;} .DataListing{padding:0;} } /* fix floats */ #wrapper:after,.DataDetail .oneDetail .item .detailSummary .info:after,.infoMin:after,.DataListing:after,#right:after,#desktopNav ul.main-nav div.megaMenu .cta:after,#logo:after,#jobSearch .s:after,#jobSearch .advanced:after,.JobSearchBlock div.DataFilter2:after,.JobSearchBlock:after,#nav:after,#search:after,#footer:after,#header:after,.CenterZone:after,#desktopNav ul div.dropmenu .cta:after,#pageTop:after,.gn-menu-wrapper .searchBarContainer:after, #content:after,.Freeform:after,div.SegmentedSearch:after,.dataList.gridView .listTools:after,.dataList .listing .item div:after,.tools:after,.dataDetail .info:after,.SharePage:after,.OneCol:after,.searchJobs:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0.1em;line-height: 0;} /* responsive inputs */ .FormEditor input[type="text"], .LogIn input[type="text"], .UserAccount input[type="text"], .UserAccount input[type="password"], .LogIn input[type="password"]{width:95%;} /* responsive images */ .titanBody #center img,.titanBody #center embed,.titanBody #center object,.titanBody #center video, .titanBody #right img,.titanBody #right embed,.titanBody #right object,.titanBody #right video, .titanBody #bottom img,.titanBody #bottom embed,.titanBody #bottom object,.titanBody #bottom video{height:auto;max-width:100%;overflow:hidden;} /*.titanBody #center .teaserImage, .titanBody #right .teaserImage, .titanBody #bottom .teaserImage{max-width:100%;}*/ input::-ms-clear {display:none;} table th, table td{vertical-align:top;} hr{clear:both;} div.CenterZone div.OneCol div.image p,div.CenterZone div.TwoCol div.image p,div.CenterZone div.tocList div.image p, div.CenterZone div.OneCol div.image h4,div.CenterZone div.TwoCol div.image h4,div.CenterZone div.tocList div.image h4, div.CenterZone div.OneCol div.image span.hitCount,div.CenterZone div.TwoCol div.image span.hitCount,div.CenterZone div.tocList div.image span.hitCount, div.CenterZone div.OneCol div.image span.date,div.CenterZone div.TwoCol div.image span.date,div.CenterZone div.tocList div.image span.date, div.CenterZone div.OneCol div.image div.classifications,div.CenterZone div.TwoCol div.image div.classifications,div.CenterZone div.tocList div.image div.classifications, #centerZone div.Calendar div.OneCol div.image h1,#centerZone div.Calendar div.OneCol div.image h2,#centerZone div.Calendar div.OneCol div.image h3,#centerZone div.Calendar div.OneCol div.image h5,#centerZone div.Calendar div.OneCol div.image h6 #centerZone div.Calendar div.OneCol div.image ul,#centerZone div.Calendar div.OneCol div.image ol,#centerZone div.Calendar div.OneCol div.image blockquote{margin-left:0;} h3{margin-bottom:20px;} /* image float */ img.right, img.left{display:inline-block;padding:8px;} @media screen and (min-width: 500px){ img.right{float:right;margin:0 0 20px 20px;} img.left{float:left;margin:0 20px 20px 0;} } /* =================== experisrwd.css ===================== */ /* ========================================================================================== EVERY Device no matter of size === */ button {background:transparent;height:auto:width:auto;border:0;} .btn-label { font-size: 0; height: 1px; overflow: hidden; display: block; } /* === z-indices === */ #scrollTop{z-index:999;} .cbp-af-header{z-index:9980;} #desktopNav ul .megaMenu{z-index:999;} #jobSearch .inputs{z-index:900;} #content .cycle-pager{z-index:900;} #content .pager a{z-index:900;} .gn-open-all, .gn-open-part, .gn-icon, .gn-menu-main{position:relative;z-index:10000} #applicationBackground{z-index:10019;} #application{z-index:10020;} #officeLocatorBackground{z-index:10021;} #officeLocator{z-index:10022;} #modalBackground{z-index:10019;} #modalWindow{z-index:10020;} #center .tools .buttonsWrapper{z-index:999} #pageTop, #content{width:100%;clear:both;} #pageTop p{margin:0;padding:0;} @media screen and (min-width: 715px){#pageTop{width:98%;height:97px;}} /* content margin to large breakpoints */ @media screen and (min-width: 715px){#pageTop,.CenterZone,#footer,#jobSearch,#desktopNav div.CenterZone,.banner{margin-left:10px;margin-right:10px;}.JobSearch.CenterZone{margin:0;}} @media screen and (min-width:1032px){.banner{margin-left:0;margin-right:0;}} /* === page top === */ #pageTop {position:relative;} #logoControlContainer a {display:inline-block;} #logoControlContainer a:focus {border:1px dotted;} #logoControlContainer{float:left;padding:6px 0 6px 10px;} #logoControlContainer img{width:105px;} @media screen and (min-width: 715px){ #logoControlContainer{padding:20px 0 4px 0;} #logoControlContainer img{width:150px;} } /* fixed header */ .cbp-af-header {height:106px;position:fixed;top:0;left:0;width:100%;} @media screen and (min-width: 715px){.cbp-af-header .CenterZone{margin:0;}} /* small search */ #gn-menu *, #gn-menu *:after, #gn-menu *::before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} @media screen and (min-width: 715px){ #gn-menu{display:none;} } .gn-menu-wrapper .searchBarContainer{padding:5px 5px 5px 20px;width:77%;margin:10px 0;} @media screen and (min-width: 715px){ #gn-menu{width:80%;} } .gn-menu-wrapper .search{height:24px;width:24px} .gn-menu-wrapper .searchBarContainer .searchTerm{float:left;padding-top:4px;width:75%;} .gn-menu-wrapper .searchBarContainer .search{float:right;margin-top:-1px} .gn-menu-main, .gn-menu-main ul {list-style:none;margin:0;padding:0;} .gn-menu-main {float:right;height:53px;/*position:fixed;right:0;top:0;width:100%;*/} .gn-menu-main a, .gn-menu-main span{display:block;height:100%;} .gn-menu-main a, .gn-menu-main span, .gn-search-item{padding:0 18px;} .gn-menu-main .navItem .dropmenu a, .gn-menu-main .navItem .dropmenu span{padding:0 0 0 28px;} .gn-menu-main > li{display:block;float:left;height:100%;} .gn-menu-main li.gn-trigger {position:relative;width:60px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .gn-menu-main > li:last-child {float:right;} .gn-menu-main > li > a{padding:0 30px;} .gn-menu-main:after{clear:both;content:"";display:table;} .gn-menu-wrapper{bottom:0;/*left:0;*/right:0;overflow:hidden;position:fixed;top:53px;-webkit-transform:translateX(60px);-moz-transform:translateX(60px);transform:translateX(60px);-webkit-transform:translateX(60px);-moz-transform:translateX(60px);transform:translateX(60px);-webkit-transition:-webkit-transform 0.3s, width 0.3s;-moz-transition:-moz-transform 0.3s, width 0.3s;transition:transform 0.3s, width 0.3s;} .Firefox .gn-menu-wrapper,.Chrome .gn-menu-wrapper,.IE .gn-menu-wrapper{width:60px;} .gn-scroller{height:100%;overflow-y:scroll;position:absolute;width:423px;} .gn-submenu li{height:0;overflow:hidden;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;} .gn-menu .dropmenu{display:none;} .gn-menu-main .social ul, .gn-menu-wrapper .tools ul{/*text-align:center;*/padding-top:14px;width:340px;} .gn-menu-wrapper .tools ul{padding:10px 10px;} .gn-menu-main .social li, .gn-menu-wrapper .tools li{display:inline;margin:0 9px;} .gn-menu-main .social li a, .gn-menu-wrapper .tools li a{display:inline-block;padding:0;} .gn-menu-main .social li a img{height:46px;width:46px;} .gn-menu-wrapper .tools img{/* display:block;*/ margin-left:auto;margin-right:auto;} .gn-menu-main a.gn-icon-search {left:0;height:60px;position:absolute;top:0;} /*if an icon anchor has a span, hide the span */ .gn-icon span{display:block;height:0;overflow:hidden;width:0;} /* styles for opening menu */ .gn-menu-wrapper.gn-open-all, .gn-menu-wrapper.gn-open-part {/*display:inline-block;*/-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transform: translateX(0px);} .gn-menu-wrapper.gn-open-all{width:340px} .gn-menu-wrapper.gn-open-all .gn-submenu li{height:60px} @media screen and (max-width: 422px){ .gn-menu-main .social ul, .gn-menu-wrapper .tools ul{width:90%;/*margin-left:-5%;*/} .gn-menu-wrapper.gn-open-all {width:100%;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transform: translateX(0px);} .gn-menu-wrapper.gn-open-all .gn-scroller{width: 130%} } .gn-menu-wrapper .searchBarContainer input[type="text"] {width: 220px;} /* === search jobs bar === */ #jobSearch{position:relative;} div.JobSearch.CenterZone div.DataFilter2 fieldset{width:auto;} div.DataList.JobSearchBlock div.DataFilter2 fieldset .input, div.DataList.JobSearchBlock div.DataFilter2{overflow:visible;} .searchJobs, /*.advancedButton,*/ .advanced{display:none;} .jobButton{padding:13px 0;margin:-5px;} .jobButton span{display:block;margin:0 auto;width:200px} .jobButton span span{display:none;} .JobSearchBlock .searchJobs{display:none;padding:15px 5px 5px 2%;margin-top:-5px} @media screen and (min-width: 715px){ .jobButton{display:none;} .s, .jobsSearch{float:left;display:block;} .advanced{display:none;} .advancedButton{display:block;} .JobSearchBlock .searchJobs{display:block;padding:15px 5px 5px 5%;margin-top:0px;} } div.DataList.JobSearchBlock div.DataFilter2 .searchJobs fieldset{clear:none;float:left;margin-right:10px;position:relative;margin-bottom:18px;} .JobSearchBlock .searchJobs fieldset.keywords, .JobSearchBlock .searchJobs fieldset.zip{padding:4px 5px 0 5px;height:24px;} .Safari .JobSearchBlock .searchJobs fieldset.keywords, .Safari .JobSearchBlock .searchJobs fieldset.zip{padding:2px 5px 0 5px;height:27px;} div.DataList.JobSearchBlock div.DataFilter2 .searchJobs fieldset.keywords{width:80%;} div.DataList.JobSearchBlock div.DataFilter2 .searchJobs fieldset.zip{width:34%;} .Chrome .JobSearchBlock .searchJobs fieldset.keywords, .Chrome .JobSearchBlock .searchJobs fieldset.zip{padding:2px 5px 3px 5px;} .JobSearchBlock .searchJobs fieldset.keyword input{width:100%;} @media screen and (min-width: 715px){ /* .s{width:60%;} div.DataList.JobSearchBlock div.DataFilter2 .searchJobs fieldset.keywords{width:80%;margin-right:0;} div.DataList.JobSearchBlock div.DataFilter2 .searchJobs fieldset.zip{width:34%;} div.DataList.JobSearchBlock div.DataFilter2 .searchJobs fieldset.zip{clear:left;} */ } @media screen and (min-width:715px){ .s{width:auto} div.DataList.JobSearchBlock div.DataFilter2 .searchJobs fieldset.keywords{width:47%;margin-right:10px;} div.DataList.JobSearchBlock div.DataFilter2 .searchJobs fieldset.zip{clear:none;width:12%;} } .JobSearchBlock .searchJobs fieldset .head{display:block;height:22px;padding:7px 35px 0 5px;} .JobSearchBlock .head{clear:none;margin-top:0;overflow:hidden;} .JobSearchBlock .radius .head{width:70px;} .JobSearchBlock .jobType .head{width:80px;} .JobSearchBlock .industry .head{width:145px;} div.DataList.JobSearchBlock div.DataFilter2 .searchJobs fieldset div.head h4 {display:block;float:none;height:17px;width:auto;} .JobSearchBlock .head h4, .JobSearchBlock .searchJobs fieldset .head span, .JobSearchBlock .keyword input{overflow:hidden;} .JobSearchBlock .searchJobs fieldset .head a, .JobSearchBlock div.DataFilter2 .searchJobs fieldset .inputs .uses, .JobSearchBlock .searchJobs fieldset.keyword .head {display:none;} div.DataList.JobSearchBlock div.DataFilter2 .input, div.DataList.JobSearchBlock div.DataFilter2, .JobSearchBlock div.DataFilter2 .searchJobs fieldset .inputs, .JobSearchBlock div.DataFilter2 .searchJobs fieldset .inputs *{margin:0;padding:0;} div.DataList.JobSearchBlock div.DataFilter2 fieldset .inputs{display:none;left:0;margin:0;max-height:130px;overflow-y:auto;overflow-x:hidden;padding:0;position:absolute;top:28px;width:100%;} .JobSearchBlock div.DataFilter2 .searchJobs fieldset .inputs .item{display:block;padding:5px 15px 5px 5px;} /*.JobSearchBlock div.DataFilter2 .searchJobs fieldset .inputs .viewport .overview .item{width:81%}*/ .JobSearchBlock .searchJobs .advanced{clear:both;} .advancedButton{float:left;margin-left:5%;padding:5px 30px 5px 10px;position:relative;top:-15px;} #jobSearch.open .advancedButton{display:block;} @media screen and (min-width: 715px){ .advancedButton{float:left;margin-left:10%} } .jobsSearch{clear:both;display:line-block;margin:0 0 15px 0;padding:7px 10px;-webkit-appearance: none;} .Safari .jobsSearch{padding:11px;} @media screen and (min-width: 715px){ .searchJobs{height:100%;position:relative;} .jobsSearch{bottom:35px;clear:none;left:61%;margin:-3px 0 0 -40px;position:static;} } @media screen and (min-width: 806px){ .jobsSearch{margin-bottom:0;margin-top:-3px;margin-left:-40px;position:static} } /* === scroll to top widget === */ #scrollTop{bottom:20px;cursor:pointer;height:40px;position:fixed;right:5px;width:40px;} /* === blocks === */ /* search jobs list */ /* #center div.DataList.JobSearchBlock div.item{clear:none;} .DataList.JobSearchBlock .item div{clear:both;margin:0 0 6px 0;} .DataList.JobSearchBlock .item h4{clear:both;margin:0 0 10px 0;} .DataList.JobSearchBlock .item.fullSummary h4{height:auto;padding:0 0 5px 0;} #center div.DataList.JobSearchBlock .listingTools{padding:0;} div.DataList .DataListing div.listingTools div.sorter ul li {margin-left:15px;} div.DataList .DataListing .loading{margin:10px 0} @media screen and (min-width:400px){ .DataList.JobSearchBlock .item h4{height:35px;margin:0 0 3px 0;overflow:hidden;padding:0;} .Chrome .DataList.JobSearchBlock .item h4{height:34px;} .DataList.JobSearchBlock .item.fullSummary .jobInfo{width:95%} } @media screen and (min-width:600px){ div.DataList .DataListing div.listingTools div.sorter ul li {margin-left: 27px;} } .DataList.JobSearchBlock .item .jobType .label, .DataList.JobSearchBlock .item .location span + .label, .DataList.JobSearchBlock .item .industry, .DataList.JobSearchBlock .item .careerLevel, .DataList.JobSearchBlock .item .education, .DataList.JobSearchBlock .item .travel, .DataList.JobSearchBlock .item .summaryMobile, .DataList.JobSearchBlock .item .summaryDesktop, .DataList.JobSearchBlock .item .buttons, .DataList.JobSearchBlock .item .category2, .DataList.JobSearchBlock .item .daysApart, .DataList.JobSearchBlock .item .location .label{display:none;} .DataList.JobSearchBlock .item.fullSummary .distance:before, .DataList.JobSearchBlock .item .daysApart:before{content:'- ';} .DataList.JobSearchBlock .item .location .label, .DataList.JobSearchBlock .item .posted .label{display:block;} .DataList.JobSearchBlock .item .posted .date, .DataList.JobSearchBlock .item.fullSummary .location .cityState{margin-right:3px;} .DataList.JobSearchBlock .item .location span.distance{display:block;} .DataList.JobSearchBlock .item.fullSummary .location span.distance{display:inline-block;} .DataList.JobSearchBlock .item.fullSummary .location .label + span, .DataList.JobSearchBlock .item .posted .label + span {float:left;} .DataList.JobSearchBlock .item.fullSummary .buttons{clear:both;display:block;} .DataList.JobSearchBlock .buttons .button{float:left;clear:both;margin:4px;} .DataList.JobSearchBlock .buttons .button a{display:block;padding:5px 30px 5px 10px;} .topButtons {padding:30px 0 0 0} .DataList.JobSearchBlock .buttons .button.share{display:none;} .JobSearchBlock .infiniteListFooter a{display:inline-block;margin:10px 0 20px 0;padding:10px 12px;} .DataList.JobSearchBlock .loading{margin-bottom:20px;} .titanBody .DataList.JobSearchBlock .DataListing .fullSummary p{height:4rem;margin-top:30px;} .titanBody .DataList.JobSearchBlock .DataListing .fullSummary .label{display:none;} .DataList.JobSearchBlock .item.fullSummary p.summaryMobile{clear:both;display:block;float:none;height:8rem;margin:0 0 10px 0;padding:0;overflow:hidden;} .DataList.JobSearchBlock .item.fullSummary div.jobType {clear:both;} #center .DataList.JobSearchBlock{padding:91px 0 50px 0;} @media screen and (min-width:715px){ #center .DataList.JobSearchBlock{padding:40px 0 50px 0;} } @media screen and (min-width: 400px){ .DataList.JobSearchBlock .item.fullSummary p.summaryMobile{display:none;} .DataList.JobSearchBlock .jobInfo{float:left;} .DataList.JobSearchBlock .item.fullSummary .summaryMobile, .DataList.JobSearchBlock .item.fullSummary .category, .DataList.JobSearchBlock .item.fullSummary .industry, .DataList.JobSearchBlock .item .category2, .DataList.JobSearchBlock .item .fullSummary .location .label{display:none;} .DataList.JobSearchBlock .item.fullSummary .education, .DataList.JobSearchBlock .item.fullSummary .travel, .DataList.JobSearchBlock .item.fullSummary .careerLevel, .DataList.JobSearchBlock .item.fullSummary .summaryDesktop, .DataList.JobSearchBlock .item.fullSummary .category2, .DataList.JobSearchBlock .item.fullSummary .buttons, .DataList.JobSearchBlock .item.fullSummary .posted, .DataList.JobSearchBlock .item.fullSummary .location, .DataList.JobSearchBlock .item.fullSummary .daysApart{display:block;} .DataList.JobSearchBlock .item.fullSummary .category2, .DataList.JobSearchBlock .item.fullSummary .location, .DataList.JobSearchBlock .item.fullSummary .education, .DataList.JobSearchBlock .item.fullSummary .travel, .DataList.JobSearchBlock .item.fullSummary .careerLevel, .DataList.JobSearchBlock .item.fullSummary .jobType, .DataList.JobSearchBlock .item.fullSummary .posted, .DataList.JobSearchBlock .item.fullSummary .posted .date, .DataList.JobSearchBlock .item.fullSummary .daysApart{float:left;clear:none;margin-right:20px;} .DataList.JobSearchBlock .item.fullSummary .posted{margin-right:0;} .DataList.JobSearchBlock .item.fullSummary .label{display:inline-block;width:auto;margin-right:5px;} .DataList.JobSearchBlock.item.fullSummary .location span + .label + span{width:auto;} .DataList.JobSearchBlock .item p{padding:0;clear:both;margin:8px 0;} .DataList.JobSearchBlock .item.fullSummary .posted .date{float:left;width:auto;margin-right:5px;} } #center div.DataList.JobSearchBlock div.item, #center div.DataList.JobSearchBlock div.item:before, #center div.DataList.JobSearchBlock div.item:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} div.DataList.JobSearchBlock div.ColOne div.item{padding:3%;margin:4% 3%;} @media screen and (min-width:400px){ div.DataList.JobSearchBlock div.ColOne div.item{float:left;height:190px;margin:1%;padding:1%;width:48%;} div.DataList.JobSearchBlock div.ColOne div.item.fullSummary {width:98%} } @media screen and (min-width:715px){ div.DataList.JobSearchBlock div.ColOne div.item{width:31%;} div.DataList.JobSearchBlock div.ColOne div.item.fullSummary {width:64%} } @media screen and (min-width:850px){ div.DataList.JobSearchBlock div.ColOne div.item{width:23%;} div.DataList.JobSearchBlock div.ColOne div.item.fullSummary {width:73%} } @media screen and (min-width:1022px){ div.DataList.JobSearchBlock div.ColOne div.item.item{width:18%;} .Chrome div.DataList.JobSearchBlock div.ColOne div.item.item{margin:.5%;width:19%;} div.DataList.JobSearchBlock div.ColOne div.item.fullSummary{width:58%} .Chrome div.DataList.JobSearchBlock div.ColOne div.item.fullSummary {width:59%} } */ /* block bckgrounds */ .greenBlockBackground, .wrapme .greenBlockBackground{padding:60px 3%;} .greenBlockBackground h3{margin-bottom:30px;} .wrapme .blueBlockBackground, .blueBlockBackground{padding:0 3%;} .blueBlock .first{margin-bottom:10px;padding-top:35px;} .blueBlock .last{margin-top:20px;padding-bottom:25px;} .greyBlockBackground, .wrapme .greyBlockBackground{padding:55px auto 36px auto;} div.Aggregation.blueBlockBackground.float4 div.OneCol div.image .otherStuff h4{margin:0;} @media screen and (min-width:715px){ .greenBlockBackground, .wrapme .greenBlockBackground{padding:60px 0;} .wrapme .blueBlockBackground, .blueBlockBackground{padding-left:0;padding-right:0;} .greyBlockBackground, .wrapme .greyBlockBackground{padding:55px 0 36px 30;} } /* float 2 - mainly for paragraphs and ul in freeform */ @media screen and (min-width:680px){ .float2Paragraph p, .float2Paragraph ul{clear:none;float:left;margin:0 5% 0 0;width:42%;} .float2Paragraph ul{margin-left:0;width:41%;} } @media screen and (min-width:715px){ .float2{clear:none;float:left;margin:0 5% 0 0;width:46%;} .SharePage.CenterZone .float2.CenterZone + .float2.CenterZone{margin-right:0;} .SharePage.CenterZone .float2.SharePage.CenterZone{margin-left:0;} } @media screen and (min-width:835px){ .float2Paragraph p, .float2Paragraph ul{clear:none;float:left;margin:0 5% 0 0;width:43%;} .float2Paragraph ul{margin-left:0;width:41%;} } @media screen and (min-width: 1032px){ .SharePage.CenterZone .float2.CenterZone, .SharePage.CenterZone .float2.SharePage.CenterZone{margin:0 3%;width:46%;} .SharePage.CenterZone .float2.CenterZone + .float2.CenterZone{margin-right:0;} .SharePage.CenterZone .float2.SharePage.CenterZone{margin-left:0;} .SharePage.CenterZone .float2.SharePage.CenterZone .CenterZone{width:100%;} } /* job feed - feedreader */ .JobFeed .Freeform:first-child, .JobFeed .Freeform h3{padding-bottom:0;margin-bottom:0;} .JobFeed .DataListing div.ColOne div.item{border:0;margin-bottom:5px;padding-bottom:0;overflow:hidden;} .JobFeed .Freeform a{padding-left:18px;} .JobFeed .shortFeedLocation, .JobFeed .shortJobInfo{margin:0;padding:0;} /* regular filters */ .Aggregation .OneCol .image{margin-bottom:50px;} .Aggregation .OneCol .image.lastImage{margin-bottom:0;} div.Aggregation div.AggregationResults div.TwoCol div{float:none;width:100%} div.Aggregation div.OneCol div.image a.teaserImage{margin-right:6%} div.Aggregation div.OneCol div.image .otherStuff{width:100%;} @media screen and (min-width:500px){ div.Aggregation div.OneCol div.image .otherStuff{width:64%;} } @media screen and (min-width:715px){ div.Aggregation div.OneCol div.image a.teaserImage{margin-right:12%} div.Aggregation div.OneCol div.image .otherStuff{width:65%;} } div.Aggregation div.OneCol div.image .otherStuff h4{margin-bottom:10px;} /* float four filters */ div.Aggregation.float4 .image{margin-bottom:50px;} div.Aggregation.float4.roundImages .image{margin-bottom:20px;} div.Aggregation.float4 .image.lastImage{margin-bottom:30px;} div.Aggregation.float4.roundImages .image.lastImage{margin-bottom:10px;} div.Aggregation.float4 div.OneCol a.teaserImage, div.Aggregation.float4 div.OneCol div.otherStuff{clear:both;float:none;margin:0;padding:0;} div.Aggregation.float4 div.OneCol div.image a.teaserImage{margin-bottom:0;margin-right:0;} div.Aggregation.float4.roundedImages div.OneCol div.image a.teaserImage{width:auto;} div.Aggregation.float4.roundImages div.OneCol div.image a.teaserImage{display:block;display:table;margin-left:auto;margin-right:auto;} div.Aggregation.float4.roundImages div.OneCol div.image a.teaserImage img{display:block;margin-left:auto;margin-right:auto;} div.Aggregation.float4 div.OneCol div.otherStuff{width:100%;} div.Aggregation.float4 div.OneCol div.image .otherStuff h4{margin-bottom:16px;} @media screen and (min-width:500px){ .Aggregation.float4 .image{clear:none;float:left;padding:0 4%;width:41%;} .Aggregation.float4 .image + .image + .image{clear:both;} .Aggregation.float4 .image + .image + .image + .image{clear:none;} .Aggregation.float4 .image + .image + .image, div.Aggregation.float4 .image.lastImage, .Aggregation.float4.roundImages .image + .image + .image, div.Aggregation.float4.roundImages .image.lastImage{margin-bottom:15px;} div.Aggregation.float4.roundImages .image{margin-bottom:50px;} } @media screen and (min-width:800px){ div.Aggregation.float4 .image, div.Aggregation.float4.roundImages .image, .Aggregation.float4.roundImages .image + .image + .image, div.Aggregation.float4.roundImages .image.lastImage{margin-bottom:0;} .Freeform.float4, .Aggregation.float4 .image{clear:none;float:left;margin-bottom:0;padding:0 2%;width:21%;} .Freeform.float4:first-child{clear:left;} .redFilter.float4 .image{width:20.5%;} .Aggregation.float4 .image + .image + .image{clear:none;} } @media screen and (min-width:1032px){.SharePage.CenterZone .float4.CenterZone{margin:0 1%;width:23%;}} /* red filters - can be combined use with float4 */ div.Aggregation.redFilter div.OneCol div.image .otherStuff h4{margin-bottom:0;} div.Aggregation.redFilter div.OneCol div.image{padding-bottom:20px} @media screen and (min-width:500px){ div.Aggregation.redFilter div.OneCol div.image{padding-bottom:0} } #content .pager, .Aggregation.banner .AggregationResults, .Aggregation.banner .AggregationResults .data , .Aggregation.banner .AggregationResults .data .OneCol, .Aggregation.banner .AggregationResults .data .OneCol .image{margin:0;padding:0;} .Aggregation.banner{padding-left:0;padding-right:0;margin-top:60px;} .Aggregation.banner .AggregationResults .data .OneCol .image{margin:0;padding:0;width:100%;} .Aggregation.banner .AggregationResults .data .OneCol .image .teaserImage{height:150px;background-repeat:no-repeat;background-position:right top;display:block;background-size:510px} .Aggregation.banner .AggregationResults .data .OneCol .image .otherStuff{position:absolute;top:5%;left:2%;width:97.5%} .Aggregation.banner .AggregationResults .data .OneCol .image .otherStuff h4:first-child{display:none;} .Aggregation.banner .AggregationResults .data .OneCol .image .otherStuff h4{margin-bottom:3.25%} .Aggregation.banner .AggregationResults .data .OneCol .image .otherStuff .orangeButton{margin-left:5%;float:left;margin-bottom:5px;} #content .pager{display:none;} #content .cycle-pager{margin-bottom:0;margin-right:-30px;right:50%;bottom:-3px;position:absolute;} @media screen and (min-width:350px){ .Aggregation.banner .AggregationResults .data .OneCol .image .otherStuff{top:8%;left:2%;width:75%} .Aggregation.banner .AggregationResults .data .OneCol .image .otherStuff h4{margin-bottom:5%} .Aggregation.banner .AggregationResults .data .OneCol .image .otherStuff .orangeButton{margin-left:8%;} } @media screen and (min-width:500px){ .Aggregation.banner .AggregationResults .data .OneCol .image .teaserImage{height:200px;background-size:700px} .Aggregation.banner .AggregationResults .data .OneCol .image .otherStuff{top:12%;left:5%;width:53%} .Aggregation.banner .AggregationResults .data .OneCol .image .otherStuff h4{margin-bottom:10%} .Aggregation.banner .AggregationResults .data .OneCol .image .otherStuff .orangeButton{margin-left:12%;} } @media screen and (min-width: 715px){ #content .pager, .Aggregation.banner, .Aggregation.banner .AggregationResults, .Aggregation.banner .AggregationResults .data , .Aggregation.banner .AggregationResults .data .OneCol, .Aggregation.banner .AggregationResults .data .OneCol .image{margin-bottom:0;padding-bottom:0;} .Aggregation.banner{margin-top:0;} .Aggregation.banner .AggregationResults .data .OneCol .image .otherStuff{position:absolute;top:17%;left:12%;width:53%} .Aggregation.banner .AggregationResults .data .OneCol .image .otherStuff h4{margin-bottom:6%} .Aggregation.banner .AggregationResults .data .OneCol .image .otherStuff .orangeButton{margin-left:11%;} .Aggregation.banner .AggregationResults .data .OneCol .image{background:#858585;border-radius:8px;padding:6px;width:99%;height:auto;} .Aggregation.banner .AggregationResults .data .OneCol .image .teaserImage{border-radius:5px;background-size:100%;height:0;padding-bottom:33%;width:auto;} #content .pager{display:block;height:0px;} #content .pager a{display:inline-block;height:15%;position:absolute;top:46%;width:5%;} #content .pager a#prev{left:2%;} #content .pager a#next{right:2%;} #content .cycle-pager{bottom:2%;} } /* buttons */ .redFilter .linkText{margin-top:8px;} .redFilter .linkText a{display:inline-block;padding:2px 25px 4px 10px;} .orangeButton, .redButton, .blueButton{display:inline-block;padding:13px 15px;} .banner .orangeButton, .banner .redButton, .banner .blueButton{padding:8px 10px;} @media screen and (min-width: 715px){ .banner .orangeButton, .banner .redButton, .banner .blueButton{display:inline-block;padding:10px 20px;} } @media screen and (min-width: 900px){ .banner .orangeButton, .banner .redButton, .banner .blueButton{display:inline-block;padding:13px 24px;} } /* twitter block */ div[data-twttr-id*="twttr-sandbox"]{margin:0 8%;} @media screen and (min-width: 715px){div[data-twttr-id*="twttr-sandbox"]{margin:0 3%;}} /* accordion */ .accordionButton{float:left;margin:0 0 3px 0;width:100%;} .accordionButtonText{display:block;margin:7px 0px 7px 10px;padding:0 0 0 20px;} .accordionContent{float:left;width:100%;} .accordionContentInner{margin:20px;} .accordionContentInner p.description{margin:4px 0 0 0;padding:7px 10px;} .accordionContentInner td{padding:10px 0;} .accordionContentInner td ul{margin:0;padding:0 0 0 15px} /* .accordionContentInner ul{margin:0 0 20px 0;padding:0;} .accordionContentInner ul li {margin:0 0 10px 10px padding:0;} .accordionContentInner ul li a:link, .accordionContentInner ul li a:visited {display:block;margin:0;padding:0 0 0 15px;} */ .accordionContentInner h3 {margin:0px;padding:0px;} /* .accordionContentInner.list ul {list-style:none;margin:10px 0 10px 0px;padding:0px;} .accordionContentInner.list li {display:block;margin:10px 0;padding:0 0 0 12px;} .accordionContentInner.list ul ul {margin:10px 0 10px 20px;} */ /* greg links */ .greyLinks h4{margin:10px 0 16px 0;} /* float images */ @media screen and (min-width: 715px){ .floatLeft{float:left;margin:0 10px 10px 0;} .floatRight{float:right;margin:0 0 10px 10px;} } /* office locator */ /* #officeLocatorBackground{display:block;height:100%;position:fixed;width:100%;} #officeLocator{display:block;box-sizing:border-box;-moz-box-sizing:border-box;margin-top:20px;overflow:hidden;padding:30px 0 10px 0;position:fixed;width:auto;} #officeLocatorClose{height:16px;position:absolute;top:8px;right:10px;width:46px;} #officeLocator div{padding:0 0 10px 0;overflow:hidden;} #officeLocator iframe{height:100%;width:100%;} #officeLocator{height:95%;margin-top:5px;margin-left:2%;width:96%;} @media screen and (min-width:500px){ #officeLocator{height:85%;margin-top:3%;margin-left:0;padding:30px 10px 10px 5px;width:89%;} } @media screen and (min-width:1032px){ #officeLocator{height:600px;width:930px;} } */ /* ========== Modal Windows ============ */ #modalBackground{display:block;height:100%;position:fixed;width:100%;} #modalWindow{ display:block; box-sizing:border-box; -moz-box-sizing:border-box; margin:10px auto;left:0;right:0; overflow:hidden; padding:20px; position:fixed; /*overflow-y: scroll; -webkit-overflow-scrolling: touch; */ } #modalWindowClose{height:34px;position:absolute;top:5px;right:5px;width:34px;} #modalWindowContent {height:100%;border:0px solid blue} #modalWindow iframe{height:100%;width:100%;border:1px solid red} /* == New Modal Classes == */ #modalWindow.officeLocatorModal {width:300px;height:95%;} #modalWindow.officeLocatorMobileModal {width:300px;height:95%;padding:0} #modalWindow.applicationModal {width:94%;height:95%; } #modalWindow.browserSnifferModal {} #modalWindow.privacyModal {width:90%;height:90%;} #modalWindow.termsOfUseModal {width:90%;height:90%;} @media screen and (min-width:500px){ #modalWindow.applicationModal {width:500px;height:310px;margin-top:20px} #modalWindow #applicationContents #ResumeTypeText #ResumeText {width:384px} } @media screen and (min-width:700px){ #modalWindow.privacyModal, #modalWindow.termsOfUseModal {width:85%;height:85%;margin-top:20px} #modalWindow.applicationModal {margin-top:20px} } @media screen and (min-width:1020px){ #modalWindow.officeLocatorModal {height:550px;width:960px;margin-top:20px} #modalWindow.privacyModal, #modalWindow.termsOfUseModal {width:860px;margin-top:20px} } /* tiny scroller */ #scrollbar1{clear:both;margin:0 10px 0 0;width:186px;} #scrollbar1 .viewport{height:130px;overflow:hidden;position:relative;width:185px;} #scrollbar1 .overview{left:0;list-style:none;position:absolute;top:0;} #scrollbar1 .scrollbar{float:right;position:relative;width:15px;z-index:1000;} #scrollbar1 .track{height: 100%;padding:0 1px;position:relative;width:13px;} #scrollbar1 .thumb {height:20px;overflow:hidden;position:absolute;top:0;width:13px;} #scrollbar1 .thumb .end {display:none;height:5px;overflow:hidden;width:13px;} #scrollbar1 .disable{display:none;} .noSelect {user-select:none;-o-user-select: none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;} div.DataList.JobSearchBlock div.DataFilter2 fieldset #scrollbar1.inputs{overflow-y:hidden;} div.DataList div.DataFilter2 #scrollbar1.inputs div{overflow:visible;} /* =============== Application Form ====================== */ #modalWindow #applicationContents { margin-top: -5px; width: auto; position:relative; } #modalWindow #applicationContents div {margin:0;padding:0;float:left;} #modalWindow #applicationContents label {font-weight:bold;} #modalWindow #applicationContents label{color:#999} #modalWindow #applicationContents label {font-size:14px;font-size:1.4rem;line-height:16px;line-height:1.6rem;} #modalWindow #applicationContents input[type="submit"] {font-size:15px;font-size:1.5rem;line-height:15px;line-height:1.5rem;color:#fff;margin:10px 0 5px 0;-webkit-appearance: none;} #modalWindow #applicationContents input[type="submit"], #modalWindow #applicationContents input[type="submit"]:hover, #modalWindow #applicationContents input[type="submit"]:focus, #modalWindow #applicationContents input[type="submit"]:active {text-decoration:none;} #modalWindow #applicationContents input[type="text"] { color:#666; width:170px; margin:10px 15px 10px 0; font-size:15px;font-size:1.5rem; line-height:17px;line-height:1.7rem; } #modalWindow #applicationContents #LastName, #modalWindow #applicationContents #PhoneNumber {margin-right:0;} #modalWindow #applicationContents input[type="text"], #modalWindow #applicationContents textarea {border:1px solid #999;border-radius:4px;padding:4px;} #ResumeTypeRadio, #ResumeTypeRadioValues, #ResumeTypeFile, #ResumeTypeText, #applicationButtons, #applicationStatus {clear:both;} #modalWindow #applicationContents #ResumeTypeText {width:100%} #modalWindow #applicationContents #applicationStatus {margin-top:30px;border:0px} #modalWindow #applicationContents input.applicationDefault:focus { border:1px solid #000; box-shadow: 0 0 5px rgba(100, 100, 100, 1); -webkit-box-shadow: 0 0 5px rgba(100, 100, 100, 1); -moz-box-shadow: 0 0 5px rgba(100, 100, 100, 1); } #modalWindow #applicationContents input.applicationDefault.error, #modalWindow #applicationContents textarea.error, #modalWindow #applicationStatus.error { border:1px solid #c94e36; background: #fff; box-shadow: 0 0 5px #c8504f; -webkit-box-shadow: 0 0 5px #c8504f; -moz-box-shadow: 0 0 5px #c8504f; color:#c94e36; } .application-error, .application-success {color:#fff;} #modalWindow #applicationContents input.applicationValid {border:1px solid #36ac62;color:#000} #modalWindow #applicationContents #ResumeTypeRadio {margin:3px 0;padding:0;} #modalWindow #applicationContents #ResumeTypeRadio span {color:#555; font-size:15px;font-size:1.5rem;line-height:17px;line-height:1.7rem;display:block;border-bottom:1px solid #ddd;} #modalWindow #applicationContents #ResumeTypeRadioValues div {color:#777;margin:0 10px 0 0;padding:0;width:80px;float:left;} #modalWindow #applicationContents #ResumeTypeRadioValues div {margin:3px 0; padding:0;} #modalWindow #applicationContents #ResumeTypeRadioValues div input {margin:3px 7px 0 0;padding:0;width:18px;} #modalWindow #applicationContents #ResumeFile {width:100%;} /* ========================================================================================== breakpoint === */ @media screen and (min-width: 1032px){ #pageTop, .CenterZone, #footer, #jobSearch, /*#desktopNav div.CenterZone,*/ #banner{margin:0 auto;width:1002px;} .JobSearch.CenterZone{width:100%;} .SharePage.CenterZone .float2.CenterZone{margin:0 3%;width:44%;} .SharePage.CenterZone .float4.CenterZone{margin:0 1%;width:23%;} /* content pages */ #mainContent{margin:0 auto;width:1002px;} #mainContent .CenterZone{margin:0;width:auto;} } /* ======================== experisrwd_styles.css ====================== */ /* === font families === */ .titanBody,.mainBody,#mainBody,.Freeform,.FormEditor,.FAQ, .titanBody input,.titanBody select,.titanBody textarea, .mainBody input,.mainBody select,.mainBody textarea, .FAQ input,.FAQ select,.FAQ textarea, .FormEditor input,.FormEditor select,.FormEditor textarea, .Freeform input,.Freeform select,.Freeform textarea{font-family:Verdana,Arial,sans-serif;} /* === font sizes - line-height === */ .titanDisplay{font-size:62.5%;} /* sets rem size to match px */ .titanBody{font-size:15px;font-size:1.5rem;line-height:20px;line-height:2rem;} .accordionContentInner sup {font:4px/0px arial,helvetica, sans-serif; } #modalWindowClose a, /* .FormEditor input[type="button"], */ #top, #mainContent .imageCallout p a span{font-size:0;} #top{line-height:0;} .titanBody .gn-menu-wrapper .tools a, .titanBody .gn-menu-wrapper .tools ul{font-size:14px;font-size:1.4rem;line-height:17px;line-height:1.7rem;} #footer .tools ul, #footer .copy{font-size:12px;font-size:1.2rem;} .advancedButton, h6, .titanBody .DataList.JobSearchBlock .DataListing, .DataDetail .oneDetail .linkText a, .DataDetail .oneDetail .item .detailSummary .info div{font-size:13px;font-size:1.3rem;line-height:16px;line-height:1.6rem;} h5, .redFilter .linkText, .employer, .titanBody .DataList.JobSearchBlock .DataListing .fullSummary p, #applicationContents label, #applicationContents input, .accordionContentInner h3, #mainContent h6{font-size:14px;font-size:1.4rem;line-height:16px;line-height:1.6rem;} @media screen and (max-width:865px) { .titanBody #employerHeader div p{font-size:1.4rem;line-height:1.6rem;} } #desktopNav ul .megaMenu ul a, .jobsSearch, #jobwrapper input, .JobSearchBlock div.DataFilter2 fieldset div.head h4, .JobSearchBlock div.DataFilter2 fieldset div.inputs, .infiniteListFooter, .DataDetail .oneDetail .buttonWrapper .buttons .button, #applicationContents input[type="submit"], .searchBarContainer .searchTerm{font-size:15px;font-size:1.5rem;line-height:15px;line-height:1.5rem;} #mainContent h5{font-size:16px;font-size:1.6rem;line-height:18px;line-height:1.8rem;} .gn-menu-main .navItem .dropmenu a, .DataList.JobSearchBlock .item h4 a, #mainContent{font-size:16px;font-size:1.6rem;line-height:20px;line-height:2em;} #mainContent{line-height:24px;line-height:2.4rem;} .DataList.JobSearchBlock .item h4, .DataList.JobSearchBlock .item h4 a, .gn-menu-wrapper .searchBarContainer .searchTerm{line-height:16px;line-height:1.6rem;} .titanDisplay .DataDetail, .titanDisplay .DataDetail .detailWrapper span, .titanDisplay .DataDetail .detailWrapper ul{font-size:16px!important;font-size:1.6rem!important;line-height:24px!important;line-height:2.4rem!important;}/* important to override what someone did inline */ #desktopNav ul .megaMenu .cta, h4, #mainContent h4{font-size:17px;font-size:1.7rem;line-height:19px;line-height:1.9rem;} #employerHeader div p, #desktopNav ul li.item > a, .OneCol h4 a, .TwoCol h4 a, /* .FormEditor p, .FormEditor input[type="text"], */ .gn-menu{font-size:18px;font-size:1.8rem;line-height:21px;line-height:2.1rem;} #desktopNav ul .megaMenu .cta, #employerHeader div p{line-height:20px;line-height:2rem;} #mainContent h3{font-size:19px;font-size:1.9rem;line-height:21px;line-height:2.1rem;} h2{font-size:19px;font-size:1.9rem;line-height:22px;line-height:2.2rem;} .titanDisplay .jobButton{font-size:20px;font-size:2rem;line-height:20px;line-height:2rem;} #mainContent .imageCallout p + p a {font-size:20px;font-size:2rem;line-height:26px;line-height:2.6rem;} h1{font-size:21px;font-size:2.1rem;line-height:21px;line-height:2.1rem;} #mainContent h2{font-size:22px;font-size:2.2rem;line-height:24px;line-height:2.4rem;} div.Aggregation.blueBlockBackground.float4 div.OneCol div.image .otherStuff h4, div.Aggregation.blueBlockBackground.float4 div.OneCol div.image .otherStuff h4 a, .orangeButton, .redButton, .blueButton, .JobFeed .Freeform h3, .twitter h3, #top h1 span{font-size:24px;font-size:2.4rem;line-height:24px;line-height:2.4rem;} .Quote{font-size:24px;font-size:2.4rem;line-height:28px;line-height:2.8rem;} .greenBlockBackground p, .greenBlockBackground ul{font-size:16px;font-size:1.6rem;line-height:24px;line-height:2.4rem;} .banner .orangeButton, .banner .redButton, .banner .blueButton{font-size:14px;font-size:1.4rem;line-height:14px;line-height:1.4rem;} @media screen and (min-width: 300px){ .banner .orangeButton, .banner .redButton, .banner .blueButton{font-size:16px;font-size:1.6rem;line-height:16px;line-height:1.6rem;} } @media screen and (min-width: 500px){ .banner .orangeButton, .banner .redButton, .banner .blueButton{font-size:2.6vw;line-height:2.8vw;} } @media screen and (min-width: 1032px){ .banner .orangeButton, .banner .redButton, .banner .blueButton{font-size:2.6rem;line-height:2.8rem;} } #center .DataList.JobSearchBlock .item.fullSummary h4, #center .DataList.JobSearchBlock .item.fullSummary h4 a{font-size:17px;font-size:1.7rem;line-height:17px;line-height:1.7rem;} .titanDisplay .DataDetail h1{font-size:24px;font-size:2.4rem} .cycle-pager span, h3{font-size:30px;font-size:3rem;line-height:30px;line-height:3rem;} .redFilter h3{font-size:36px;font-size:3.6rem;line-height:36px;line-height:3.6rem;} .banner h4{font-size:22px;font-size:2.2rem;line-height:26px;line-height:2.6rem;} @media screen and (min-width: 600px){.banner h4{font-size:4.4vw;line-height:4.8vw;}} @media screen and (min-width: 950px){.banner h4{font-size:4.4rem;line-height:4.8rem;}} .Freeform.blueBlockBackground p{line-height:30px;line-height:3rem;} .gn-menu-main ul{line-height:40px;line-height:4rem} .gn-menu-main {line-height:60px;line-height:6rem} @media screen and (min-width:500px){ #mainContent .imageCallout p + p a{font-size:3vw;line-height:3.6vw;} } @media screen and (min-width:600px){ .Quote{font-size:3.6vw;line-height:4vw;} #mainContent .imageCallout p + p a{font-size:3vw;line-height:3.6vw;} } @media screen and (min-width:715px){ #top h1 span{font-size:3.6vw;} #mainContent .imageCallout p + p a{font-size:2vw;line-height:2.6vw;} } @media screen and (min-width:1032px){ .Quote{font-size:3.6rem;line-height:4rem;} #mainContent .imageCallout p + p a{font-size:2rem;line-height:2.6rem;} #top h1 span{font-size:36px;font-size:3.6rem;} } /* === colors === */ .titanDisplay, #desktopNav ul li.item:hover > a, #desktopNav ul li.item:focus > a, #desktopNav ul li.item:active > a, .employer, #center .DataList.JobSearchBlock .item.fullSummary, .DataDetail .oneDetail .item .detailSummary .info div.category, #top h1 span{color:#000;} .advancedButton, .titanBody .jobButton{color:#999;} #footer, #footer a{background:#333;color:#cacaca;} .accordionButtonText{color:#777;} /* lightish grey */ .titanBody a:hover, .titanBody a:focus, .titanBody a:active, #desktopNav ul .megaMenu .cta, #large .searchBarContainer.hover input[type="text"], .gn-menu .searchBarContainer input[type="text"], .titanDisplay .DataDetail, #applicationContents label, #applicationContents input, #mainContent{color:#666;} h1,h2,h4,h5,h6, .cycle-pager span, .accordionContentInner ul li a:link, .accordionContentInner ul li a:visited, #center .accordionButtonText{color:#555;} .JobFeed .DataListing div.ColOne div.item {color:#5e5e5e;} .cycle-pager span:hover, .cycle-pager span:focus, .cycle-pager span:active{color:#333} .OneCol h4 a, .TwoCol h4 a{color:#444;} .blueBlockBackground .OneCol h4 a:hover, .blueBlockBackground .OneCol h4 a:focus, .blueBlockBackground .OneCol h4 a:active, .blueBlockBackground .TwoCol h4 a:hover, .blueBlockBackground .TwoCol h4 a:focus, .blueBlockBackground .TwoCol h4 a:active{color:#ddd} .redFilter .OneCol h4 a, .redFilter .TwoCol h4 a, .gn-menu-main .navItem .dropmenu a:hover, .gn-menu-main .navItem .dropmenu a:focus, .gn-menu-main .navItem .dropmenu a:active{color:#333;} /* .DataList.JobSearchBlock .item .label, .titanBody .DataList.JobSearchBlock .DataListing .fullSummary p, .titanBody .DataList.JobSearchBlock .DataListing .fullSummary .location, .titanBody .DataList.JobSearchBlock .DataListing .fullSummary .posted, .DataDetail .oneDetail .linkText a:hover, .DataDetail .oneDetail .linkText a:focus, .DataDetail .oneDetail .linkText a:active, .DataDetail .oneDetail .item .detailSummary .info div, .DataList.JobSearchBlock .buttons .button a:hover, .DataList.JobSearchBlock .buttons .button a:focus, .DataList.JobSearchBlock .buttons .button a:active, div.Aggregation.banner .image + .image + .image h4{color:#303030;} .redFilter .OneCol h4 a:hover, .redFilter .TwoCol h4 a:hover, .redFilter .OneCol h4 a:focus, .redFilter .TwoCol h4 a:focus, .redFilter .OneCol h4 a:active, .redFilter .TwoCol h4 a:active{color:#d65853;} .DataList.JobSearchBlock .item{color:#797878;} */ #large .searchBarContainer input[type="text"]{color:#ACABAB;} /* #jobwrapper input, div.DataList.JobSearchBlock .DataFilter2 div.head h4, div.DataList.JobSearchBlock .DataFilter2 div.inputs div span, div.DataList.JobSearchBlock .DataFilter2 .head{color:#eee;} div.DataList.JobSearchBlock input::-webkit-input-placeholder{color:#fff;} div.DataList.JobSearchBlock input:-moz-placeholder{color:#fff;} div.DataList.JobSearchBlock input::-moz-placeholder{color:#fff;} div.DataList.JobSearchBlock input:-ms-input-placeholder {color:#fff;} div.DataList.JobSearchBlock input[placeholder]{color:#fff;} div.DataList.JobSearchBlock ::input-placeholder{color:#fff;} .s input::-webkit-input-placeholder{color:#fff;} .s input:-moz-placeholder{color:#fff;} .s input::-moz-placeholder{color:#fff;} .s input:-ms-input-placeholder {color:#fff;} .s input[placeholder]{color:#fff;} .s ::input-placeholder{color:#fff;} */ .banner h4, .redFilter .linkText a, .titanBody a.orangeButton, .titanBody a.redButton, .titanBody a.blueButton, .greenBlockBackground *, .titanBody .greenBlockBackground a, /*.blueBlockBackground *, .titanBody .blueBlockBackground a, */ .jobButton, #desktopNav ul.menu a, #jobwrapper input.jobsSearch, #tooltip, .titanBody .gn-menu-wrapper, .titanBody .gn-menu-wrapper li, .titanBody .gn-menu-wrapper a, .titanBody .gn-menu-wrapper span, .titanBody .infiniteListFooter a, #center .DataList.JobSearchBlock .item.fullSummary h4, #center .DataList.JobSearchBlock .item.fullSummary h4 a, .titanDisplay .DataDetail h1, .DataDetail .oneDetail .buttonWrapper .buttons .button, #applicationContents input[type="submit"], .application-error, .application-success, #mainContent .imageCallout p + p a {color:#fff;} .required , .accordionContentInner ul li a:hover, .accordionContentInner ul li a:focus, .accordionContentInner ul li a:active, .accordionContentInner h3 {color:#c8504f;} /* dark green */ .greenBlockBackground a:hover, .greenBlockBackground a:focus, .greenBlockBackground a:active{color:#263730} /* blue */ .titanBody a{color:#374d8d;} /* other blue */ .JobFeed h3,.twitter h3{color:#466ea5} .JobFeed a{color:#42576a} .JobFeed a:hover, .JobFeed a:focus, .JobFeed a:active, .OneCol h4 a:hover, .TwoCol h4 a:hover, .OneCol h4 a:focus, .TwoCol h4 a:focus, .OneCol h4 a:active, .TwoCol h4 a:active, #mainContent a{color:#6390C7;} /* other blue */ .gn-menu-wrapper .tools a{color:#afc3dd} /* red */ #applicationContents .error, #applicationStatus, .cycle-pager span.cycle-pager-active{color:#c94e36;} /* mid bright orange */ #employerHeader div a, .titanBody .gn-menu-wrapper .employer a/* , .FormEditor input[type="button"] */{color:#f69627;} /* rust */ .DataList.JobSearchBlock .item h4, .DataList.JobSearchBlock .item h4 a, #desktopNav ul .megaMenu .cta a:hover, #desktopNav ul .megaMenu .cta a:active, #desktopNav ul .megaMenu .cta a:focus, #employerHeader div a:hover, .titanBody .gn-menu-wrapper .employer a:hover, #employerHeader div a:focus, .titanBody .gn-menu-wrapper .employer a:focus, #employerHeader div a:active, .titanBody .gn-menu-wrapper .employer a:active{color:#c16d43} /* bright light orange */ #desktopNav ul .megaMenu .cta a{color:#ffa100;} /* pale orange */ .DataDetail .oneDetail .linkText a, .DataList.JobSearchBlock .buttons .button a{color:#f2d3c3;} /* mid-dark orange */ div.DataList .DataListing div.listingTools div.sorter ul li a:hover, div.DataList .DataListing div.listingTools div.sorter ul li a:focus, div.DataList .DataListing div.listingTools div.sorter ul li a:active, div.DataList .DataListing div.listingTools div.sorter ul li.selected a{color:#e3881f;} /* orange */ #mainContent a:hover, #mainContent a:focus, #mainContent a:active, .Quote{color:#DB8130} /* === font weights === */ h1,h2,h3, .banner h4, div.Aggregation.blueBlockBackground.float4 div.OneCol div.image .otherStuff h4, .JobSearchBlock div.DataFilter2 fieldset div.head h4, .JobSearchBlock div.DataFilter2 fieldset div.inputs, .DataList.JobSearchBlock .item h4, .DataDetail .oneDetail .linkText a, .DataList.JobSearchBlock .buttons .button a, #mainContent h6{font-weight:normal;} .titanDisplay .DataDetail h1, .Quote{font-weight:100} div.Aggregation.banner .image h4{text-shadow:1px 1px 1px #555} div.Aggregation.banner .image+ .image + .image h4{text-shadow:0 0 0 #fff;} h1,h2, h3{font-weight:100} @media screen and (min-width:715px){ h1{font-weight:100} div.Aggregation.banner .image h4{font-weight:100;} } h4,h5,h6,.label, #employerHeader div a, #desktopNav ul .megaMenu ul a, .jobsSearch, .greyLinks h4 a, .gn-menu-main > li > a, .employer a, .DataDetail .oneDetail .buttonWrapper .buttons .button, #applicationContents input[type="submit"], #applicationContents label, .searchBarContainer .searchTerm, .accordionContentInner h3, #center .accordionButton.on .accordionButtonText, #center .accordionButton.over.on .accordionButtonText, #mainContent .imageCallout p + p a{font-weight:bold;} /* === text decoration - text-transform - word wraps=== */ .titanBody{word-wrap:break-word;} .titanBody a, .titanBody a.orangeButton:hover, .titanBody a.redButton:hover, .titanBody a.blueButton:hover, .titanBody a.orangeButton:focus, .titanBody a.redButton:focus, .titanBody a.blueButton:active, .titanBody a.redButton:active, .titanBody a.blueButton:active, #desktopNav ul li.item > a:hover, #desktopNav ul li.item > a:focus, #desktopNav ul li.item > a:active, .gn-menu-main a, .gn-menu-main .navItem a:hover, .gn-menu-main .navItem a:focus, .gn-menu-main .navItem a:active, .gn-menu-wrapper .tools a, .titanBody .pager a:hover, .titanBody .pager a:focus, .titanBody .pager a:active, .titanBody .infiniteListFooter a, .titanBody .infiniteListFooter a:hover, .titanBody .infiniteListFooter a:focus, .titanBody .infiniteListFooter a:active, .DataDetail .oneDetail .linkText a, .DataDetail .oneDetail .linkText a:hover, .DataDetail .oneDetail .linkText a:focus, .DataDetail .oneDetail .linkText a:active, .DataDetail .oneDetail .buttonWrapper .buttons .button:hover, .DataDetail .oneDetail .buttonWrapper .buttons .button:focus, .DataDetail .oneDetail .buttonWrapper .buttons .button:active, #applicationContents input[type="submit"]:hover, #applicationContents input[type="submit"]:focus, #applicationContents input[type="submit"]:active, .titanBody .Aggregation .linkText a:hover, .titanBody .Aggregation .linkText a:focus, .titanBody .Aggregation .linkText a:active, .DataList.JobSearchBlock .buttons .button a:hover, .DataList.JobSearchBlock .buttons .button a:focus, .DataList.JobSearchBlock .buttons .button a:active, .accordionContentInner ul li a:link, .accordionContentInner ul li a:visited, .accordionContentInner ul li a:hover, .accordionContentInner ul li a:active, #mainContent .imageCallout p + p a{text-decoration:none;} .titanBody a:hover, .titanBody a:focus, .titanBody a:active, #employerHeader div a, #desktopNav ul .megaMenu .cta a, .greenBlockBackground a, .gn-menu-main > li > a, .titanBody .gn-menu-wrapper .employer a, #mainContent a{text-decoration:underline;} .orangeButton, .redButton, .blueButton, .redFilter h3, .gn-menu-main > li, .titanDisplay .jobButton, .Aggregation.float4.roundImages .otherStuff, #footer .social p, #footer .brands ul li + li, #footer .tools ul, #footer .tools, #footer .copy p, .accordionContentInner.list ul, #mainContent .imageCallout p + p a{text-align:center} @media screen and (min-width:800px){ .Aggregation.float4.roundImages .otherStuff, #footer .tools ul, #footer .brands ul li + li, #footer .brands ul li + li + li, #footer .brands ul li + li + li +li, #footer .brands ul li + li + li +li + li, #footer .copy{text-align:left} } .gn-menu{text-align:left;} .gn-menu-main > li > a{letter-spacing:1px;} .JobSearchBlock .keyword input{text-overflow:ellipsis;} .JobSearchBlock .head h4, .JobSearchBlock .keyword input{white-space:nowrap;} .twitter h3{text-transform:uppercase;} /* === pointer === */ div.AggregationFilter2 fieldset div span.item, div.ProductFilter2 fieldset div span.item, div.CalendarFilter2 fieldset div span.item, div.SegmentedSearchFilter2 fieldset span.item, .cycle-pager span, .advancedButton, .searchBarContainer .search, .jobsSearch, .gn-menu-main a, .gn-menu-main span, .jobButton span, .jobButton, #jobSearch .JobSearchBlock fieldset .head, #jobSearch .JobSearchBlock fieldset .head h4, .DataDetail .oneDetail .buttonWrapper .buttons .button, #applicationContents input[type="submit"], .DataDetail .oneDetail .tools .button, #center .tools .button, #center div.DataList.JobSearchBlock div.item, #officeLocatorClose, #scrollbar1 .thumb, .DataDetail .oneDetail .tools .ShareButton, .DataDetail .oneDetail .tools .share, #center .tools .ShareButton, #center .tools .share, .FormEditor input[type="button"], .accordionButton{cursor:pointer;} /* === list style === */ #nav ul, #footer .social ul, #footer #logos ul, #footer .links ul, #desktopNav ul{list-style:none;} /* === backgrounds - borders & outlines - box-shadows */ /* images and buttons */ img.right, img.left{border:1px solid #ccc;} .Aggregation img,.Calendar img,.Commenting img,.PhotoBlock img,.Product img,.SearchResults img,.SiteMap img,.TOCBlock img,.WhatsNew img, .Freeform a img,.FormEditor a img,.FAQ a img, #logo a img, .titanBody a, .titanBody a img, #searchBox #searchGo, #searchBox #searchTerms{border:0;outline:0} .titanBody input{outline:0} /* layout */ .titanDisplay{background:#333;} #wrapper{background:#f2f2f4;} .cbp-af-header {background:#f6f6f6;} #footer .brands ul li:first-child{border-bottom:1px solid #999;} #footer .tools ul li{background:transparent url('footerdivider.gif') no-repeat left 1px;} #footer .tools ul li:first-child{background:0;} @media screen and (min-width: 800px){ #footer .brands ul li:first-child{border-right:1px solid #999;border-bottom:0;} } #scrollTop{background:#333 url('totoparrow.png') no-repeat center;border-radius:3px;} #scrollTop:hover, #scrollTop:focus, #scrollTop:active{background-color:#111;} #employerHeader div{background:#e5e5e6;border-radius:1rem;} .searchTerm{border:0;border-radius:3px;} #large .searchBarContainer, #locations a{background-color:#acabab;border-radius:8px;} .searchBarContainer input[type="text"]{background:#acabab} .search{background:transparent url('searchButton.png') no-repeat center 2px;border:0;} #locations .search{background:transparent url('ExOffices_dark.png') no-repeat 2px 0px;border:0;height:32px;width:30px;} #large #locations .searchBarContainer .search{background:transparent url('ExOffices_dark.png') no-repeat 2px 0px;border:0;} /* small nav */ .gn-menu-wrapper .search{background-size:22px;} .gn-menu-wrapper .searchBarContainer{background:#849cbb;border-radius:4px;} .gn-menu-wrapper .searchBarContainer input[type="text"]{background:#849cbb;} .gn-menu-wrapper{background:#638fc9;} .gn-menu .nav li:not(:first-child), .gn-menu li .nav li{box-shadow:inset 0 1px #85a9d6} .gn-menu-main .navItem.drop > a, .gn-menu-main .navItem.drop > span{background:transparent url('smallnavarrows.png') no-repeat 80% -75px;} .gn-menu-main .navItem.drop > a.open, .gn-menu-main .navItem.drop > span.open{background:transparent url('smallnavarrows.png') no-repeat 80% 15px;} @media screen and (max-width: 422px) { .gn-menu-main .navItem.drop > a, .gn-menu-main .navItem.drop > span{background-position:72% -75px;} .gn-menu-main .navItem.drop > a.open, .gn-menu-main .navItem.drop > span.open{background-position:72% 15px;} } /*.gn-menu-main .navItem.drop a.open,*/ /*.gn-menu-main .navItem a:focus, .gn-menu-main .navItem a:active,*/ /*.gn-menu-main .navItem.drop span.open,*/ /*.gn-menu-main .navItem span:hover, .gn-menu-main .navItem a:focus, .gn-menu-main .navItem span:active,*/ .gn-menu-main .navItem .dropmenu a{background-color:#76a8e9;} .gn-menu-main .navItem a:hover, .gn-menu-main .navItem a:focus, .gn-menu-main .navItem a:active {background-color:#5E7FC9;} .gn-menu-main .navItem.drop span:hover, .gn-menu-main .navItem.drop span.open {background-color:#5E7FC9;cursor:pointer;} .gn-menu-wrapper .social{border-top:1px solid #406aa1;} .gn-menu-wrapper .social li{border:0;} .gn-menu-main .navItem .dropmenu a:hover, .gn-menu-main .navItem .dropmenu a:focus, .gn-menu-main .navItem .dropmenu a:active{background:#8dbbf7} .gn-menu-wrapper .tools{border-bottom:1px solid #406aa1;} .gn-icon-menu{background:url('hamburger.png') no-repeat center -63px;} .gn-selected/*, .gn-icon-menu:hover, .gn-trigger .gn-icon-menu:focus, .gn-icon-menu:active*/{background-position:center 15px;background-color:#638FC9;} .gn-menu-wrapper .tools a:hover, .gn-menu-wrapper .tools a:focus, .gn-menu-wrapper .tools a:active {color:#fff;text-decoration:none} /* job search bar */ /* #jobwrapper, #jobSearch .advancedButton{background-color:#313131;box-shadow:0 6px 6px -2px rgba(0,0,0,0.5);} #jobSearch .JobSearchBlock fieldset .head {background:url('arrowradius.png') no-repeat right -9px;} #jobSearch .JobSearchBlock fieldset .head.open {background:url('arrowradius.png') no-repeat right -65px;} #jobSearch .JobSearchBlock fieldset .head , #jobSearch .JobSearchBlock fieldset .head.open , #jobwrapper .keywords, #jobwrapper .zip, #jobSearch .JobSearchBlock fieldset .inputs{background-color:#858585;border-radius:5px;border:0;} #jobwrapper input[type='text']{background:transparent;border:0;} .JobSearchBlock div.DataFilter2 .searchJobs fieldset .inputs .item:hover{background-color:#666;} .jobsSearch{background:#C16D43;border:0;border-radius:2rem;box-shadow:0 0px 0 #858585;} .jobsSearch{-webkit-appearance:none;}/* button */ .advancedButton{background: url('arrowAdvancedsearch.png') no-repeat 92% -31px;border-radius:8px;} .advancedButton.open{background-position:92% 11px;} .jobButton span{background:url('jobsearchMag.png') no-repeat left center;} .JobSearchBlock div.DataFilter2 fieldset div.head{border:0;} */ /* job list */ /* #center div.DataList.JobSearchBlock div.item{background:#f6f4f3;border:5px solid #d6d4d2;border-radius:4px;} #center div.DataList.JobSearchBlock div.item:hover, #center div.DataList.JobSearchBlock div.item:focus, #center div.DataList.JobSearchBlock div.item:active{border-color:#a39f9b;background:#cbc7c2;} .DataList.JobSearchBlock .buttons .button a{background:url('fullinfoarrow.png') no-repeat right 6px;border:1px solid #d59676;border-radius:18px;} .DataList.JobSearchBlock .buttons .button a:hover, .DataList.JobSearchBlock .buttons .button a:focus, .DataList.JobSearchBlock .buttons .button a:active{background:#d59676 url('fullinfoarrow.png') no-repeat right -79px;} #center .DataList.JobSearchBlock .item.fullSummary, #center .DataList.JobSearchBlock .item.fullSummary:hover, #center .DataList.JobSearchBlock .item.fullSummary:focus, #center .DataList.JobSearchBlock .item.fullSummary:active{background:#c16d43 url('fullsummaryxA.png') no-repeat right top;border-color:#c16d43;} #center .DataList.JobSearchBlock .item.fullSummary h4{border-bottom:1px solid #83482b;} @media screen and (min-width:850px){ #center .DataList.JobSearchBlock .item.fullSummary, #center .DataList.JobSearchBlock .item.fullSummary:hover, #center .DataList.JobSearchBlock .item.fullSummary:focus, #center .DataList.JobSearchBlock .item.fullSummary:active{background-image:url('fullsummaryx.png');} } */ /* job detail */ .DataDetail .oneDetail .detailSummary{background:#c16d43;} .DataDetail .oneDetail .linkText a{background:url('backresultsarrow.png') no-repeat left 6px;border:1px solid #d39a7d;border-radius:18px;} .DataDetail .oneDetail .linkText a:hover, .DataDetail .oneDetail .linkText a:focus, .DataDetail .oneDetail .linkText a:active{background:#d39a7d url('backresultsarrow.png') no-repeat left -79px;border:1px solid #d39a7d;} .titanDisplay .DataDetail h1{border-bottom:2px solid #83482b;} .DataDetail .oneDetail .buttonWrapper .buttons .button, #applicationContents input[type="submit"]{background:#C16D43;} .DataDetail .oneDetail .buttonWrapper .buttons .button:hover, #applicationContents input[type="submit"]:hover, .DataDetail .oneDetail .buttonWrapper .buttons .button:focus, #applicationContents input[type="submit"]:focus, .DataDetail .oneDetail .buttonWrapper .buttons .button:active, #applicationContents input[type="submit"]:active, #jobwrapper input.jobsSearch:hover, #jobwrapper input.jobsSearch:focus, #jobwrapper input.jobsSearch:active{background:#e3881f;} .DataDetail .oneDetail .tools .button, .DataDetail .oneDetail .tools .ShareButton, #center .tools .button, #center .tools .ShareButton{background-color:#a65c38;background-repeat:no-repeat;border-radius:60px;} .DataDetail .oneDetail .tools:hover .ShareButton, .DataDetail .oneDetail .tools:focus .ShareButton, .DataDetail .oneDetail .tools:active .ShareButton, .DataDetail .oneDetail .tools .share:hover, .DataDetail .oneDetail .tools .share:focus, .DataDetail .oneDetail .tools .share:active, #center .tools:hover .ShareButton, #center .tools:focus .ShareButton, #center .tools:active .ShareButton, #center .tools .share:hover, #center .tools .share:focus, #center .tools .share:active{background-color:#cf9070;} .DataDetail .oneDetail .tools .ShareButton, #center .tools .ShareButton{background-image:url('registerresume.png');background-position:center;} .DataDetail .oneDetail .tools .share, #center .tools .share{background-repeat:no-repeat;background-position:center;} .DataDetail .oneDetail .tools .print, #center .tools .print{background-image:url('shareprint.png');} .DataDetail .oneDetail .tools .email, #center .tools .email{background-image:url('sharejob.png');} .DataDetail .oneDetail .tools .facebook, #center .tools .facebook{background-image:url('sharefacebook.png');} .DataDetail .oneDetail .tools .twitter, #center .tools .twitter{background-image:url('sharetwitter.png');} .DataDetail .oneDetail .tools .linkedin, #center .tools .linkedin{background-image:url('sharelinkedin.png');} .DataDetail .oneDetail .tools .buttonsWrapper, #center .tools .buttonsWrapper{background:#A65C38;border-radius:5px;} .DataDetail .oneDetail .buttonWrapper .buttons .button, #applicationContents input[type="submit"]{border:0;border-radius:2rem;box-shadow:0 4px 0 #D9D9D9;} #modalBackground{background:#333;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;} #modalWindow{background:#fff;border:8px solid #D6D4D2;border-radius:7px;box-shadow: 0 6px 6px -2px rgba(0, 0, 0, 0.5);} #modalWindowClose{background:transparent url('closex.png') no-repeat right top;cursor:pointer;} #modalWindowClose a:hover, #modalWindowClose a:focus, #modalWindowClose a:active{/*background-position:right -87px;*/} .separator-before{border-top:1px dashed #ccc;} #applicationContents input[type="text"], #applicationContents textarea{border:1px solid #999;} #modalWindow iframe{border:0;} .statusWrapper{background:#6f9183;} /* Job Feed */ /* .JobFeed div.DataList .DataListing div.ColOne div.item{border-bottom:0;} .JobFeed .Freeform a{background:url('rssicon.png') no-repeat left 2px;} */ /* block backgrounds */ .greenBlock,.greenBlockBackground{background:#6f9183;} .greyBlock,.greyBlockBackground{background:#282a32;color:#fff;} .blueBlock,.blueBlockBackground{background:#466ea5;} div.arrowFromGreenSection, div.arrowFromBlueSection, div.arrowFromLtGreySection, div.arrowFromMdGreySection, div.arrowFromWhiteSection, #right{background-position:center -8px;background-repeat:no-repeat;} div.arrowFromGreenSection{background-image:url('arrowGreenSection.png');} div.arrowFromBlueSection{background-image:url('arrowBlueSection.png');} div.arrowFromLtGreySection{background-image:url('arrowLtGreySection.png');} div.arrowFromMdGreySection{background-image:url('arrowMdGreySection.png');} div.arrowFromWhiteection{background-image: url("arrowwhiteSection.png");} /*#applicationContents input.applicationDefault.error, #applicationContents textarea.error, #applicationStatus{border:1px solid #c94e36;} #applicationContents input.applicationDefault:focus {border:3px solid green;} */ /* cycle2 banner */ @media screen and (min-width:715px){ .Aggregation.banner .AggregationResults .data .OneCol .image .teaserImage{} .pager a{background:#fff url('arrowbannerRight.png') no-repeat center;border-radius:5px;opacity:.7;background-size:50%;} .pager a#next{background-image:url('arrowbannerLeft.png');} .pager a:hover, .pager a:focus, .pager a:active{opacity:.8;} } /* rounded and round images */ .titanBody .roundedImages img, .titanBody .roundImages img{/*border:6px solid #858585;*/box-shadow: 0 0 0 6px #858585;margin:6px;} .titanBody .roundedImages img:hover, .titanBody .roundImages img:hover, .titanBody .roundedImages img:focus, .titanBody .roundImages img:focus, .titanBody .roundedImages img:active, .titanBody .roundImages img:active{background:#666;} .titanBody .roundedImages img{border-radius:10px;} .titanBody .roundImages img{-webkit-border-bottom-left-radius:50%,-webkit-border-bottom-right-radius:50%;-webkit-border-top-left-radius:50%,-webkit-border-top-right-radius:50%;border-radius:50%;} /* image and read more link backgrounds */ .titanBody .redFilter.roundImages img{background:#e86762;border:0;padding:0;box-shadow:0 0 0 0 transparent;margin:0;} .redFilter .linkText a{background:#e86762 url('arrowwhite.png') no-repeat 95% 50%;border-radius:12px;} .titanBody .redFilter.roundImages img:hover, .titanBody .redFilter.roundImages img:focus, .titanBody .redFilter.roundImages img:active, .redFilter .linkText a:hover, .redFilter .linkText a:focus, .redFilter .linkText a:active{background-color:#d65853} /* button backgrounds */ .orangeButton, .redButton, .blueButton, .infiniteListFooter a{border-radius:25px;box-shadow:0 4px 0 #d9d9d9;} .orangeButton, .infiniteListFooter a{background:#f69627;} .redButton{background:#e86762;} .blueButton{background:#6698c2;} .orangeButton:hover, .infiniteListFooter a:hover, .orangeButton:focus, .infiniteListFooter a:focus, .orangeButton:active, .infiniteListFooter a:active{background:#e3881f;} .redButton:hover, .redButton:focus, .redButton:active{background:#d65853;} .blueButton:hover, .blueButton:focus, .blueButton:active{background:#5283ac;} .redFilter .image{border-bottom:1px solid #999} .redFilter .image.lastImage{border-bottom:0;} @media screen and (min-width:500px) { .redFilter .image{border-left:1px solid #999;border-bottom:0;} .redFilter .image + .image + .image{border-left:0} .redFilter .image + .image + .image + .image{border-left:1px solid #999} } @media screen and (min-width:800px) { .redFilter .image + .image + .image{border-left:1px solid #999} } .redFilter .image img{border:0;} .redFilter .image:first-child{border-left:0;} /* accordion */ .accordionButton{background: #ccc;border-bottom:0px solid #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;} .accordionButtonText {background: url('accordionarrow.png') no-repeat left 4px;} .accordionContent {background: #f5f5f5;border-bottom:4px solid #fff;} .accordionContentInner p.description{background:#fff;} .accordionContentInner td {border-bottom:1px solid #fff;} .accordionContentInner ul li a:link, .accordionContentInner ul li a:visited {background: transparent url('images/list-off.gif') 0 6px no-repeat;} .accordionContentInner ul li a:hover,.accordionContentInner ul li a:focus, .accordionContentInner ul li a:active {background: transparent url('images/list-active.gif') 0 6px no-repeat;} .accordionContentInner.list li {background: url('images/list-off.gif') 0 5px no-repeat;} #center .accordionButton {background:#e5e5e5;} #center .accordionButton.over, #center .accordionButton.on {background: #ccc;} #center .accordionButton.on .accordionButtonText, #center .accordionButton.over.on .accordionButtonText{background:url('accordionarrow.png') no-repeat left -82px;} /* tiny scroller */ #scrollbar1 .thumb .end, #scrollbar1 .thumb {background-color:#f69627;border-radius:5px;} /* ========================================================================================== PRINT */ @media print { #wrapper, #top, #wrapper.d{padding-top:0rem!important;} #desktopNav, #jobwrapper, #logoControlContainer, #gn-menu, #cbp-af-inner,, #cbp-af-header{display:none!important;} #top h1, #cbp-af-header{position:static;} #right{display:block;} .RightZone, .RightZone.Quote{padding:0;} } /* ============ REDESIGN CHANGES ===================== */ #wrapper.d{padding-top:0;} #wrapper.d #mainContent{padding-top:10.5rem;} #wrapper{padding-top:3rem;/*12*/} @media screen and (min-width: 715px){ /*.Safari #wrapper{padding-top:28rem;}*/ #wrapper{padding-top:16rem;} #wrapper.d{padding-top:0;} #wrapper.d #mainContent{padding-top:16rem;} } @media screen and (min-width: 806px){ /*.Safari #wrapper{padding-top:23rem;}*/ #wrapper{padding-top:14rem;} #wrapper.d{padding-top:0;} #wrapper.d #mainContent{padding-top:13rem;} } /* ======= Page Top ======= */ .cbp-af-header.home { height:53px; position:fixed; top:0;left:0; width:100%; border-bottom:8px solid #444; box-shadow:0 6px 6px -2px rgba(0,0,0,0.5); } .cbp-af-header { height:55px; position:fixed; top:0; left:0; width:100%; border-bottom: 3px solid #444; box-shadow: 0 6px 6px -2px rgba(0, 0, 0, 0.5); } #logoControlContainer{float:left;padding:6px 0 6px 10px;} #logoControlContainer img{width:105px;} @media screen and (min-width: 715px){ #logoControlContainer{padding:6px 0 4px 0;} /* #logoControlContainer img{width:105px;} */ .home #logoControlContainer img{width:150px;} #pageTop{height:53px;} .cbp-af-header .CenterZone{margin:0;} .cbp-af-header.home {height:86px} } #large{display:none;position:absolute; right:0;top:0;z-index:10000} #large .searchBarContainer{ height:31px; display:inline-block; padding:4px 6px; margin:10px 0 0 0; background-color:#acabab; border-radius:8px; position: absolute; top: 0px; right: 50px } #large #locations .searchBarContainer{ z-index: 20000; top: 0px; right: 0px; position: absolute;} .home #large .searchBarContainer{ margin:15px 0 0 0px;} #large .searchBarContainer .search{ float:right; height:32px; padding:0; width:30px; background:transparent url('searchButton.png') no-repeat center 4px; } #large .searchBarContainer img {width:20px;} #large .searchBarContainer input[type="text"]{background:#acabab} #large .searchBarContainer.hover input[type="text"] {color:#666;} #large .searchBarContainer .searchTerm{ font-size:13px; font-size:1.3rem; line-height:13px; line-height:1.3rem; border:0; border-radius:3px; margin-top:4px; padding:3px; } #locations div, #locations p{width:auto;} #locations a{ display:inline-block; padding:3px 10px; background-color:#acabab; border-radius:8px; } #locations i.fa-map-marker {color:#ccc;} @media screen and (min-width: 715px){#large{display:block;}} #pageTop #gn-menu #locations {margin-left:0px;} /* ============= Desktop Nav =============== */ #desktopNav{ display:none; position:absolute; top:22px; left:130px; z-index:1001; width:500px; } #desktopNav div, #desktopNav ul.menu{margin:0;padding:0;width:100%;} #desktopNav ul.menu li.item{float:left;position:relative;} #desktopNav ul.menu li.item > a{display:inline-block;margin:0;padding:5px 9px;} #desktopNav ul .megaMenu{display:none;position:absolute;top:49px; margin:0;padding:0;z-index:10000;} #desktopNav ul .megaMenu ul {float:left;margin:10px 20px 10px 10px;width:100px;padding:0;} #desktopNav ul .megaMenu ul li{margin:0;padding:0;} #desktopNav ul .megaMenu ul a{display:inline-block;padding:10px;} #desktopNav ul .megaMenu .cta{clear:both;overflow:hidden;} #desktopNav ul li.item.two .megaMenu .cta p{width:73%;} #desktopNav ul li.item .cta p{float:left;margin:0;padding:20px 10px 10px 10px;} #desktopNav ul li.item .cta img{float:left;padding:30px 10px;} #desktopNav ul .megaMenu > li > a{display:block;font-size:16px;font-size:1.6rem;line-height:18px;line-height:1.8rem; border-bottom:3px solid #e5e5e5;color:#777;font-weight:700;text-decoration:none;padding:10px 0 4px 0px;margin:0 10px;} #desktopNav ul .megaMenu > li > a:hover {color:#000;font-weight:700;border-bottom:3px solid #C16D43} #desktopNav ul li.one .megaMenu{width:130px;} #desktopNav ul li.two .megaMenu{width:278px;} #desktopNav ul li.three .megaMenu{width:402px;} #desktopNav .item > a img{display:none;} #desktopNav{background:#F6F6F6;} #desktopNav ul{list-style:none;} #desktopNav ul li.item > a {font-size:15px;font-size:1.5rem;line-height:17px;line-height:1.7rem;font-weight:400;color:#67696F;border-bottom:0px solid #F6F6F6} #desktopNav ul li.item > a:hover, #desktopNav ul li.item > a:focus, #desktopNav ul li.item > a:active {background:#f6f6f6; color:#494B54;border-bottom:0px solid #638FC9;text-decoration:none;} #desktopNav ul li.item > a:focus, #desktopNav ul li.item > a:active {border:1px dotted;} /* #desktopNav ul li.item.one:hover > a, #desktopNav ul li.item.one:focus > a, #desktopNav ul li.item.one:active > a, #desktopNav ul li.item.two:hover > a, #desktopNav ul li.item.two:focus > a, #desktopNav ul li.item.two:active > a, #desktopNav ul li.item.three:hover > a, #desktopNav ul li.item.three:focus > a, #desktopNav ul li.item.three:active > a, #desktopNav ul li.item.four:hover > a, #desktopNav ul li.item.four:focus > a, #desktopNav ul li.item.four:active > a{ background:#f6f6f6; color:#494B54; } */ #desktopNav ul .megaMenu{ background:#eee; border:1px solid #aaa; border-top:4px solid #C16D43; -moz-box-shadow: 0px 9px 9px #555; -webkit-box-shadow: 0px 9px 9px #555; box-shadow: 0px 9px 9px #555; border-radius: 0 0 5px 5px; } #desktopNav ul .megaMenu ul a {font-size:15px;font-size:1.5rem;line-height:17px;line-height:1.7rem; border-bottom:3px solid #e5e5e5;color:#67696F;font-weight:400;text-decoration:none;padding:10px 0 4px 0;} #desktopNav ul .megaMenu ul a:hover,#desktopNav ul .megaMenu ul a:focus,#desktopNav ul .megaMenu ul a:active {color:#494B54;font-weight:400;border-bottom:3px solid #C16D43} #desktopNav ul .cta{background:#ebebeb;} #desktopNav ul .megaMenu .cta {font-size:14px;font-size:1.4rem;line-height:17px;line-height:1.7rem;color:#555;} #desktopNav ul .megaMenu .cta {line-height:20px;line-height:2rem;clear:both;overflow:hidden;} #desktopNav ul .megaMenu .cta a {text-decoration:none;} #desktopNav ul .megaMenu .cta a:hover, #desktopNav ul .megaMenu .cta a:active, #desktopNav ul .megaMenu .cta a:focus {color:#c16d43} #desktopNav ul .megaMenu .cta img{background:#ffa100;} @media screen and (min-width: 715px){ #desktopNav{display:block;} #desktopNav ul.menu li.item > a{padding:5px 0px;} #desktopNav{width:454px;} } @media screen and (min-width: 800px){ #desktopNav ul.menu li.item > a{padding:5px 9px;} #desktopNav{width:500px;left:160px;} #desktopNav ul .megaMenu {margin-left:10px;} } @media screen and (min-width: 1032px){ #desktopNav{left:220px;} } #desktopNav ul.menu li.item > a {cursor:pointer;} #desktopNav ul.menu li.item li > a {cursor:pointer;} /* ======== Employer Banner widget ========== */ #pageTop #gn-menu .employerBanner, #pageTop .employerBanner, html body #footer .employerBanner { border:0px solid red; width:260px; height:60px; } #pageTop #gn-menu .employerBanner {border:0px solid red;margin:-10px 0 0 20px;} #pageTop #gn-menu .employerBanner .employerBannerBkg, #pageTop .employerBanner .employerBannerBkg, #footer .employerBanner .employerBannerBkg { border:3px solid #ddd; border-radius:1rem; height:40px; position:absolute; bottom:0; left:0; width:260px; } #pageTop #gn-menu .employerBanner .employerBannerBkg {background:#76a8e9;border:0px;} #pageTop #gn-menu .employerBanner .employerBannerBkg p, #pageTop .employerBanner .employerBannerBkg p, #footer .employerBanner .employerBannerBkg p { font-size:13px; font-size:1.3rem; line-height:16px; line-height:1.6rem; padding:3px 3% 0 0; } #pageTop .employerBanner .employerBannerBkg a, #pageTop .employerBanner .employerBannerBkg a:hover, #pageTop .employerBanner .employerBannerBkg a:focus, #pageTop .employerBanner .employerBannerBkg a:active {color:#000;text-decoration:none;} #pageTop #gn-menu .employerBanner .employerBannerBkg a {display:inline-block;padding:0;} #footer .employerBanner .employerBannerBkg a {color:#c8c8c8;text-decoration:none;} #footer .employerBanner .employerBannerBkg:hover a, #footer .employerBanner .employerBannerBkg a:focus, #footer .employerBanner .employerBannerBkg a:active {color:#fff;text-decoration:none;} #pageTop .employerBanner .employerBannerBkg img, #footer .employerBanner .employerBannerBkg img {bottom:16px;float:left;margin:0 13px;position:relative;width:50px;} #pageTop .employerBanner:hover .employerBannerBkg {background:#ddd;cursor:pointer;color:#000;} #footer .employerBanner .employerBannerBkg {background:#333;cursor:pointer;border:3px solid #444;} #footer .employerBanner:hover .employerBannerBkg {background:#444;cursor:pointer;color:#fff;} #pageTop .employerBanner {margin:3px auto 0 auto;position:relative;} #footer .employerBanner{margin:20px auto;position:relative;} @media screen and (min-width:1100px){ #footer .employerBanner{right:0px;} } @media screen and (max-width:715px){ .home #pageTop .employerBanner {display:none!important;} .home #pageTop #gn-menu .employerBanner {display:block!important;} } @media screen and (min-width:860px){ #footer .employerBanner {/* display:none!important;*/position:absolute;/*right:40px;bottom:13px;*/margin:0;} } /* ======== Social Icons ========== */ .fa-map-marker {font-size:3rem;color:#ddd} .fa-map-marker:hover,.fa-map-marker:focus,.fa-map-marker:active {color:#777} button.fa-stack {cursor:pointer;} .home #pageTop{position:relative;} .home #pageTop .social{ position:absolute; right:-5px;top:67px; margin:0;padding:0;width:auto;height:40px;} .home #pageTop .social a {height:40px;} .home #pageTop .social div{float:right;width:auto} #jobSearch .social{ position:absolute; right:0px;top:10px;z-index:1000;text-align:right;} .social .fa-stack.fa-lg {font-size:2.0rem} .home .social .fa-stack.fa-lg {font-size:2.3rem} .home .social button { height: 40px; margin: 0; padding: 0; } .social .fa-stack-1x,.social .fa-stack-2x {top: 0;} .social .fa-circle {color:#555;} .home .social .fa-circle {color:#444;} .social .fa-inverse {color:#ccc} .social .youtube:hover .fa-circle, .social .youtube:focus .fa-circle, .social .youtube:active .fa-circle {color: #E17C24;} .social .pinterest:hover .fa-circle, .social .pinterest:focus .fa-circle, .social .pinterest:active .fa-circle {color: #D74F5D;} .social .twitter:hover .fa-circle, .social .twitter:focus .fa-circle, .social .twitter:active .fa-circle {color:#79CAFD} .social .facebook:hover .fa-circle, .social .facebook:focus .fa-circle, .social .facebook:active .fa-circle {color:#5E7FC9} .social .blog:hover .fa-circle, .social .blog:focus .fa-circle, .social .blog:active .fa-circle {color:#E86762} .social .linkedin:hover .fa-circle, .social .linkedin:focus .fa-circle, .social .linkedin:active .fa-circle {color:#5E7FC9} .social .fa-linkedin:hover, .social .fa-linkedin:focus, .social .fa-linkedin:active, .fa-twitter:hover, .fa-twitter:focus, .fa-twitter:active, .fa-comment-o:hover, .fa-comment-o:focus, .fa-comment-o:active, .fa-facebook:hover, .fa-facebook:focus, .fa-facebook:active {color:#fff;} @media screen and (max-width:715px){ .home #pageTop .social, #jobSearch .social{display:none!important;} .home #gn-menu .social {display:block !important;position:relative;top:0;right:0px} } .JobSearchBlock .searchJobs {padding-left: 5%} @media screen and (min-width:715px){ .JobSearchBlock .searchJobs {padding: 15px 5px 30px 0%} #jobSearch .social {width:90px;right:0px;top:5px;border:0px solid red} } @media screen and (min-width:748px){ .JobSearchBlock .searchJobs {padding: 15px 5px 30px 2%} } @media screen and (min-width:800px){ .JobSearchBlock .searchJobs {padding: 15px 5px 30px 3%} } @media screen and (min-width:846px){ #jobSearch .social {width:170px;right:-5px;top:12px;} .JobSearchBlock .searchJobs {padding: 15px 5px 0px 5%} } @media screen and (min-width:900px){ .JobSearchBlock .searchJobs {padding: 15px 5px 0px 7%} } /*============= FOOTER ==========*/ /* === footer === */ #footer .brands{margin:20px auto;width:180px;border:0px solid green;} #footer .brands ul{list-style:none;margin:0;padding:0;} #footer .brands ul li{float:left;padding:0 18px;} #footer .brands ul li:first-child{margin-bottom:15px;padding:0 32px 12px 32px;} #footer .brands ul li + li {clear:both;padding:0 9px 0 0;width:81px;} #footer .brands ul li + li + li{clear:none;padding:0 0 0 9px;} #footer .brands ul li + li + li +li{clear:both;padding:0 9px 0 0;} #footer .brands ul li + li + li +li + li{clear:none;padding:0 0 0 9px;} #footer .tools { font-size:13px; font-size:1.3rem; line-height:16px; line-height:1.6rem; margin-top:40px; } #footer #copyright { font-size: 13px; margin: 10px auto 0; text-align: center; } @media screen and (min-width: 800px){ #footer .brands{margin:20px auto;width:530px; } #footer .brands ul li + li, #footer .brands ul li + li + li, #footer .brands ul li + li + li +li, #footer .brands ul li + li + li +li + li{clear:none;padding:0 18px;width:auto;} #footer .brands ul li:first-child{padding:0 30px 0 0;margin-right:10px;margin-bottom:0;} #footer .brands ul li:first-child img{width:88px;} } @media screen and (min-width: 860px){ #footer {padding-bottom:0px;position:relative;} /* #footer .CenterZone{margin:0;width:auto;} */ #footer .tools{clear:both;/*float:right;*/margin-top:25px;text-align:left;} #footer #copyright{clear:left;float:left;margin-top:10px;} #footer .brands{margin-top:17px;float:left;width:530px; } } #footer .footerNav{margin:10px 0 0 -40px;display:none;clear:both;} #footer .footerNav ul {float:left;clear:none;list-style:none;margin:0px 30px 0 0;width:150px;} #footer .footerNav ul li {margin:0px 0 15px 0px;padding:3px;border-bottom:1px solid #ddd;font-size:14px;font-size:1.4rem;line-height:14px;line-height:1.4rem;font-weight:700;} #footer .footerNav ul li ul li {margin:5px 0 5px -30px;padding:0;border-bottom:0px;font-size:12px;font-size:1.2rem;line-height:12px;line-height:1.2rem;font-weight:300;} #footer .footerNav ul li ul li a {text-decoration:none;padding:4px;display:inline-block;} #footer .footerNav ul li ul li a:hover {background:#333;color:fff;} /* == New Form Elements == */ .applicationDefault {} /* Default field value */ .applicationValid {} /* value entered */ .error {} /* failed validation */ /* share drop down */ .DataDetail .oneDetail .tools, #center .tools{clear:both;float:left;margin-right:25px;margin-top:10px;} .DataDetail .oneDetail .tools .ShareButton, .DataDetail .oneDetail .tools .share, #center .tools .ShareButton, #center .tools .share{display:block;height:46px;width:46px;} .DataDetail .oneDetail .tools .share, #center .tools .share{height:35px;} .DataDetail .oneDetail .item .detailSummary .info div.ShareButton, #center div.ShareButton{float:none;margin-right:0;} .DataDetail .oneDetail .tools .buttonsWrapper, #center .tools .buttonsWrapper{display:none;padding:3px 0;position:absolute;width:46px;} .DataDetail .oneDetail .tools span, #center .tools span{display:none;} /* ============ REDESIGN CHANGES - End ===================== */ /* ========================================================================================== BAD IE BROWSER WARNING MODAL */ #jr_overlay { top: 0; left: 0; padding: 0; margin: 0; z-index: 2147483646; position: absolute; } #jr_wrap { position: absolute; width: 100%; z-index: 2147483647; padding: 0; margin: 0; } #jr_inner { font-family: Verdana,Arial,sans-serif; font-size: 14px; background: #F5F5F5; border: 20px solid #CCC; color: #4F4F4F; margin: 0 auto; height: auto; padding: 40px; position: relative; box-sizing: content-box; } #jr_header { display: block; color: #333; padding: 5px; padding-bottom: 0; margin: 0; font-family: Verdana,Arial,sans-serif; font-weight: bold; font-size: 1.6em; margin-bottom: 0.5em; } #jr_inner p { padding: 10px 0px; margin: 0; } #jr_inner ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 20px 0; padding: 0; } #jr_inner ul li { cursor: pointer; float: left; width: 120px; height: 122px; margin: 0 10px 10px 10px; padding: 0; text-align: center; } #jr_inner li a { color: #333; font-size: 0.8em; text-decoration: none; padding: 0; margin: 0; } #jr_inner li a:hover { text-decoration: underline; } #jr_inner .jr_icon { width: 100px; height: 100px; margin: 1px auto; padding: 0; background: transparent no-repeat scroll left top; cursor: pointer; } #jr_close { clear: both; padding: 60px 0 0 0; margin: 0; } #jr_close a { color: #d47c18; display: block; width: auto; margin: 0; padding: ; text-decoration: underline; font-weight:bold; } #jr_close p { padding: 10px 0 0 0; margin: 0; } .cd-right-form, .cd-home-form { display: none; } /* === SKIP NAV */ .skipNav{position:absolute;left:-10000px; height:1px;overflow:hidden;top:auto;width:1px;z-index:9999} .skipNav:focus,.skipNav:active{ left:50%;height:auto;overflow:hidden;top:1%;width:auto;padding:6px 8px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} a.skipNav:focus,a.skipNav:active{border-radius:1px;outline:0;font-weight:600;font-size:1.4rem;background:#466ea5;color:#fff;} div.SiteMap ul { list-style: disc; } .hbspt-form { width: 500px; margin: 0 auto; }