@import '../blocks.css';
/* ========================================================================================== RESETS */
.titanBody,div,/*img,*/h1,h2,h3,h4,h5,h6{margin:0;padding:0}
.titanBody *{box-sizing:border-box}

.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%}
.centerright #center .Freeform .Freeform{margin-left:0;padding:0}

@media (min-width:768px){
	.Aggregation,.Calendar,.Commenting,.DisplaySideUpload,
	.EventUpload,.FAQ,.Freeform,.FormEditor,.PhotoBlock,.Product,
	.SearchResults,.SegmentedSearch,.SiteMap,.TOCBlock,.WhatsNew{padding:30px 0}
	#bottom .Freeform+.Freeform{padding-top:0}
	.DataListing{padding:0}
	#right .Freeform{padding-bottom:0}
	#right .DataList{margin-top:30px}
}

.titanBody img{max-width:100%}

/* 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,#jobSearch div.DataFilter2:after,#jobSearch: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,.DataDetail  .oneDetail .info::after,.DataDetail  .oneDetail .detailDescription::after,.DataDetail  .oneDetail .buttonWrapper .buttons::after,#center:after,#right:after
{content:".";display:block;visibility:hidden;clear:both;height:0;font-size:0;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}
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}

/* image float */
img.right,
img.left{display:inline-block;padding:8px}
@media (min-width:500px){
	img.right{float:right;margin:0 0 20px 20px}
	img.left{float:left;margin:0 20px 20px 0}
}


/* .FloatLeft{float:left;margin:0 20px 20px 0}
.FloatRight{float:right;margin:0 0 20px 20px} */

#wrapper:not(.home) #mainContent #center h3,#bottom h2{margin-top:3rem}

/* accessibility */
.skipNav{position:absolute;left:-10000px; height:1px;overflow:hidden;top:auto;width:1px;z-index:9999}
.skipNav:focus{left:5%;height:auto;overflow:hidden;top:1%;width:auto;background:rgba(255,255,255,1);color:rgba(231,124,3,1);padding:2px 8px;border-radius:1rem;outline:0;font-weight:600;font-size:1.4rem}
@media (min-width:60rem){
	.skipNav:focus{left:30%}
}

/* ========================================================================================== layout === */
/* breakpoints & main wrapper */
#content,#footer,#pageTop,#jobSearch{margin:0 auto;max-width:1200px;padding:0 10px;position:relative}
.home #content,.home #footer,.home #pageTop,.home #jobwrapper{max-width:1200px}
#content{padding-top:8rem;padding-bottom:5rem}
#content #content{padding-top:5rem;padding-bottom:0}
#bottom #content{max-width:normal;padding:0}
#bottom {/* padding-top:5rem; */clear:both}
#wrapper{padding-top:6rem}
#wrapper.home{padding-top:0}

/* ======= Page Top/utility ======= */
.cbp-af-header{position:fixed;top:0;left:0;width:100%;z-index:2000} 
#large,.home #logoControlContainer .Freeform{display:none}
#logoControlContainer {position:relative;z-index:200000}
.home #logoControlContainer {max-width:200px;margin:0 auto}
#logoControlContainer a{display:block}
.horz-logo,div.small:not(.home) .horz-logo{max-width:100px;padding:4px 0 3px;margin:0 auto}
@media (min-width:60rem){
	.cbp-af-header.home {height:auto;position:relative}
	div.cbp-af-header:not(.home) #pageTop{padding-top:7rem}
	div.small:not(.home) #pageTop{padding-top:0}
	
	.horz-logo{max-width:100%;padding:7px 0;float:left}
	.home .horz-logo{display:none}
	.home #logoControlContainer .Freeform{display:block;text-align:center}
	
	#large{display:block;position:absolute;top:33.6%;right:0;z-index:100;width:300px}
	div.small:not(.home) #large{display:none}
	.home #large{display:block;position:absolute;top:19%;right:0;z-index:100;width:300px}
	#large .audiences,#large .sitesearch,#large .search,#large .searchBarContainer{height:40px;width:40px;position:absolute;top:0}
	#large .audiences *,#large .sitesearch *,#large .locations *{margin:0;padding:0}
	#large .audiences{right:100px}
	#large .audiences a{height:40px;display:block;text-indent:-999px;overflow:hidden}
	#large .searchBarContainer{right:50px}
	#large .locations .searchBarContainer{right:0}
	#large .search{left:auto;right:0;cursor:pointer}
	#large .searchBarContainer input[type='text']{width:0;padding:11px 8px!important;display:inline-block;outline:none}
}

