@import 'RWD_blocks.css'; @import '//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'; .DataFilter2 h3:hover,.DataFilter2 h3:focus,.DataFilter2 h3:active, .AggregationFilter2 h3:hover,.AggregationFilter2 h3:focus,.AggregationFilter2 h3:active, .SegmentedSearchFilter2 h3:hover,.SegmentedSearchFilter2 h3:focus,.SegmentedSearchFilter2 h3:active {color:rgba(68,68,68,1);} div.Aggregation div.AggregationFilter2 fieldset div.head span, div.Aggregation div.AggregationFilter2 fieldset.seeMore div.head span, div.Calendar div.CalendarFilter2 fieldset div.head span, div.Calendar div.CalendarFilter2 fieldset.seeMore div.head span, div.SegmentedSearch div.SegmentedSearchFilter2 fieldset div.head span, div.DataFilter2 fieldset div.head span, div.DataFilter2 fieldset.seeMore div.head span{background:url('images/bgFilterArrows.gif') no-repeat left 5px;} div.Aggregation div.AggregationFilter2 fieldset.min div.head span, div.Calendar div.CalendarFilter2 fieldset.min div.head span, div.SegmentedSearch div.SegmentedSearchFilter2 fieldset.min div.head span, div.DataFilter2 fieldset.min div.head span{background:url('images/bgFilterArrows.gif') no-repeat left -19px;} div.tabbedContent { clear: none; float: left; margin-bottom: 20px; position: relative; width: 100%; } .FAQ .tabbedContent .tabs ,div.tabbedContent ul.tabs { left: 0; list-style: outside none none; margin: 0 0 0 5px; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 90; } .FAQ .tabbedContent .tabs li ,div.tabbedContent ul.tabs li { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgb(204,204,204) rgb(204,204,204) -moz-use-text-color; border-image: none; border-radius: 5px 5px 0 0; border-style: solid solid none; border-width: 1px 1px 0; cursor: pointer; float: left; height: 17px; margin: 0 3px; padding: 5px 8px; position: relative; font-weight:700; } div.tabbedContent ul.tabs li:hover { } div.tabbedContent ul.tabs li.selected { background: rgb(255,255,255) none repeat scroll 0 0; } div.tabbedContent ul.buttons { list-style: outside none none; margin: 0; overflow: hidden; padding: 0; } div.tabbedContent ul.buttons li { background: rgb(238,238,238) none repeat scroll 0 0; border: 1px solid rgb(204,204,204); border-radius: 5px; list-style: outside none none; margin: 4px; overflow: hidden; padding: 0; } div.tabbedContent ul.buttons li:hover,div.tabbedContent ul.buttons li.selected { background: rgb(255,255,255) none repeat scroll 0 0; border-color: rgb(153,153,153); font-weight: 700; } div.tabbedContent .tabsContent { background: rgb(255,255,255) none repeat scroll 0 0; border: 1px solid rgb(204,204,204); border-radius: 5px; margin-bottom: 20px; overflow: hidden; padding: 10px; position: relative; top: 27px; } div.tabbedContent .tabsContent div { display: none; width: 100%; } div.tabbedContent .tabsContent div.selected,div.tabbedContent .tabsContent div.selected div { display: block; } .titanBody,div,h1,h2,h3,h4,h5,h6{margin:0;padding:0;word-wrap:break-word;} .titanBody *{box-sizing:border-box;} .Aggregation,.Commenting,.DisplaySideUpload,.EventUpload,.FAQ,.Freeform,.FormEditor,.PhotoBlock,.SearchResults,.SegmentedSearch,.SiteMap,.TOCBlock,.WhatsNew,.SharePage,.DataList,.UserAccount{clear:both;margin-bottom:0;} .Commenting,.Commenting .commentForm{padding-bottom:30px;} .titanBody p,.titanBody blockquote, .mainBody p,.mainBody blockquote, .Freeform blockquote,.Freeform ol,.Freeform ul,.Freeform dl, .FAQ blockquote,.FAQ ol,.FAQ ul,.FAQ dl,.FAQ dl,.FAQ .ToTop, .FormEditor blockquote,.FormEditor ol,.FormEditor ul,.FormEditor dl{margin-bottom:12px;margin-top:0;padding-top:0;padding-bottom:0;} .Freeform + .TOCBlock {margin-top:20px;} #pageTopArea:after,#utilityWrapper:after,#logo:after,.navWrapper:after,#contentWrapper:after, #contentArea:after,#centerZone:after,.leftNav:after, #bottomContainer:after,#bottomNavContainer:after, .WhiteBlock:after,.GreyBlock:after,.DarkGreyBlock:after,.RedBlock:after,.siteBounds:after,.floatWrap:after{content: ".";display:block;visibility:hidden;clear:both;height:0;font-size:0em;line-height:0;} .titanBody fieldset,.mainBody fieldset{border:0;margin:0;padding:0;} .titanDisplay input[type="text"], .titanDisplay input[type="password"], .titanDisplay input[type="email"], .titanDisplay input[type="file"], .titanDisplay select, .EventUpload .sponsor input,.EventUpload .startTime input,.EventUpload .startDate input,.EventUpload .endDate input,.EventUpload .endTime input,.EventUpload .contactName input,.EventUpload .contactEmail input,.EventUpload .attachment input,.EventUpload .startDate input,.EventUpload .endDate input{padding:8px;width:100%;} .titanDisplay input[type="checkbox"]{margin-right:.8rem;} .titanDisplay select{padding:5px 4px;} .DataFilter2 select,.DataFilter2 input[type="text"],.AggregationFilter2 select,.AggregationFilter2 input[type="text"],.SegmentedSearchFilter2 select,.SegmentedSearchFilter2 input[type="text"]{width:97%} .EventUpload .startDate .icon,.EventUpload .endDate .icon{display:none;} #searchTerms:focus, #searchTermsMobile:focus{outline:none;} .titanDisplay textarea{resize:none;width:100%;} .titanDisplay input::-ms-clear{display:none;} @media all and (min-width:980px){ .DataFilter2 select,.DataFilter2 input[type="text"],.AggregationFilter2 select,.AggregationFilter2 input[type="text"],.SegmentedSearchFilter2 select,.SegmentedSearchFilter2 input[type="text"], .titanDisplay .AggregationFilter2 input[type="text"], .titanDisplay .AggregationFilter2 input[type="password"], .titanDisplay .AggregationFilter2 input[type="email"], .titanDisplay .AggregationFilter2 input[type="file"], .titanDisplay .AggregationFilter2 select, .titanDisplay .AggregationFilter2 textarea{width:97%;} } @media all and (min-width:1200px){ .EventUpload .startDate input,.EventUpload .endDate input{width:48%} .EventUpload .startDate .icon,.EventUpload .endDate .icon{display:inline-block;} .accountFilter2 select{width:99%;} } #scrollTop, #navButton, .CenterZone input[type="submit"],.CenterZone input[type="button"], .searchBarContainer .searchBox::before, .Accordion .minmax, .Accordion dt, .Commenting input[type="button"], .listingTools li,.SegmentedSearchFilter2 .inputs div, .SearchResults .view .minIcon, .SearchResults .view .maxIcon, .FAQ .Accordion .min,.FAQ .Accordion .max,.FAQ .Accordion .accordionHeading, .FAQ .tabbedContent .tabs li{cursor:pointer;} .titanBody img,.titanBody embed,.titanBody object,.titanBody video,.titanBody audio{height:auto;max-width:100%;} .clear{display:none;} .siteBounds{margin:0 auto;padding:0 5%;} #topZone .wrapme .siteBounds{padding:0; max-width: 1210px;} .siteBounds + .siteBounds{padding:0;} @media all and (min-width:600px){ .siteBounds{max-width:1175px;padding:0 2%;} .leftNav #centerZone .WhiteBlock .siteBounds{padding-left:5px;} } @media all and (min-width:1200px){ .siteBounds{max-width:1175px;padding:0 1%;} #centerZone {min-height: 400px;} } #pageTopArea{width:100%;z-index:1000;} #pageTopArea ul {list-style:none;margin:0;padding:0;} #utilityWrapper{display:none;} .utilityNavContainer{position:relative;} .utilityNavContainer li {display:inline-block;} .titanBody .utilityNavContainer a {vertical-align: top;} .utilityNavContainer li::before { background: rgba(0, 0, 0, 0) url("/clientcss/images/utilIconSprite.png") no-repeat scroll top right / auto 100%; content: ""; display: inline-block; height: 26px; margin-right: 8px; width: 26px; } .utilityNavContainer li:last-child::before { background-position: top left; margin-left:10px; } #pageTopArea{background-color:rgba(0,0,0,.6);position:absolute;} @media all and (min-width:1200px){ #logoAngle {content:"";border-bottom: 300px solid rgba(0,0,0,.5); border-right: 220px solid transparent; bottom: 0px; height: 100%; left: 0; margin-left: 0; position: absolute; width: 31%; z-index: 1; } } #logoControlContainer{float:left;margin:10px 0;max-width:65%;} #logoControlContainer img{max-height:75px;} @media all and (min-width:1200px){ #logoControlContainer { position: relative; z-index: 1000; } .Aggregation.StripeWhite + .Freeform.StripeWhite {margin-top:20px;} #pageTopArea{height:128px;position:fixed;} #pageTopArea.sticky {height:44px} #pageTopArea.sticky #logoControlContainer{margin:8px 0 10px;} #pageTopArea.sticky #logoControlContainer a{display:block;width:100%;height:26px;background:url(/Tempco/Non-Data-Assets/Global-Images/TeMpco.png) no-repeat 0 0 / auto 100%;} #pageTopArea.sticky #logoControlContainer img{display:none;} #pageTopArea.sticky #utilityWrapper {border:none;margin-top:10px;} #pageTopArea.sticky #utilityWrapper .searchBarContainer{display:none;} #pageTopArea.sticky #logoControlContainer img {max-height:33px;} #utilityWrapper{display:block;overflow:hidden;float:right;width:29%;border-left:1px solid #aaa;margin-left:1%;padding-left:2%;margin-top:25px;} .utilityNavContainer {float: right;margin: 0 20px 10px 0;} #logoControlContainer{width:13%;} #logoControlContainer img{max-height:100px;} } .searchBarContainer {margin:10px;overflow:hidden;width:65%;position:relative;} .searchBarContainer .search{position:absolute;top:0;right:0;cursor:pointer;} .searchBarContainer input[type=text]{padding:7px 5px 6px 14px;width:calc(100% - 40px);} .searchBarContainer .search{display:inline-block;float:right;width:40px;position:absolute;height:41px;} .searchBarContainer .searchBox:before{top:9px;right:10px;position:absolute;z-index: 0;} .searchBarContainer input#searchGo {z-index:1;} @media all and (min-width:1200px){ .searchBarContainer {margin:10px 0 0;width:100%;} .searchBarContainer .searchBox::before {right: 12px;top: 4px;} .searchBarContainer .search {height:33px;} } .social ul {list-style:none;margin:0;padding:0;} .social li{float:left;margin:10px 5px;text-align:center;} .social a{display:block;height:50px;padding:6px 13px;width:50px;} #mobileNavWrapper .social a{padding:0;} .social span{display:none;} #navigation{float:right;padding:0;margin:20px 10px;} #navButton{text-transform:uppercase;} #topNavContainer {display:none;} #mobileNavWrapper{position:fixed;right:0;max-width:95%;width:450px;z-index:9999;top:0;display:none;height:100%;min-height:100%;overflow-y:scroll;} #mobileNavWrapper span.close{cursor:pointer;position:absolute;right:20px;top:15px;z-index:9999} #mobileNavContainer{position:relative;padding:80px 0 0;width:100%;} #mobileNavWrapper .social {padding-bottom:20px;} #mobileNavWrapper ul,#utilityNavMobile ul {padding:0;margin:0;list-style:none;} #mobileNavWrapper a {display:block;padding:10px 10px 10px 20px;} #mobileNavWrapper a span.arrow {display:none;} #mobileNavWrapper ul ul a {padding-left:35px;} #mobileNav > ul.menu > li {position:relative;min-height:5rem;} #mobileNav > ul.menu > li > div.expander + a {margin-left:60px;padding:15px 0 15px 20px;} #mobileNav > ul.menu > li a {padding:15px 17.5px 15px 8rem;} #mobileNav > ul.menu > li li li a {padding-left:100px;} #mobileNav > ul.menu > li ul a {line-height:2.5rem;} #mobileNav div.expander { float:left; clear:left; margin: 5px 0 0 15px; padding: 5px 15px 5px 0; z-index: 9999; display:block; height:40px; } #mobileNav ul ul div.expander { padding: 11px 15px 5px 7px; } #mobileNav > ul.menu > li > a.hasChild + ul, #mobileNav > ul.menu > li > ul > li > a.hasChild + ul {display:none;} #mobileNavWrapper .searchBarContainer{margin:0 20px;top:15px;width:68%;position:absolute;z-index:9999;} #mobileNavWrapper .searchBarContainer .searchBox::before {right:12px;top:12px;} #mobileNavWrapper .searchBarContainer input[type="text"]{width:calc(100%-40px);padding:13px 10px 13px 13px;box-sizing:border-box;float:left;margin:0;} #mobileNavWrapper .searchBarContainer input.search{position:absolute;top:1px;right:0;z-index:10;width:40px;height:45px;margin:0;padding:0;background: rgb(153, 153, 153) none repeat scroll 0 0;} #mobileNavWrapper .searchBarContainer input.search:hover{cursor:pointer;} @media all and (min-width:1200px){ #navigation{float:left;width:57%;margin:0;} #topNavContainer {display:block;} #navButton {display:none;} #topNavContainer .menu > li ul li ul{position:static;} #pageTopArea .siteBounds {position:relative;z-index:1000;} #topNavContainer .menu > li > ul{position:absolute;} .Android #navigation,.Safari #navigation{margin-top:19px;} #topNavContainer .menu > li,#topNavContainer .menu > li > a{display:inline-block;} #topNavContainer .menu > li > a{padding:51px 22px;} #topNavContainer .menu > li > a span.arrow{display:block;float:right;} #topNavContainer .menu > li > a span.arrow{height:10px;margin:4px 0 0 8px;width:10px;} #topNavContainer .menu > li > ul{min-width:380px;display:none;padding:30px 0.8rem 20px;} #topNavContainer .menu > li:first-child > ul{padding:0 20px;left: 0;} .titanBody.Android #topNavContainer .menu > li.open > ul, .titanBody:not(.Android) #topNavContainer .menu > li:hover > ul {display:block;} #topNavContainer .menu > li ul li a {display: block;line-height: 1.3;padding: 5px 11px;} .sticky #navigation{margin-top:0;} .sticky #topNavContainer .menu > li > a{padding:10px 22px 12px;} .sticky #topNavContainer .menu > li > ul{top:44px;} #pageTopArea .siteBounds {position:relative;} #topNavContainer ul.menu > li:first-child {position:inherit;} #megaMenu, .titanBody #topNavContainer .menu > li:first-child:hover > ul { display:none; } #topNavContainer ul.menu > li:first-child:hover #megaMenu,#megaMenu.open {display:block;} #megaMenu {position:absolute;top:0;padding-top:30px;margin-top:128px;padding-bottom:20px;max-width:950px;} .IE #megaMenu {margin-top:127px} #pageTopArea.sticky #megaMenu {margin-top:44px;} #megaMenu .Float50 {width:auto;margin-left:10px;} #megaMenu .Float50:first-child {max-width:55.45%;} #megaMenu .Float50:last-child {max-width:35.45%;} #megaMenu ul.twoColNav {display:block;width:100%; } #megaMenu ul.twoColNav li {width: 50%;display:table;float:left;} } #leftNav ul {list-style:none;margin:0;padding:0;} #leftNav ul{margin-left:15px;} #leftNav ul li{margin:5px 0;} #leftNav ul a::before{margin-right:5px;margin-left:-15px;position:relative;} #leftNav {margin:0 30px 30px;padding:15px;} @media all and (min-width:1200px){ #leftNav {float:left;margin:0 0 40px 10px;width:22.55%;} .leftNav #centerZone {clear:none;float:right;width:73%;} } div.DataList div.item {position:relative;padding:0 0 20px;} div.DataList div.item .linkText {margin: 10px;overflow:hidden;} .DataListing > h3:first-child {margin-bottom:13px;} .DataListing .item h3 {display:block;padding:25px 20px;} .DataListing .item .cardContent {padding:20px;overflow:hidden;} .DataFilter2 .inputs div, .dataField .inputs div {padding:0;} @media all and (min-width:768px){ div.DataList div.item .linkText a {float: right;} div.DataList div.item .linkText {margin: 0;position:absolute;right:20px;top:20px;} } @media all and (min-width:980px){ .DataFilter2 fieldset,.AggregationFilter2 fieldset,.SegmentedSearchFilter2 fieldset {padding:15px;} .DataFilter2,.AggregationFilter2,.SegmentedSearchFilter2{float:right;margin:62px 0 40px 0;padding:0;width:28%;position:static;} .DataFilter2 + .DataListing, .AggregationFilter2 + .loading + .AggregationResults, .SegmentedSearchFilter2 + .SearchResults{clear:none;float:left;width:68%;} .DataFilter2 h3, .AggregationFilter2 h3, .SegmentedSearchFilter2 h3 { margin: 0; padding: 15px; text-transform: uppercase; } } .DataListing h2 {text-transform:uppercase;margin-top:40px;} .DataListing .ColOne > h2:first-child {margin-top:0;} div.DataList.expandCards div.item {padding-bottom: 0;} .DataDetail:not(.parentDetail) {overflow:hidden;} .parentDetail {margin-bottom:20px;float:left;width:100%;} .parentDetail .oneDetail .item > div {margin-bottom:20px;} .parentDetail .oneDetail .item > div.resources {padding: 20px;} .parentDetail .oneDetail .item > div.resources li a { display: block; margin-bottom: 0.25rem; min-height: 2.4rem; padding-bottom: 5px; } .DataDetail + .DataList {margin-top:30px;} .parentDetail .oneDetail .item > div {width:100%;clear:none;} .parentDetail .oneDetail .item > div:first-child {width:100%;margin-right:0;} .FullDetailsHolder{width:100%;clear:both;float:none;} .FullDetailsHolder .DataDetail {clear: both;width: 100%;} div.DataList .FullDetailsHolder div.item {padding:20px;} .FullDetailsHolder .oneDetail .item > div{margin-bottom:20px;overflow:hidden;} .FullDetailsHolder .oneDetail .item > div:first-child {margin-right: 0;width:100%;} .Caution, .Note { background: rgba(0, 0, 0, 0) url("/Tempco/Non-Data-Assets/Global-Images/WebInfo.png") no-repeat scroll 18px 50%; border: 2px solid rgb(255, 0, 0); min-height: 74px; padding: 10px 10px 10px 80px; display:block; } .Caution {background-image:url(/Tempco/Non-Data-Assets/Global-Images/WebCaution.png);} .FullDetailsHolder .additionalResources ul {list-style:none;padding-left:0;} .oneDetail .item > div.ImageGroup,.oneDetail .item > div.ImageGroup:first-child {margin: 0 auto 20px;width: 100%;overflow:hidden;} .titanBody .ColOne .FullDetailsHolder p {margin-bottom:1.2rem;} @media all and (min-width:768px){ .parentDetail .oneDetail .item > div {float:left;width:48%;margin-right:2%;clear:none;} .parentDetail .oneDetail .item > div:first-child {width:100%;margin-right:2%;} .FullDetailsHolder .additionalResources li {float:left;width:50%;display:block;} .ImageGroup > div, .oneDetail .item .ImageGroup > div:first-child {padding:0 15px;margin:0 auto;float:left;text-align:center;width:100%;clear:none;} .ImageGroup p.caption {margin:0;padding:0;width:100%;text-align:left;font-style:italic;color:#999;font-size:1.3rem;border-bottom:1px solid #999;} .oneDetail .item .ImageGroup.Size_20 > div {width:20%;} .oneDetail .item .ImageGroup.Size_25 > div {width:25%;} .oneDetail .item .ImageGroup.Size_33 > div {width:33%;} .oneDetail .item .ImageGroup.Size_50 > div {width:50%;} .oneDetail .item .ImageGroup.Size_75 > div {width:75%;} .oneDetail .item .ImageGroup.Size_100 > div {width:100%;} } @media all and (min-width:980px){ .parentDetail .oneDetail .item > div {width:calc(68% - 292px);} .parentDetail .oneDetail .item div:first-child {width:292px;} .parentDetail .oneDetail .item > div.resources {width:28%;margin-right:0;} .titanBody .AggregationFilter2 fieldset, .titanBody .SegmentedSearchFilter2 fieldset, .titanBody .DataFilter2 fieldset{margin-bottom:0;padding-bottom:15px;} } @media all and (min-width:1200px){ } .StripeGrey.TOCBlock h3 {text-transform:uppercase;margin-bottom:22px;} #RWD_Feature_slider h4 {margin-top:20px;} #RWD_Feature_slider .OneCol a.teaserImage, #RWD_Feature_slider .OneCol .image .otherStuff {width:100%;} #RWD_Feature_slider .OneCol .item {text-align:center;margin-right:40px;} .customFooter h3{ text-transform:capitalize;} .customFooter img{margin-bottom:20px;} .customFooter > div {margin:30px 0;z-index:10;position:relative;text-align:center;} .customFooter > div:first-child{padding:30px 0;} .customFooter > div:first-child::after{width:75%;height:1px;content:'';background:#828282;position:absolute;top:0;left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);} .customFooter > div:first-child::after {bottom:0;top:auto;clear:none;visibility:visible;} #bottomContainer{padding:20px 0 30px;overflow:hidden;} #bottomContainer p{margin:0;padding:0;clear:none;} #contentFooter {padding:20px 0;position:relative;z-index:30;} #contentFooter span {display:block;margin:40px 0 10px;} #bottomNavContainer {margin:0 0 20px;overflow:hidden;} #bottomNavContainer ul{margin:0;padding:0;list-style:none;} #bottomNavContainer a {padding-bottom:5px;display:block;} @media all and (min-width:500px){ #bottomContainer h4{margin-bottom:10px;} #bottomNavContainer ul{margin:0 0 20px;} #bottomNavContainer li {border-right:1px solid rgb(30,30,30);padding-right:10px;float:left;margin-right:10px;} #bottomNavContainer li:last-child {border:none;margin:0;padding:0;} #bottomNavContainer a {padding-bottom:0;display:inline-block;} } @media all and (min-width:768px){ .customFooter{display: flex;flex-wrap: wrap;} .customFooter > div:nth-child(1){order:2;} .customFooter > div:nth-child(2){order:1;text-align:left;} .customFooter > div:nth-child(3){order:3;text-align:left;} .customFooter > div {width:30%;padding:0;clear:none;margin:10px 0 20px;} .customFooter > div:nth-child(2){padding-right:3%;margin-top:40px;} .customFooter > div:first-child{width:40%;padding:0 2%;} .customFooter > div:first-child::before,.customFooter > div:first-child::after{content:'';background:#828282;position:absolute;width:1px;height:75%;left:0;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);} .customFooter > div:first-child::after {right:0;left:auto;} .customFooter > div:nth-child(3){padding-left:3%;margin-top:40px;} } @media all and (min-width:1200px){ #contentFooter span{margin:0;} #bottomNavContainer {float:right;margin:0;max-width:625px;} } #scrollTop{bottom:20px;display:none;height:54px;right:15px;width:54px;position:fixed;z-index:997;} #scrollTop span{display:block;margin-top:-999999px;} #centerZone > .WhiteBlock:first-child{padding-top:0;} #centerZone .wrapme{padding:50px 0 20px;} #centerZone > .wrapme:first-child {padding-top:30px;} #titleBarContainer + #centerZone > .wrapme:first-child {padding-top:0;} @media all and (min-width:1200px){ #leftNav + #centerZone .wrapme{margin-right:10px;} } .Float25,.Float33,.Float50,.Float66,.Float75{margin-bottom:15px;} @media all and (max-width:1199px){ .Float25:not(.productsList) img,.Float33:not(.productsList) img,.Float50:not(.productsList) img,.Float66:not(.productsList) img,.Float75:not(.productsList) img{float:none;display:block;margin-left:auto;margin-right:auto;} } @media all and (min-width:1200px){ .Float25,.Float33,.Float50,.Float66,.Float75{clear:none;float:left;padding:0;} .Float25{width:22.72%} .Float33{width:31.3%} .Float50{width:48.45%} .Float66{width:65.6%} .Float75{width:74.2%} .Float:not(.firstItemInRow){margin-left:3%;} .Float > .Float {} .titanDisplay .Float25 input[type="text"],.titanDisplay .Float33 input[type="text"],.titanDisplay .Float50 input[type="text"],.titanDisplay .Float66 input[type="text"],.titanDisplay .Float75 input[type="text"], .titanDisplay .Float25 input[type="password"],.titanDisplay .Float33 input[type="password"],.titanDisplay .Float50 input[type="password"],.titanDisplay .Float66 input[type="password"],.titanDisplay .Float75 input[type="password"], .titanDisplay .Float25 input[type="email"],.titanDisplay .Float33 input[type="email"],.titanDisplay .Float50 input[type="email"],.titanDisplay .Float66 input[type="email"],.titanDisplay .Float75 input[type="email"], .titanDisplay .Float25 input[type="file"],.titanDisplay .Float33 input[type="file"],.titanDisplay .Float50 input[type="file"],.titanDisplay .Float66 input[type="file"],.titanDisplay .Float75 input[type="file"], .titanDisplay .Float25 select,.titanDisplay .Float33 select,.titanDisplay .Float50 select,.titanDisplay .Float66 select,.titanDisplay .Float75 select, .titanDisplay .Float25 textarea,.titanDisplay .Float33 textarea,.titanDisplay .Float50 textarea,.titanDisplay .Float66 textarea,.titanDisplay .Float75 textarea{width:100%;} } img.FloatLeft, img.FloatRight{display:block;margin-bottom:12px;} @media all and (min-width:1200px){ img.FloatLeft{float:left;margin:0 30px 20px 0;} img.FloatRight{float:right;margin:0 0 20px 30px;} } .scrollTable{clear:both;overflow-x:auto;overflow-y:hidden;width:100%;} .scrollTable table{width: auto;min-width: 400px;} .scrollText::before{margin-right:10px;font-family:'FontAwesome';content:"\f07e";} .titanBody input[type="button"],.titanBody input[type="submit"],.button a{padding:7px 13px;} .titanBody input[type="button"],.titanBody input[type="submit"]{float:left} .FAQStandard{margin-top:10px;} .FAQStandard a:hover{cursor:pointer;} .FAQStandard dl dt{padding-bottom:10px !important;overflow:hidden;font-weight:700;} .FAQStandard dl dd{padding-top:10px;padding-left:30px;} @media all and (max-width:1150px){ .FAQ dl .item-column{width:100%;float:left;} .FAQ dl .item-column + .item-column{margin-left:0%;}} .FAQAccordion {padding-bottom:20px;} .FAQAccordion .Float {margin-bottom:0;} .FAQAccordion span.min,.FAQAccordion span.max {float:right;display:block!important;} .FAQAccordion .accordionArea {clear:both;} .FAQAccordion .accordionArea > a, .FAQAccordion .accordionArea .accordionHeading span.arrow{display:none !important;} .FAQAccordion dl dt{padding-bottom:10px !important;overflow:hidden;} .FAQAccordion i{width:30px;float:left;padding-left:1px;} .FAQAccordion span.text{float:left;clear:both;padding-left:35px;position:relative;top:-25px;margin-bottom:-25px;} .FAQTabbed div.tabbedContent ul.tabs{position:relative;top:1px;z-index:5;} .FAQ .tabbedContent .tabs li ,.FAQTabbed div.tabbedContent ul.tabs li{height:auto;} .FAQTabbed div.tabbedContent .tabsContent{top:auto;} @media all and (max-width:1150px){ .FAQTabbed div.tabbedContent ul.tabs li{margin-bottom:5px;border-radius:5px;} .FAQTabbed div.tabbedContent .tabsContent{top:auto;}} .DataListing .startDate,.DataListing .endDate{float:left;} .DataListing .location{clear:both;} .DataListing .shortDescription{padding:5px 0;} .DataDetail .backLink{float:none;} .DataDetail .label{display:block;} @media all and (min-width:1200px){ .DataDetail .label{display:inline-block;width:120px;} } @media all and (min-width:500px){ .Aggregation a.teaserImage, .Aggregation .image .otherStuff{float:left;width:50%;} .Aggregation a.teaserImage {padding-right:3%;} } #centerZone .Zebra h4 {margin-bottom:0;} #centerZone .Zebra .AggregationResults .item { padding: 10px 10px 8px; } #centerZone .Zebra .AggregationResults .item.altRow { background: rgb(247, 247, 247) none repeat scroll 0 0; border-bottom: 1px dotted rgb(204, 204, 204); border-top: 1px dotted rgb(204, 204, 204); } @media all and (min-width:1200px){ .ThreeCol a.teaserImage,.FourCol a.teaserImage, .ColThree a.teaserImage,.ColFour a.teaserImage {padding-right:0;} .OneCol a.teaserImage, .ColOne a.teaserImage, .tocList a.teaserImage {width:32%} .OneCol .image .otherStuff, .ColOne .image .otherStuff, .tocList .image .otherStuff {width:67%;} .Zebra .OneCol a.teaserImage {width:auto;max-width:32%} .Zebra .OneCol .image .otherStuff{width:auto;max-width:67%;} .TwoCol > div,.ColTwo > div, .ThreeCol > div,.ColThree > div, .FourCol > div,.ColFour > div{clear:none;float:left;} .TwoCol > div,.ColTwo > div{width:47%;margin-left:3%;margin-right:3%;} .ThreeCol > div,.ColThree > div{margin-left:2.75%;margin-right:2.75%;width:29.5%;} .FourCol > div,.ColFour > div{margin-left:1%;margin-right:1%;width:23.5%;} .TwoCol > div:first-child,.ColTwo > div:first-child, .ThreeCol > div:first-child,.ColThree > div:first-child, .FourCol > div:first-child,.ColFour > div:first-child{margin-left:0;} .TwoCol > div:last-child,.ColTwo > div:last-child, .ThreeCol > div:last-child,.ColThree > div:last-child, .FourCol > div:last-child,.ColFour > div:last-child{margin-right:0;} .TwoCol a.teaserImage,.ThreeCol a.teaserImage,.FourCol a.teaserImage, .ColTwo a.teaserImage,.ColThree a.teaserImage,.ColFour a.teaserImage {margin-right:0;} #leftNav + #centerZone .TwoCol a.teaserImage,.AggregationFilter2 + .loading + .AggregationResults .TwoCol a.teaserImage,#leftNav + #centerZone .TwoCol .image .otherStuff,.AggregationFilter2 + .loading + .AggregationResults .TwoCol .image .otherStuff, #leftNav + #centerZone .ColTwo a.teaserImage,.DataFilter2 + .DataListing .TwoCol a.teaserImage,#leftNav + #centerZone .ColTwo .image .otherStuff,.DataFilter2 + .DataListing .TwoCol .image .otherStuff, .ThreeCol a.teaserImage,.ColThree a.teaserImage, .ThreeCol .item .otherStuff,.ColThree .image .otherStuff, .FourCol a.teaserImage,.ColFour a.teaserImage, .FourCol .item .otherStuff,.ColFour .image .otherStuff{clear:both;float:none;width:100%;} } .CardTransparent .item,.CardBackground .item{position:relative;padding-bottom:70px;} .CardTransparent .item .linkText,.CardBackground .item .linkText{bottom:20px;left:5%;position:absolute;width:100%;} .CardTransparent .item .otherStuff,.CardBackground .item .otherStuff{padding-left:5%;padding-right:5%;} .button.filterTrigger {margin: 0 5px 20px 0;} .filterOpen .DataFilter2,.filterOpen .AggregationFilter2,.filterOpen .SegmentedSearchFilter2{padding-bottom:40px;height:100%;right:0;padding:15px;top:0;position:fixed;min-width:300px;max-width:400px;width:85%;z-index:1001;} .filterOpen .DataFilter2 fieldset,.filterOpen .AggregationFilter2 fieldset,.filterOpen .SegmentedSearchFilter2 fieldset{width:88%;} .DataFilter2,.AggregationFilter2,.SegmentedSearchFilter2,.filterOpen .filterTrigger {display:none;} .filterOpen .DataFilter2,.filterOpen .AggregationFilter2,.filterOpen .SegmentedSearchFilter2,.filterTrigger {display:block;} @media all and (min-width:980px){ .filterTrigger {display:none;} .DataFilter2,.AggregationFilter2,.SegmentedSearchFilter2 {display:block;} .accountFilter2{width:50%;} } @media all and (min-width:600px){ .listingTools li{float:left;} } @media all and (min-width:1200px){ .Commenting .commentForm table{width:50%;} } .seeAllResults a:after{margin-left:5px;} #topZone .HeroBanner {overflow:hidden;min-height:128px;background:rgb(130,130,130);} .HeroBanner{width:100%;position:relative;border-bottom:3px solid rgb(173,18,25);} #contentArea:not(.home) #topZone .HeroBanner p.banner {height:249px;} #contentArea.home #topZone .HeroBanner p.banner {height:475px;} .HeroBanner p.banner {margin:0 auto;overflow:hidden;width:100%;position:relative;width:100%;} .HeroBanner p.banner img{width:auto;height:100%;border-bottom: 1px solid rgb(255,255,255);left:50%;position:relative;max-width:none; transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ;} .HeroBanner .wrapper h1 {text-shadow:1px 1px 1px rgba(0,0,0,.9);font-size:3.6rem;line-height:1.3;margin-bottom:10px;} .home .HeroBanner .wrapper h1 {font-size:3.4rem;} .HeroBanner .wrapper p {text-shadow:1px 1px 1px rgba(0,0,0,.9);font-size:1.6rem;line-height:2.2rem;} .HeroBanner .wrapper p a {font-weight:700;} .titanBody .HeroBanner *,.titanBody .HeroBanner a:hover,.titanBody .HeroBanner a:focus,.titanBody .HeroBanner a:active{color:rgb(255,255,255);} .titanBody .Freeform.HeroBanner a:hover,.titanBody .Freeform.HeroBanner a:focus,.titanBody .Freeform.HeroBanner a:active{text-decoration:underline;} #contentArea:not(.home) .HeroBanner .wrapper {display:none;} #topZone {position:relative;} @media all and (max-width:1199px){ .HeroBanner .wrapper h1 {font-size:2.6rem;} .HeroBanner .wrapper p {line-height:1.9rem;} #contentArea:not(.home) #topZone .HeroBanner {min-height:228px;max-height:250px;} #contentArea.home #topZone .HeroBanner p.banner {height:auto;} .home .HeroBanner .wrapper { background: rgba(0,0,0,0) url("/clientcss/images/banner_jazz.svg") no-repeat left bottom / auto 50%; z-index:800; width:100%; height:calc(100% - 4px); padding:100px 10px; left: 50%; position: absolute; top: 50%; transform:translateY(-50%) translateX(-50%) ; -moz-transform:translateY(-50%) translateX(-50%) ; -webkit-transform:translateY(-50%) translateX(-50%) ; -o-transform:translateY(-50%) translateX(-50%) ; -ms-transform:translateY(-50%) translateX(-50%) ; } .home .HeroBanner .wrapper .siteBounds { left: 50%; position: absolute; top: 50%; transform:translateY(-50%) translateX(-50%) ; -moz-transform:translateY(-50%) translateX(-50%) ; -webkit-transform:translateY(-50%) translateX(-50%) ; -o-transform:translateY(-50%) translateX(-50%) ; -ms-transform:translateY(-50%) translateX(-50%) ; text-align:center; z-index:800; width:80%; padding:200px 0; } } #topZone .polygon{ background:rgba(173,18,25,.85) none repeat scroll 0 0; bottom: 0; content:''; display:block; height: 124px; left:-78px; overflow:hidden; position: absolute; width: 60%; -webkit-transform: skew(50deg); -moz-transform: skew(50deg); -o-transform: skew(50deg); transform: skew(50deg); } #topZone .polygon .inner{ background:rgb(240,240,240) url("/clientcss/images/greyBG.png") repeat scroll left top / auto; border-top:3px solid rgb(173,18,25); box-shadow:0 -1px 0 rgb(255,255,255); content:''; height: 65px; width:130%; bottom:0; left:0; position: absolute; -webkit-transform: skew(-50deg); -moz-transform: skew(-50deg); -o-transform: skew(-50deg); transform: skew(-50deg); } #topZone .polygon{ display:none;} @media all and (min-width:1024px){ #contentArea:not(.home) #topZone .HeroBanner ~ .polygon, #contentArea:not(.home) #topZone #toolContainer + .polygon { display:block;} } @media all and (min-width:1200px){ #topZone {min-height:249px;background:rgb(34,34,34);} #contentArea.home #topZone .HeroBanner p.banner {height:575px;} #contentArea:not(.home) #topZone .HeroBanner {max-height:auto;} .HeroBanner p.banner {background:#000;} .HeroBanner .wrapper p {font-size:2rem;line-height:3rem;} .home #topZone .polygon{ border-top:3px solid rgb(173,18,25); height: 61px; left:-48px; width: 50%; display:block; } .home #topZone .polygon .inner{ height: 65px; left: 6px; } .home .HeroBanner .wrapper { background-color: rgba(173,18,25, 0.85); background-image:none; min-height: 241px; left: 0; position: absolute; top: 65%; -ms-transform:translateY(-65%); -webkit-transform:translateY(-65%); transform: translateY(-65%); width: 60%; z-index:800; height: 241px; } .home .HeroBanner .wrapper::after { background-color: rgba(0, 0, 0, 0); background: url("/clientcss/images/banner_jazz.png"); background: url("/clientcss/images/banner_jazz.svg"); background-repeat: no-repeat; background-size: auto; background-position: right top; content: ""; height: 241px; position: absolute; right: -324px; top: 0; width: 100%; z-index: -1; } .home .HeroBanner .wrapper .siteBounds{float:right;padding:20px 2% 20px 0;} } #topZone .productGroup { margin: -100px auto 0; position: relative; text-align: center; z-index: 999; } @media all and (min-width:1200px){ #topZone .productGroup { margin: 0; position:absolute; width:100%; } #topZone .productGroup .siteBounds {position:relative;} #topZone .productGroup img{ position: absolute; z-index: 999; bottom: -50px; right: -50px; } } .iconFilter h4{font-size:2.5rem;margin-bottom:0;text-shadow:1px 1px 1px rgba(0,0,0,.4);} .iconFilter.Aggregation a.teaserImage, .iconFilter.Aggregation .image .otherStuff {text-align:center;float:none;clear:both;width:100%;} @media all and (min-width:650px) { .iconFilter .item:not(:first-child) {border-left:1px solid rgb(153, 153, 153);} } @media all and (min-width:650px) and (max-width:1199px) { .iconFilter .FourCol > div { clear: none; float: left; } .iconFilter .FourCol > div { padding-left: 1%; padding-right: 1%; width: 25%; } } .Gallery .head span,.Gallery .head h4,.Gallery .uses{display:none;} .Gallery .AggregationFilter2 fieldset div.head {margin-bottom:20px;} .Gallery .AggregationFilter2{background:none;border:none;margin-top:0;width:100%;} .Gallery .AggregationFilter2 fieldset{background:none !important;border:none !important;margin-top:0;padding:0px !important;} .Gallery .AggregationFilter2 .inputs{padding:0px;} .Gallery .AggregationFilter2 .inputs > div{float:left;margin:0 7px 10px 0;width:100px;height:100px;background:rgb(255,255,255);border:2px solid rgb(204,204,204);border-radius:50%;padding:0px;position:relative;cursor:pointer;} .Gallery .AggregationFilter2 .inputs > div:hover,.Gallery .AggregationFilter2 .inputs > div:focus,.Gallery .AggregationFilter2 .inputs > div:active, .Gallery .AggregationFilter2 .inputs > div.selected{background:rgb(173,18,25);} .Gallery .AggregationFilter2 .inputs > div span.item{line-height:1.4;text-align:center;color:rgb(173,18,25);display:block;font-weight:700;cursor:pointer;position:absolute;z-index:3;top:50%;font-family: "Oswald", lato, sans-serif; left:50%;float:left;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);} .Gallery .AggregationFilter2 .inputs > div.selected span.item{color:rgb(255,255,255);} .Gallery .AggregationFilter2 .inputs > div:hover span, .Gallery .AggregationFilter2 .inputs > div.selected span{color:rgb(255,255,255);} .Gallery .item h4 {font-weight:700;font-family: Lato,Arial,Helvetica,sans-serif;font-size:1.6rem;margin:0;} .Gallery .AggregationResults .otherStuff{margin-top:10px;width:100%;} .Gallery .AggregationResults{width:100% !important;} .Gallery .AggregationResults .item{width:23%;background:rgb(255,255,255);padding:15px;border:2px solid rgb(204,204,204);float:left;clear:none;margin-left:1%;margin-right:1%;} @media all and (max-width:850px){ .Gallery .AggregationResults .item{width:48%;}} @media all and (max-width:650px){ .Gallery .AggregationResults .item{width:98%;}} div.PhotoBlock div.filmstrip div.thumbnails { border: none; float: left; height: auto; margin-left: 0; overflow-y: auto; width: 100%; } div.PhotoBlock div.filmstrip img { float:none; margin:0; } div.PhotoBlock div.filmstrip .thumbnails > div { width:100%; margin:5px auto 15px; } @media all and (min-width:768px) { div.PhotoBlock div.filmstrip .thumbnails > div { float: left; margin: 5px 1% 15px 5px; width:30%; } } h6.accordionBullets {cursor:pointer;color:rgb(173,18,25);} h6.accordionBullets::before { content:"\f138"; color:rgb(0,0,0); font-family:"FontAwesome",sans-serif; margin-right:10px; line-height:1; position:relative; top:-1px; } h6.accordionBullets.open::before {content:"\f13a";}