/* desktop nav */
#desktopNav{display:none}
@media (min-width:60rem){
	#desktopNav{display:block}
	div.cbp-af-header:not(.home) #desktopNav{position:absolute;right:0;bottom:1rem;width:70%}
	#desktopNav .Freeform{margin:0;padding:0}
	#desktopNav ul{list-style:none;margin:0;padding:0;text-align:center}
	#desktopNav .item{display:inline-block;width:24%;position:relative}
	#desktopNav .item a{display:block}
	#desktopNav .item > a{padding:15px 0 18px!important/* find this */}
	div.small:not(.home) #desktopNav .item > a{padding:11px 0 14px!important/* find this */}
	#desktopNav .item img{display:none}
	#desktopNav .megaMenu{display:none;position:absolute;padding:15px 30px;top:58px!important;margin-top:-10px!important;width:100%!important/* override jquery */;z-index:300}
	div.small:not(.home) #desktopNav .megaMenu{margin-top:-20px!important}
	#desktopNav ul ul{text-align:left}
	#desktopNav ul ul a{padding:1rem 0}
}
@media (min-width:71rem){
	div.cbp-af-header:not(.home) #desktopNav{width:77%}
}

/* mobile nav */
	.gn-open-all,.gn-open-part,.gn-icon,.gn-menu-main{position:relative;z-index:10000}
	.gn-menu-main {float:right;height:53px;position:fixed;right:0;top:0;width:30%;}
	.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-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 .gn-icon-menu a{padding:0 30px}
	.gn-menu .Freeform{padding:0}
	.gn-menu-wrapper .searchBarContainer{padding:5px 5px 5px 20px;margin:10px 0;}
	.gn-menu-wrapper .gn-search-item .searchBarContainer{width:77%}
	.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 a,
	.gn-menu-main span,
	.gn-menu-main .social li a,
	.gn-menu-wrapper .tools li a{display:block;height:100%;}
	.gn-menu-main .navItem a,
	.gn-menu-main .navItem span,
	.gn-search-item,
	.gn-menu-main .social li a,
	.gn-menu-wrapper .tools li a,.gn-menu #locations{padding:10px 18px}
	.gn-menu-wrapper .tools li a{padding-left:50px}
	.gn-menu-main .navItem .dropmenu a,
	.gn-menu-main .navItem .dropmenu span{padding-left:28px}
	.gn-menu-main > li{display:block;float:left;height:100%;}
	.gn-menu-main > li:last-child {float:right;}
	.gn-menu-main > li > a{padding:0 30px;}
	.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 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}
	.gn-menu-wrapper .searchBarContainer input[type="text"] {width: 200px;}

	@media (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%}
	}	
	@media (min-width:60rem){
		.gn-menu-main{display:none}	
	}

/* footer */
#footer .social{text-align:center}
#footer .social h4{margin:1rem 0}
#footer .social i{display:inline-block;height:2.7rem;width:2.7rem;text-align:center;padding-top:.6rem}
#footer .social a span{display:none}
#footer .Freeform,#footer .tools{text-align:center}
#footer p{margin:0}
#footer .Freeform{padding:2rem 0}
@media (min-width:60rem){
	#footer .Freeform +.Freeform{float:left}
	#footer .tools{clear:none;float:right}
	#footer .Freeform +.Freeform,#footer .tools{padding:0}
}

/* scrolltop */
#scrollTop{bottom:20px;cursor:pointer;height:40px;position:fixed;right:5px;width:40px;z-index:999}

/* == content == */
#IntroContent{margin-top:3rem}
#IntroContent h1{overflow:hidden}
#IntroContent i,#IntroContent span{float:left}
#IntroContent h2{clear:both;margin-top:1rem}
#top{margin-top:1rem}
#center{position:relative}
.tools + .SharePage + .CenterZone{padding-top:4rem}

@media (min-width:60rem){
	#content{padding-top:20rem;padding-bottom:18rem}
	.home #content{padding-top:9.5rem}
	#IntroContent{margin-top:9rem;}
	#IntroContent,#introBlurb{margin-left:8.5%}
	#IntroContent h1 span{display:inline-block;padding-top:1rem}
	#IntroContent h2{margin-top:2.2rem}
	#mainContent .CenterZone,#bottom .Freeform{margin-left:8.5%}
	.centerright #center{width:70%;float:left}
	.centerright #center .CenterZone {margin-left:12%}
	.centerright #right{width:23%;float:right;padding-top:2rem}
	.tools + .SharePage + .CenterZone{padding-top:2rem}
}

/* home banner */ 
	#banner{text-align:center}
	#banner h1{padding-bottom:2rem}
	
/* page banners */ 
	#top {display:block;overflow:hidden;width:100%;padding-top:0;position:relative}
	#top p.bannerImage{display:block;margin:0;padding:0;width:100%;text-align:right}
	#top .ImageZone{margin:0 0 3rem;padding:5px;width:60%}
	#top .bannerImage + .ImageZone{top:50%;transform:translateY(-50%);position:absolute;margin:0}
	#top .ImageZone br{display:none}
	#top .ImageZone span{display:inline;margin-right:1.5rem}
	#top .ImageZone span h1{left:0!important}
	@media (min-width:60rem){
		#top .ImageZone{margin:10rem 0 3rem 8%}
		#top p.bannerImage{margin-top:5.5rem}		
		#top .bannerImage + .ImageZone{left:7%;width:50%;padding-top:0}
	}
	
/* content */
	/* animations */
	.linkText a,.Float3  button i,#footer .social i,#content div#jobSearch .advancedButtonDesktop,input.jobsSearch,.titanBody input[type=submit]{transition: all 0.3s ease-in-out 0s}
	.detailSummary .linkText a{transition: all 0s ease-in-out 0s}
	
	/* buttons */
	.home .linkText a,input.jobsSearch,.titanBody input[type=submit]{display:inline-block;padding:1.1rem 3rem .8rem;margin:2rem 0;cursor:pointer}
	.linkText a i{display:none}

	/* float 3 */
	.careerResources{}
	.Float3{padding-left:0;padding-right:0}
	.Float3 .OneCol > div{clear:both;text-align:center;padding:0 6%}
	.Float3  button span{display:none}
	.Float3  button i{cursor:pointer;display:block;margin-bottom:1.5rem}
	.Float3 h4{padding-bottom:1rem}
	
	@media (min-width:60rem){
		.Float3 .OneCol > div{float:left;width:33%;clear:none}
		.Float3 .otherStuff{position:relative;padding-bottom:30%}
		.Float3 .otherStuff .linkText{position:absolute;bottom:0;width:100%;text-align:center}
	}
	
/* == New Modal Classes == */
	#officeLocatorBackground,#officeLocator{position:absolute}
	#modalBackground{z-index:10019;display:block;height:100%;position:fixed;width:100%}
	#modalWindow{display:block;margin:10px auto;left:0;right:0;overflow:hidden;padding:20px;position:fixed;z-index:10020}
	#modalWindow.officeLocatorModal {width:300px;height:95%;}
	#modalWindow.officeLocatorMobileModal {width:300px;height:95%;padding:0}
	#modalWindow.applicationModal {width:94%;height:95%; }
	#modalWindow.privacyModal {width:90%;height:90%;}
	#modalWindow.termsOfUseModal {width:90%;height:90%;}
	#officeLocatorBackground{z-index:10021}
	#officeLocator{z-index:10022}
	#modalWindowClose{cursor:pointer;height:34px;position:absolute;top:5px;right:5px;width:34px}
	#modalWindowContent {height:100%}
	#modalWindow iframe{height:100%;width:100%}

	@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}
	}
	/* application form */
	#modalWindow #applicationContents {margin-top: -5px;width: auto;position:relative;}  
	#modalWindow #applicationContents div  {margin:0;padding:0;float:left;}
	#modalWindow #applicationContents input[type="submit"] {margin:10px 0 5px 0;-webkit-appearance: none;}
	#modalWindow #applicationContents input[type="text"]{width:170px;margin:10px 15px 10px 0;}
	#modalWindow #applicationContents #LastName, #modalWindow #applicationContents  #PhoneNumber {margin-right:0;}
	#modalWindow #applicationContents input[type="text"], #modalWindow #applicationContents textarea {padding:4px;}
	#ResumeTypeRadio, #ResumeTypeRadioValues, #ResumeTypeFile, #ResumeTypeText, #applicationButtons, #applicationStatus {clear:both;}
	#modalWindow #applicationContents #ResumeTypeText  {width:100%}
	#modalWindow #applicationContents #applicationStatus {margin-top:30px}
	#modalWindow #applicationContents #ResumeTypeRadio  {margin:3px 0;padding:0;}
	#modalWindow #applicationContents  #ResumeTypeRadioValues div {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%;}	
	
/* === tools (social) & subnav === */
	#center .tools{clear:both;float:left;margin-right:35px;padding:7px;position:absolute;top:0;padding:1px;left:0;z-index:999}
	.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;}
	#center .tools span{display:none;}	
	#center .DataDetail .oneDetail .detailSummary .info .tools{top:auto;bottom:20px}
	#center .DataDetail .oneDetail .infoMin{margin-left:4rem}

	/* #content #mainContent .tools + .SharePage{position:relative;top:0;left:2%} */
	#subpageMenu2 i {width:10px;margin-right:5px;}
	#content #mainContent #subpageMenu2,#content #mainContent .BackButton p{margin: 0px;padding: 0px;width: 220px;position:absolute;left:5rem;top:1rem}
	#content #mainContent #subpageMenu2 ul {list-style: none;margin: 0;padding: 0;}
	#content #mainContent #subpageMenu2 li {float: left;padding: 0px;}
	#content #mainContent #subpageMenu2 li a {display: block;margin: 0px;padding: 0px 0px;}
	#content #mainContent #subpageMenu2 li ul {display: none;height: auto;padding: 0px;margin: 0px;position: absolute;width: 225px;z-index: 200}
	#content #mainContent #subpageMenu2 li:hover ul {display:block}
	#content #mainContent #subpageMenu2 li li {display: block;float:none;margin:0;padding:0;width:225px}
	#content #mainContent #subpageMenu2 li ul a{display:block;margin:0;padding:1rem}
	@media (min-width:40rem){
		#center .tools{margin-top:-28px}
		#content #mainContent #subpageMenu2,#content #mainContent .BackButton p{top:0}
	}
	@media (min-width:60rem){
		#mainContent .tools,#center .detailSummary .tools{left:3.7%}
		.centerright #mainContent .tools{left:5.3%}
		#mainContent .tools + .SharePage{position:relative;top:0;left:4.2%}
		.centerright #mainContent .tools + .SharePage{left:6%}
		#mainContent .tools + .SharePage,#mainContent .tools + .SharePage .Freeform{margin-left:0}
	}
	
/* === job search bar === */
	#jobSearch{position:relative}
	.radius .inputs,.jobType .inputs,.industry .inputs,div#jobSearch .uses,.zip .head h4,div#jobSearch .advanced,.refineSearch,.reset,#wrapper:not(.home) .area > h4,.advancedButton,.advanced,.open .searchJobs,.open .advancedButton,.open .advanced{display:block}
	div#jobSearch .advanced .head span{display:none}
	div.DataList div.DataFilter2 fieldset .input{overflow:visible}
	/* job button & refine search - open and close on mobile - not home */
	#refineSearch,.home .jobButton{display:none}
	.refineSearch{padding:0;margin:0}
	.jobButton{text-align:center;padding:1.5rem;cursor:pointer}
	.jobButton span{background:url('jobsearchMag.png') no-repeat left center;padding-left:3rem;font-size:1.7rem}
		
	/* job fieldsets and wrappers */
	div#jobSearch .s,div#jobSearch fieldset.keywords,div#jobSearch .area,div#jobSearch .advanced{margin:0 auto;width:32rem;padding:0}
	div#jobSearch .DataFilter2,#jobSearch .head,div#jobSearch div.DataList div.DataFilter2 fieldset .input{padding:0}
	div#jobSearch.open  .DataFilter2{padding-bottom:20px}
	#wrapper:not(.home) .searchJobs,div#jobSearch .advanced{display:none;clear:both}
	div#jobSearch .advanced,#wrapper:not(.home) div#jobSearch .zip,#wrapper:not(.home) div#jobSearch .radius{padding-top:2rem}
	div#jobSearch .zip,div#jobSearch .radius,div#jobSearch .jobType,div#jobSearch .industry{float:left;clear:none;width:15.5rem;margin:0}
	div#jobSearch .zip,div#jobSearch .jobType{margin-right:1rem}
	
	/* job labels, headers */
	.zip .head h4,.zip label,div#jobSearch fieldset.keywords label,#wrapper:not(.home) div#jobSearch fieldset.keywords h4,#wrapper:not(.home) div#jobSearch .area > h4,#content div#jobSearch fieldset.zip label{display:inline-block;text-indent:-99rem;overflow:hidden;position:absolute;top:-1rem}
	.searchJobs .keywords .head h4,.searchJobs  .area > h4,.searchJobs .radius h4,.searchJobs .jobType h4,.searchJobs .industry h4{width:auto!important;float:none!important;padding:12px;text-align:center}
	.Safari .searchJobs .keywords .head h4,.Safari .searchJobs  .area > h4,.Safari .searchJobs .radius h4,.Safari .searchJobs .jobType h4,.Safari .searchJobs .industry h4{padding:14px 12px 13px}
	/* .IE .searchJobs .radius h4,.InternetExplorer .searchJobs .radius h4{padding:12px 12px 11px 12px} */
	@media (min-width:60rem){
		.small .searchJobs .keywords .head h4,.small .searchJobs  .area > h4,.small .searchJobs .radius h4,.small .searchJobs .jobType h4,.small .searchJobs .industry h4{padding:7px 12px 6px}
		.Safari .small .searchJobs .keywords .head h4,.Safari .small .searchJobs  .area > h4,.Safari .small .searchJobs .radius h4,.Safari .small .searchJobs .jobType h4,.Safari .small .searchJobs .industry h4{padding:9px 12px 7px}
		/* .IE .small  .searchJobs .radius h4,.InternetExplorer .small  .searchJobs .radius h4{padding:7px 12px 5px} */
	}
	
	
	/* inputs or input like */
	div#jobSearch input[type=text]{padding:12px;text-align:center;width:100%}
	@media (min-width:60rem){
		.small div#jobSearch input[type=text]{padding:5px 12px}
	}
	.titanDisplay input {border-radius:0}
	
	/* drop downs */
	div#jobSearch .reset,.advanced .head >span,div#jobSearch .uses{display:none}
	div#jobSearch .radius,div#jobSearch .jobType,div#jobSearch .industry{position:relative}
	div#jobSearch div.DataList div.DataFilter2{overflow:visible}
	div#jobSearch .radius h4,div#jobSearch .jobType h4,div#jobSearch .industry h4{display:block;cursor:pointer;white-space:nowrap}
	#jobSearch .jobType .head{overflow:hidden}
	div#jobSearch .inputs{display:none;position:absolute;top:46px;z-index:200;padding:1rem;text-align:left;width:100%}
	div#jobSearch  .advanced fieldset:nth-of-type(3){display:none}
	.titanBody div#jobSearch .item{line-height:1.1;display:inline-block}
	@media (min-width:60rem){
		.small div#jobSearch .inputs{top:28px}
	}
	
	/* advanced button */
	#wrapper:not(.home) .advancedButton{display:none}
	#wrapper:not(.home) .open .advancedButton{display:block}
	div#jobSearch .advancedButton{padding:2px 6px 0px 10px;display:block;text-align:center;position:absolute;left:50%;transform:translateX(-50%);bottom:60px;cursor:pointer;font-size:1.3rem}
	#wrapper:not(.home) div#jobSearch .advancedButton{background:rgba(49,63,82,1);transform:translateX(-50%);border-radius:3px;bottom:-1rem;width:auto} 
	div#jobSearch .advancedButton::after{padding-left:5px}
	
	/* search button */
	input.jobsSearch{margin:5rem 1rem 1rem;padding:1.7rem 7rem 1.3rem}
	#wrapper:not(.home) input.jobsSearch{margin:2rem 0 1rem 50%;transform:translateX(-50%)}
	
	@media (min-width:50rem){
		div#jobSearch .s,div#jobSearch .advanced{width:100%;max-width:70rem}
		div#jobSearch fieldset.keywords{float:left;clear:none;width:34rem;margin:0 4rem 0 0}
		div#jobSearch .area{float:right;clear:none;width:32rem;margin:0 }
		#wrapper:not(.home) div#jobSearch .zip,#wrapper:not(.home) div#jobSearch .radius{padding-top:0}
		div#jobSearch .jobType,div#jobSearch .industry{width:16.5rem}
	}
	
	@media (min-width:60rem){
		div.cbp-af-header:not(.small) #jobSearch{margin-top:3.2rem}
		.jobButton {display:none}
		#wrapper:not(.home) .searchJobs{padding:3rem 0;width:99rem;margin:0 auto}
		#wrapper:not(.home) .small  .searchJobs{padding:1rem 0 2rem}
		#wrapper:not(.home) div#jobSearch .s{float:left;margin-right:1rem}
		#wrapper:not(.home) .advancedButton{display:block;left:20%}
		#wrapper:not(.home) input.jobsSearch{margin:.2rem 0 0;transform:translateX(0);float:left;clear:none;margin-left:2rem}
		#wrapper:not(.home) .small input.jobsSearch{padding:1rem 7rem .6rem}
		/* .home div#jobSearch .advancedButton{transform:translateX(-10%)} */
	}
	
/* === job search block === */
	#wrapper .JobSearchBlock  .social {display:none}
	div.DataList.JobSearchBlock .DataListing div.listingTools div.sorter{padding:.6rem 0}
	div.DataList.JobSearchBlock .DataListing div.listingTools {margin-bottom:2rem}
	#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 20px 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}
	.searchJobs .uses{display:none}
	@media screen and (min-width:400px){
	.DataList.JobSearchBlock  .item  h4{/* height:35px; */margin-bottom:3px;overflow:hidden;padding:0;max-height:7.7rem}
	/* .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;}

	.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:5.1rem;padding-bottom:1rem;overflow:hidden}
	.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: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;}
	}	
	
	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:200px;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%}
	}
	@media(min-width:60rem){
		.Indent.PortletBlock{padding-top:9rem}
	}
	@media(min-width:65rem){
		.Indent,div#wrapper.list .DataList.JobSearchBlock{margin-left:8.5%}
	}
	
	/* job detail */
	.detailSummary{position:relative}	
	.oneDetail .item div:first-child{margin-right:0;width:auto;}
	.titanDisplay .DataDetail{margin:0;width:100%}
	.DataDetail  .oneDetail .info,
	.DataDetail  .oneDetail .detailDescription,
	.DataDetail  .oneDetail .buttonWrapper .buttons{padding-left:10px;padding-right:10px;}
	.application-error,.application-success{padding:10px;}
	.statusWrapper img{display:none}
	
	@media(min-width:60rem){
		.DataDetail  .oneDetail .detailSummary{padding-top:3rem}
		.DataDetail  .oneDetail .info h1,#center .DataDetail  .oneDetail .info .infoMin,.DataDetail  .oneDetail .detailWrapper,.DataDetail  .oneDetail  .buttonWrapper,.statusWrapper{margin-left:8.5%}
	}

	@media screen and (min-width: 1032px){
		.DataDetail  .oneDetail .info,
		.DataDetail  .oneDetail .detailDescription,
		.DataDetail  .oneDetail .buttonWrapper .buttons{padding-left:0;padding-right:0}
		.application-error,
		.application-success{padding:10px 0;}
	}

	.DataDetail  .oneDetail .item .detailSummary .info{padding-bottom:17px;position:relative;}
	.DataDetail  .oneDetail  .linkText{clear:both;float:left;}
	.DataDetail  .oneDetail  .linkText a{display:block;padding:5px 13px 5px 30px;}
	.titanDisplay .DataDetail h1{clear:both;margin-bottom:6px;padding-bottom:10px;}
	.DataDetail .oneDetail .item .detailSummary .info .label{display:none;}
	.DataDetail .oneDetail .item .detailSummary  .infoMin div{float:left;margin-right:25px;}

	@media screen and (min-width:60rem){
		.DataDetail .oneDetail .info{margin-top:3rem}
	}

	@media screen and (min-width:800px){
		.detailSummary .info .infoMin {margin-left:0px;}
	}

	.DataDetail  .oneDetail .item .detailDescription{padding-top:20px}
	.titanDisplay .DataDetail .detailWrapper ul li{margin-bottom:7px;}

	.DataDetail  .oneDetail   .buttonWrapper{padding-bottom:10px;overflow:hidden}
	.DataDetail  .oneDetail   .buttonWrapper .buttons .button,
	#applicationContents input[type="submit"]{float:left;margin-right:30px;padding:1.5rem 3rem 1.3rem}
	.DataDetail  .oneDetail   .buttonWrapper .buttons .button{margin-bottom:15px;}
	
	#applicationStatus{display:none;}
	
	@media screen and (min-width:600px){
		#applicationContents input[type="submit"]{padding:1.5rem 7rem 1.3rem}
	}
	
/* === faq === */
	.accordionButton{cursor:pointer}
	.accordionButton,.accordionContent{margin-bottom:.3rem}
	.accordionButtonText{display:block;padding:1rem 3rem .7rem }
	.accordionContent{display:block;padding:1.7rem 3rem .7rem }
	
	/* .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;list-style:none;}
	.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;}
	
/*=== filters === */
	div.Aggregation div.AggregationFilter2 fieldset .inputs{padding-left:0}
	div.Aggregation div.AggregationFilter2 .inputs div{margin-bottom:.2rem}
	div.Aggregation div.AggregationFilter2 .inputs label{padding:0;cursor:pointer;line-height:1.7rem;padding:.9rem 1rem .6rem;width:100%;border-radius:5px}
	div.Aggregation div.AggregationFilter2 .inputs .selected label,div.Aggregation div.AggregationFilter2 .inputs label:hover,div.Aggregation div.AggregationFilter2 .inputs label:focus{color:rgba(231,124,34,1);}
	div.Aggregation div.AggregationFilter2 .inputs .selected label{background:rgba(43,74,104,.1)}
	div.Aggregation div.AggregationFilter2 .inputs input{display:none;margin:.6rem .2rem 0 0}
	div.Aggregation div.AggregationFilter2 {background:rgba(255,255,255,1);border:.3rem solid rgba(231,124,34,1);border-right:0;position:fixed;right:-20rem;top:13rem;z-index:1000;width:20rem;overflow:visible}
	div.Aggregation div.AggregationFilter2 .inner{padding:1rem}
	div.Aggregation div.AggregationFilter2 fieldset *{color:rgba(0,0,0,.8)}
	div.Aggregation div.AggregationFilter2 .refine{cursor:pointer;background:rgba(231,124,34,1);font-weight:600;font-size:1.4rem;position:absolute;left:-7.8rem;top:3.2rem;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);height:4rem;width:11rem;text-align:center;padding-top:.8rem}
	@media (min-width:60rem){
		div.Aggregation div.AggregationFilter2 {position:static;background:transparent;border:0;width:100%}
		div.Aggregation div.AggregationFilter2 .refine{display:none}
		div.Aggregation div.AggregationFilter2 .inner{padding:0}
		div.Aggregation div.AggregationFilter2 fieldset *{color:rgba(255,255,255,1)}
		div.Aggregation div.AggregationFilter2 .inputs  label{color:rgba(255,255,255,.7)}
		div.Aggregation div.AggregationFilter2 .inputs .selected label{background:rgba(43,74,104,.8)}
	}
	
	div.Aggregation div.AggregationFilter2 .head span,div.Aggregation div.AggregationFilter2 .head .reset,div.Aggregation div.AggregationFilter2 .uses{display:none}

/* === right zone === */
	.RightZone.DataList{padding:2rem}
	.RightZone.DataList h3{padding:0}
	.RightZone.DataList h4{line-height:1.2}
	.RightZone.DataList div.ColOne div{padding:0;margin:0}
	.RightZone.DataList div.ColOne div.item{padding:1rem 0}
	@media (min-width:40rem){
		#right .SharePage{float:left;width:45%;margin-right:10%}	
		#right .SharePage + .SharePage{margin-right:0}		
	}
	@media (min-width:60rem){
		#right .SharePage{float:none;width:100%;margin-right:0}		
	}
	
/* === bottom zone === */
#mainContent  hr{display:none}
#mainContent  h2{clear:both}
.group{overflow:hidden}
#mainContent .jt-more {clear:both;padding:1rem 3% 0 0;margin-top:2rem}
#mainContent .jt-more:after{margin-left:.8rem;position:relative;top:.1rem}
p.jt-intro {padding-bottom:16px}
.jt-one-third,.jt-half {width:100%;margin-bottom:3rem;position:relative}
.vidbox {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.vidbox iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.jt-one-third.gradient a{display:block;padding:10% 3rem 60px;margin:2rem 0;position:relative}
.jt-one-third.gradient a:after{position:absolute;bottom:0;right:0;height:45px;width:45px}

.jt-one-third.image{cursor:pointer}
.jt-one-third.image h4{position:absolute;bottom:.8rem;left:0;width:100%;max-width:308px;overflow:hidden}
.jt-one-third.image span{display:block;margin-bottom:1rem}

.jt-half.image{overflow:hidden}
.jt-half.image .otherStuff h4,.jt-one-third.smalltext h4{padding-bottom:.8rem}
.jt-half.image  a.more:after,.jt-one-third a.more:after{margin-left:.5rem}

@media (min-width:30rem) {
	.jt-half.image > a{float:left;margin-right:3%}
}
@media (min-width:60rem) {
	.jt-half{float:left;margin:0 2%;width:46%}
	.jt-one-third {float:left;margin:0 2%;width:29%}
	.jt-one-third.smalltext +.jt-one-third.smalltext{padding-left:2%}
}

/* === these pages are really only for google === */
/* states or provance */
.JobLocations hr{background-color:white;border:0;color:#white;height:1px;clear:both;}
.titanDisplay .JobLocations a:hover,.titanDisplay .JobLocations a:focus{text-decoration:underline}
@media (min-width:20rem) {
	.JobsLocationsListingByRegion,.JobsLocationsListingByCityMinor,.JobsLocationsListingByCityMajor{overflow:hidden}
	.JobsLocationsListingByCityMajor{margin-bottom:6rem}
	.JobsLocationsListingByCityMinor{margin-top:6rem}
	.JobsLocationsListingByRegion p,.JobsLocationsListingByCityMinor p{float:left;width:50%;padding-right:3%}
}
@media (min-width:40rem) {
	.JobsLocationsListingByRegion p,.JobsLocationsListingByCityMinor p{width:33%}
}
@media (min-width:60rem) {
	.JobLocations{margin-left:9%}
}
.CenterZone .majorCity{background:rgba(43,73,104,1);border-radius:.8rem;margin:4% 3%;padding:3%}
.CenterZone .majorCity h3{text-align:left;background:0;margin:0 20px 10px 0;padding:0}
.CenterZone .majorCity h3 a{font-size: 2.1rem;color:rgba(231,124,34,1);font-weight: 600}
.CenterZone .majorCity h3 a:hover,.CenterZone .majorCity h3 a:focus{text-decoration:underline}
.CenterZone .majorCity .JobsLocationsListingByCityCategory{font-size:1.4rem;line-height:1.6rem}
.CenterZone .majorCity .JobsLocationsListingByCityCategory span{display:block;margin-bottom:1rem}
@media (min-width:400px) {
	.CenterZone .majorCity{float:left;height:160px;margin:1%;padding:1%;width:48%}
}
@media (min-width:715px) {
	.CenterZone .majorCity{width:31%}
}
@media (min-width:850px) {
	.CenterZone .majorCity{width:23%}
}

/* filter with teaser image */
@media (max-width:500px) {
	div.CenterZone div.image .teaserImage,div.CenterZone div.image .otherStuff{float:none;width:100%}
}
div.CenterZone div.OneCol div.image a.teaserImage{margin-right:20px}

.hbspt-form {
    width: 300px;
    margin: 0 auto;
}