/* this file will be overwritten with Titan Upgrades - do not change this file or your changes will be lost */ /* make style changes to your site specific style or layout css files */ /* ========================================================================================== GENERAL & STYLES */ /* clear floating things */ .Aggregation::after,.Commenting::after,.DisplaySideUpload::after,.EventUpload::after,.FAQ::after,.Freeform::after,.FormEditor::after,.PhotoBlock::after,.SearchResults::after,.SegmentedSearch::after,.SiteMap::after,.TOCBlock::after,.WhatsNew::after,.SharePage::after,.DataList::after,.UserAccount::after, .OneCol > div::after,.TwoCol::after,.ThreeCol::after,.FourCol::after, .ColOne > div::after,.ColTwo::after,.ColThree::after,.ColFour::after, .tocList::after,.tocList > div::after, .commentForm::after{content: ".";display:block;visibility:hidden;clear:both;height:0;font-size:0em;line-height:0;} /* === hr color === */ .titanDisplay hr,.mainBody hr,.Freeform hr,.FormEditor hr,.FAQ hr{background-color:#ccc;border:0;color:#ccc;height:1px;clear:both;} /* === font sizes - line-height === */ .accountFilter2 h3{font-size:1.6rem;line-height:2.2rem;} .SearchResults .view .minIcon,.SearchResults .view .maxIcon{font-size:0;line-height:0;} .reset{font-size:1.2rem;} .Accordion .minmax,.linkText,.hitCount,.linkComments,.linkURL a,.SearchResults .date,.seeAllResults a,.listingTools *,.averageRating,.DataListing .startDate,.DataListing .endDate,.DataListing .location,.OneCol .classifications,.TwoCol .classifications,.ThreeCol .classifications,.FourCol .classifications,.ColOne .classifications,.ColTwo .classifications,.ColThree .classifications,.ColFour .classifications,.tocList .classifications,.Aggregation > div:first-child .seeLess .more,.Aggregation > div:first-child .seeMore .less,.SegmentedSearchFilter2 .seeLess .more,.SegmentedSearchFilter2 .seeMore .less, .DataFilter2 .seeLess .more,.DataFilter2 .seeMore .less{font-size:1.3rem;} .DataFilter2 h4,.Aggregation > div:first-child h4,.SegmentedSearchFilter2 h4.monthHeader{font-size:1.4rem;} .reset,.DataFilter2 .head span,.DataFilter2 .head span::before,.DataFilter2 h4,.Aggregation > div:first-child .head span,.Aggregation > div:first-child .head span::before,.Aggregation > div:first-child h4,.SegmentedSearchFilter2 .head span,.SegmentedSearchFilter2 .head span::before,.SegmentedSearchFilter2 h4,.SearchResults .date,.monthHeader,.DataListing .startDate,.DataListing .endDate,.DataListing .location,.averageRating,.hitCount,.seeAllResults a{line-height:1.6rem;} .SearchResults .view .minIcon::before{font-size:1.8rem;} .DataFilter2 .dblarrow,.DatePicker .dblarrow,.SearchResults h3{font-size:1.9rem;} .Commenting h3,.SearchResults .view .maxIcon::before{font-size:2rem;} .Commenting h3{line-height:2.4rem;} .SearchResults .titleArea h3{font-size:3.5rem;} /* === colors === */ .titanBody .listingTools *{color:rgba(0,0,0,.6);} .titanBody .listingTools li.selected a,.ErrorMessage,.ErrorText,.messageOn,.messageOn{color:rgba(0,0,0,.7);} .DataFilter2 .head span::before,.Aggregation > div:first-child .head span::before,.SegmentedSearchFilter2 .head span::before,.DataListing .startDate,.DataListing .endDate,.DataListing .location, .DataFilter2 td.selected.selectedDate,.DatePicker td.selected.selectedDate,.DataFilter2 td.selected.selectedDate.hasEvent,.DatePicker td.selected.selectedDate.hasEvent,.averageRating,.hitCount,.SearchResults .date,.seeAllResults a{color:rgba(0,0,0,1);} .DataFilter2 .arrow:hover,.DataFilter2 .dblarrow:hover,.DataFilter2 .arrow:focus,.DataFilter2 .dblarrow:focus,.DataFilter2 .arrow:active,.DataFilter2 .dblarrow:active,.DatePicker .arrow:hover,.DatePicker .dblarrow:hover,.DatePicker .arrow:focus,.DatePicker .dblarrow:focus,.DatePicker .arrow:active,.DatePicker .dblarrow:active,div.SearchResults h4.docMatch i,.SearchResults.min .view .maxIcon::before,.SearchResults .view .minIcon::before{color:rgba(119,119,119,1);} .DataFilter2 table td,.DatePicker table td{color:rgba(153,153,153,1);} .DataFilter2 .dblarrow,.DatePicker .dblarrow{color:rgba(51,51,51,1);} .DataFilter2 td.hasEvent,.DataFilter2 td.selectedDate,.DataFilter2 td.selectedDate.hasEvent,.DatePicker td.hasEvent,.DatePicker td.selectedDate,.DatePicker td.selectedDate.hasEvent{color:rgba(255,255,255,1)} /* accent color */ .DataFilter2 .head span:hover::before,.DataFilter2 .head span:focus::before,.DataFilter2 .head span:active::before,.Aggregation > div:first-child .head span:hover::before,.Aggregation > div:first-child .head span:focus::before,.Aggregation > div:first-child .head span:active::before,.SegmentedSearchFilter2 .head span:hover::before,.SegmentedSearchFilter2 .head span:focus::before,.SegmentedSearchFilter2 .head span:active::before,.reqYes,.required span,.SegmentedSearchFilter2 .selected,.SegmentedSearchFilter2 .inputs div:hover,.SearchResults .view .maxIcon::before,.SearchResults .view .maxIcon:hover::before,.SearchResults .view .minIcon:hover::before,.SearchResults.min .view .minIcon::before,.titanBody .listingTools li a:hover{color:rgba(0,0,0,.8);} /* buttons */ .CenterZone input[type="submit"],.CenterZone input[type="button"],.Commenting input[type="button"]{color:rgba(0,0,0,1);} .CenterZone input[type="submit"]:hover,.CenterZone input[type="submit"]:focus,.CenterZone input[type="submit"]:active,.CenterZone input[type="button"]:hover,.CenterZone input[type="button"]:focus,.CenterZone input[type="button"]:active,.Commenting input[type="button"]:hover,.Commenting input[type="button"]:focus,.Commenting input[type="button"]:active{color:rgba(255,255,255,1);} /* === font weights === */ .SearchResults .titleArea h3,.SegmentedSearchFilter2 h4,.DataFilter2 h4,.Aggregation > div:first-child h4,.EventUpload .accountFilter2 label,.DisplaySideUpload .accountFilter2 label,.UserAccount .accountFilter2 label,.SiteMap li ul li{font-weight:400;} .Commenting .label,.EventUpload label,.DisplaySideUpload label,.LogIn label,.UserAccount label,.listingTools label,.OneCol .classifications span,.TwoCol .classifications span,.ThreeCol .classifications span,.FourCol .classifications span,.ColOne .classifications span,.ColTwo .classifications span,.ColThree .classifications span,.ColFour .classifications span,.tocList .classifications span,.DataFilter2 table td.selected,.DataFilter2 table td.hasEvent,.DatePicker table td.hasEvent,.DatePicker table td.selected,.SiteMap ul li,ul.alphaList li a, /* buttons */ .CenterZone input[type="submit"],.CenterZone input[type="button"],.Commenting input[type="button"]{font-weight:700;} /* === text decoration - text-transform - word wraps - text-align === */ .OneCol a.teaserImage,.TwoCol a.teaserImage,.ThreeCol a.teaserImage,.FourCol a.teaserImage,.ColOne a.teaserImage,.ColTwo a.teaserImage,.ColThree a.teaserImage,.ColFour a.teaserImage,.tocList a.teaserImage,.DataFilter2 table td,.DatePicker table td,.Commenting .commentForm table tr,.Commenting .commentForm table td,.commentsPop #logoControlContainer,.commentFormPop #logoControlContainer{text-align:center;} .DataFilter2 h4,.Aggregation > div:first-child h4,.SegmentedSearchFilter2 h4{text-transform:capitalize;} .Aggregation > div:first-child fieldset div.head .reset,.SegmentedSearchFilter2 fieldset div.head .reset,.DataFilter2 fieldset div.head .reset{text-decoration:none;} .listingTools li{white-space:nowrap;} /* === list styles === */ .SiteMap ul,ul.alphaList,.listingTools div.sorter ul{list-style:none;} /* === cursor === */ .DataFilter2 table td,.DataFilter2 table .arrow,.DataFilter2 table .dblarrow,.DatePicker table td,.DatePicker table .arrow,.DatePicker table .dblarrow,.Aggregation > div:first-child .head span,.Aggregation > div:first-child .head span::before,.Aggregation > div:first-child fieldset div.head .reset,.accountFilter2 .head span,.accountFilter2 .head span::before,.SegmentedSearchFilter2 .head span,.SegmentedSearchFilter2 .head span::before,.SegmentedSearchFilter2 fieldset div.head .reset,.DataFilter2 .head span,.DataFilter2 .head span::before,.DataFilter2 fieldset div.head .reset,.EventUpload .startDate .icon,.EventUpload .endDate .icon{cursor:pointer;} .DataFilter2 table .otherMonth,.DatePicker table .otherMonth{cursor:default;} /* === backgrounds and borders === */ .DatePicker{border:solid 1px rgba(51,51,51,1);} .commentsPop .Commenting .siteBounds div:first-child,.commentFormPop .Commenting .siteBounds div.commentForm{border:0;} .Aggregation > div:first-child fieldset div.head,.accountFilter2 fieldset div.head,.SegmentedSearchFilter2 fieldset div.head,.DataFilter2 fieldset div.head{border-bottom:1px solid rgba(204,204,204,1);} .commentsPop,.commentFormPop{background:rgba(255,255,255,1);} .DatePicker{box-shadow:3px 3px 3px rgba(119,119,119,1);} /* buttons */ .CenterZone input[type="submit"],.CenterZone input[type="button"],.Commenting input[type="button"]{background:rgba(255,255,255,1);border:2px solid rgba(0,0,0,.8);} .CenterZone input[type="submit"]:hover,.CenterZone input[type="submit"]:focus,.CenterZone input[type="submit"]:active,.CenterZone input[type="button"]:hover,.CenterZone input[type="button"]:focus,.CenterZone input[type="button"]:active,.Commenting input[type="button"]:hover,.Commenting input[type="button"]:focus,.Commenting input[type="button"]:active{border:2px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);} /* error message */ .titanBody .ErrorMessage,.titanBody .DisplaySideUpload .error{background:rgba(247,247,247,1);border:1px solid rgba(204,204,204,1);} /* === inputs === */ .CenterZone input[type="text"],.CenterZone input[type="email"],.CenterZone input[type="password"],.CenterZone select,.CenterZone textarea,.Commenting input[type="text"],.Commenting input[type="email"],.Commenting input[type="password"],.Commenting select,.Commenting textarea{border:1px solid rgba(200,200,200,1);} .CenterZone input[type="text"]:hover,.CenterZone input[type="text"]:focus,.CenterZone input[type="text"]:active,.CenterZone input[type="email"]:hover,.CenterZone input[type="email"]:focus,.CenterZone input[type="email"]:active,.CenterZone input[type="password"]:hover,.CenterZone input[type="password"]:focus,.CenterZone input[type="password"]:active,.CenterZone select:hover,.CenterZone select:focus,.CenterZone select:active,.CenterZone textarea:hover,.CenterZone textarea:focus,.CenterZone textarea:active,.Commenting input:hover,.Commenting input:focus,.Commenting input:active,.Commenting select:hover,.Commenting select:focus,.Commenting select:active,.Commenting textarea:hover,.Commenting textarea:focus,.Commenting textarea:active{border:1px solid rgba(150,150,150,1);} /* === images === */ .Aggregation img,.DataList img,.Commenting img,.PhotoBlock img,.SearchResults img,.SiteMap img,.TOCBlock img,.WhatsNew img,.Freeform a img,.FormEditor a img,.FAQ a img{border:0;outline:0} /* ========================================================================================== BLOCKS */ /* === Tabs - Data Detail & FAQ block === */ div.tabbedContent{clear:none;float:left;position:relative;width:100%;margin-bottom:20px;} /* tab variety */ div.tabbedContent ul.tabs{list-style:none;margin:0 0 0 5px;padding:0;overflow:hidden;position:absolute;top:0;left:0;z-index:90;} div.tabbedContent ul.tabs li{position:relative;cursor:pointer;float:left;padding:5px 8px;height:17px;margin:0 3px;border:1px solid #ccc;border-bottom:0; border-radius:5px 5px 0 0;} div.tabbedContent ul.tabs li:hover{} div.tabbedContent ul.tabs li.selected{font-weight:bold;background:#fff;} /* button variety */ div.tabbedContent ul.buttons{list-style:none;margin:0px;padding:0px;overflow:hidden;} div.tabbedContent ul.buttons li{list-style:none;margin:0px;padding:0px;overflow:hidden;border:1px solid #ccc;border-radius:5px;margin:4px;background:#eee;} div.tabbedContent ul.buttons li:hover, div.tabbedContent ul.buttons li.selected{font-weight:bold;background:#fff;border-color:#999;} /* the actual tab content */ div.tabbedContent .tabsContent{position:relative;top:27px;margin-bottom:20px;overflow:hidden;padding:10px;background:#fff;border:1px solid #ccc;border-radius:5px;} div.tabbedContent .tabsContent div{display:none;width:100%;} div.tabbedContent .tabsContent div.selected, div.tabbedContent .tabsContent div.selected div{display:block;} div.tabbedContent .tabsContent a {} div.tabbedContent .tabsContent a img{border:0;} /* === FAQ === */ /* answer area */ .FAQ dl{margin:0;padding:0;} .FAQ dl dt{clear:both;float:none;overflow:hidden;padding-top:10px;padding-bottom:5px;} .FAQ .ToTop{clear:both;display:inline-block;margin-bottom:12px;} .FAQ .titan_faq_q dl dt{border:0;}/* wkst only */ .FAQ dl dd{margin:0;overflow:hidden;} .FAQ .titan_faq_q dl dt{padding-top:0;}/* wkst only */ .FAQ .Accordion .min, .FAQ .Accordion.open .max, .FAQ .Accordion .accordionContent{display:none;} .FAQ .Accordion.open .min, .FAQ .Accordion .accordionContent.open{display:block;} .FAQ .Accordion .min, .FAQ .Accordion .max{padding:5px;} .FAQ .Accordion .accordionHeading{clear:both;margin-bottom:10px;overflow:hidden;padding:5px;} .FAQ .Accordion .accordionHeading >span{float:left;} .FAQ .Accordion .accordionHeading span.arrow + span{width:90%;} .FAQ .Accordion .accordionContent{margin:10px 20px;} /* === SITE MAP === */ .SiteMap ul li{margin-top:10px;} /* === LISTING BLOCKS - toc, filter, data === */ /* display none */ div.loading, div.classifications,div.SegmentedSearch div.message{clear:both;display:none;} div.SegmentedSearch div.loading div {display:none;} div.loading.waiting,div.SegmentedSearch div.loading,div.SegmentedSearch div.loading div.message{display:block;} /* column - .item */ .OneCol > div,.TwoCol > div,.ThreeCol > div,.FourCol > div,.ColOne > div,.ColTwo > div,.ColThree > div,.ColFour > div,.tocList > div,.SegmentedSearch .loading .message{margin-bottom:20px;overflow:hidden;} /* teaser image */ .OneCol a.teaserImage,.TwoCol a.teaserImage,.ThreeCol a.teaserImage,.FourCol a.teaserImage,.ColOne a.teaserImage,.ColTwo a.teaserImage,.ColThree a.teaserImage,.ColFour a.teaserImage,.tocList a.teaserImage{display:block;margin:0 auto 5px auto;} /* paragraphs */ .titanBody .OneCol p,.titanBody .TwoCol p,.titanBody .ThreeCol p,.titanBody .FourCol p,.titanBody .ColOne p,.titanBody .ColTwo p,.titanBody .ColThree p,.titanBody .ColFour p,.titanBody .tocList p{margin-bottom:0;} .titanBody .OneCol p.teaser,.titanBody .TwoCol p.teaser,.titanBody .ThreeCol p.teaser,.titanBody .FourCol p.teaser,.titanBody .ColOne p.teaser,.titanBody .ColTwo p.teaser,.titanBody .ColThree p.teaser,.titanBody .ColFour .teaser,.titanBody .tocList p.teaser{margin:5px 0;} /* ratings & hit count & publish date & comments */ .OneCol .averageRating span,.TwoCol .averageRating span,.ThreeCol .averageRating span,.FourCol .averageRating span,.ColOne .averageRating span,.ColTwo .averageRating span,.ColThree .averageRating span,.ColFour .averageRating span,.tocList .averageRating span{padding-right:5px;} .OneCol .averageRating .icon,.TwoCol .averageRating .icon,.ThreeCol .averageRating .icon,.FourCol .averageRating .icon,.ColOne .averageRating .icon,.ColTwo .averageRating .icon,.ColThree .averageRating .icon,.ColFour .averageRating .icon,.tocList .averageRating .icon{display:none;} .OneCol .hitCount,.TwoCol .hitCount,.ThreeCol .hitCount,.FourCol .hitCount,.ColOne .hitCount,.ColTwo .hitCount,.ColThree .hitCount,.ColFour .hitCount,.tocList .hitCount,.VideoLineup .hitCount,.OneCol .date,.TwoCol .date,.ThreeCol .date,.FourCol .date,.ColOne .date,.ColTwo .date,.ColThree .date,.ColFour .date,.tocList .date,.VideoLineup .date{display:block;} /* classifications */ .OneCol .classifications ul,.TwoCol .classifications ul,.ThreeCol .classifications ul,.FourCol .classifications ul,.ColOne .classifications ul,.ColTwo .classifications ul,.ColThree .classifications ul,.ColFour .classifications ul,.tocList .classifications ul{margin:0;padding:0;} .OneCol .classifications ul li,.TwoCol .classifications ul li,.ThreeCol .classifications ul li,.FourCol .classifications ul li,.ColOne .classifications ul li,.ColTwo .classifications ul li,.ColThree .classifications ul li,.ColFour .classifications ul li,.tocList .classifications ul li{display:inline-block;padding:0 5px;} /* pagination */ ul.paginationFooter,ul.pagination{clear:both;margin:10px 0;padding:0;} ul.pagination span{display:inline;padding:0 4px;} ul.paginationFooter li,ul.pagination li{display:inline;} ul.paginationFooter li.nextButton{margin-left:9px;} .SearchResults .paginationFooter{margin-bottom:5px;} /* calendar widget - DataFilter2 = fieldset.calendar table.calendar, EventUpload = div.DatePicker table.calendar */ .DatePicker{z-index:2;width:180px;} .DataFilter2 .calendar .input{padding:5px 0!important;} .DataFilter2 table,.DatePicker table{margin:0 auto;} .DataFilter2 table th,.DatePicker table th{padding:3px 0;} .DataFilter2 table td,.DatePicker table td{height:32px;width:14.25%;} /* alpha filter block */ ul.alphaList{margin:10px 0;padding:0;} ul.alphaList li{display:inline-block;padding-right:9px;} .alpha{clear:both;padding-top:10px;} .tocList{margin-left:25px;} .tocList div{margin-bottom:15px;overflow:hidden;} /* === FILTERING === */ /* fieldset and selections */ .Aggregation > div:first-child,.accountFilter2,.SegmentedSearchFilter2,.DataFilter2{float:none;margin:0 0 15px 0;width:100%;} .titanBody .Aggregation > div:first-child fieldset,.titanBody .accountFilter2 fieldset,.titanBody .SegmentedSearchFilter2 fieldset,.titanBody .DataFilter2 fieldset{margin-bottom:15px;} /* head area */ .Aggregation > div:first-child fieldset div.head,.accountFilter2 fieldset div.head,.SegmentedSearchFilter2 fieldset div.head,.DataFilter2 fieldset div.head{overflow:hidden;padding:5px 5px 2px 5px;} .Aggregation > div:first-child .head span,.Aggregation > div:first-child .head span::before,.accountFilter2 .head span,.accountFilter2 .head span::before,.SegmentedSearchFilter2 .head span,.SegmentedSearchFilter2 .head span::before,.DataFilter2 .head span,.DataFilter2 .head span::before{float:left;height:10px;margin:0 5px 0 0;width:10px;} .Aggregation > div:first-child fieldset div.head h4,.accountFilter2 fieldset div.head h4,.SegmentedSearchFilter2 fieldset div.head h4,.DataFilter2 fieldset div.head h4{float:left;} .Aggregation > div:first-child fieldset div.head .reset,.SegmentedSearchFilter2 fieldset div.head .reset,.DataFilter2 fieldset div.head .reset{clear:none;float:right;margin:0;padding:0;width:28px;} /* tags and keywords*/ .Aggregation > div:first-child .inputs,.Aggregation > div:first-child .input,.accountFilter2 .inputs,.SegmentedSearchFilter2 .inputs,.SegmentedSearchFilter2 .input,.DataFilter2 .inputs,.DataFilter2 .input,.dataField.tags .inputs,.dataField.tags .input,.dataField .inputs,.dataField .input {overflow:hidden;padding:5px 0 0 6px;} .Aggregation > div:first-child .inputs input,.Aggregation > div:first-child .inputs label,.accountFilter2 .inputs input,.accountFilter2 .inputs label,.SegmentedSearchFilter2 .inputs input,.SegmentedSearchFilter2 .inputs label,.DataFilter2 .inputs input,.DataFilter2 .inputs label,.dataField .inputs input,.dataField .inputs label{float:left;margin-left:0;} .Aggregation > div:first-child .inputs label,.accountFilter2 .inputs label,.SegmentedSearchFilter2 .inputs label,.DataFilter2 .inputs label,.dataField .inputs label{width:82%;} .Aggregation > div:first-child .inputs div,.accountFilter2 .inputs span,.SegmentedSearchFilter2 .inputs div,.DataFilter2 .inputs div,.dataField .inputs div{display:block;overflow:hidden;padding:4px 0;} .Aggregation > div:first-child input[type="checkbox"],.accountFilter2 input[type="checkbox"],.SegmentedSearchFilter2 input[type="checkbox"],.DataFilter2 input[type="checkbox"],.dataField input[type="checkbox"]{margin-top:5px;margin-right:8px;} .Aggregation > div:first-child fieldset table,.accountFilter2 fieldset table,.SegmentedSearchFilter2 fieldset table,.DataFilter2 fieldset table,.dataField fieldset table{width:100%;} /* see Less - seeMore - min - zero */ .Aggregation > div:first-child .seeMore .seeMore,.Aggregation > div:first-child .seeLess .more,.Aggregation > div:first-child .seeMore .less,.Aggregation > div:first-child .min .inputs .selected,.SegmentedSearchFilter2 .seeMore .seeMore,.SegmentedSearchFilter2 .seeLess .more,.SegmentedSearchFilter2 .seeMore .less,.SegmentedSearchFilter2 .min .inputs.selected,.DataFilter2 .seeMore .seeMore,.DataFilter2 .seeLess .more,.DataFilter2 .seeMore .less,.DataFilter2 .min .inputs .selected{display:block;} .Aggregation > div:first-child .seeLess .more,.Aggregation > div:first-child .seeMore .less,.SegmentedSearchFilter2 .seeLess .more,.SegmentedSearchFilter2 .seeMore .less,.DataFilter2 .seeLess .more,.DataFilter2 .seeMore .less{margin-left:7px;} .Aggregation > div:first-child .seeLess .seeMore,.Aggregation > div:first-child .seeLess .less,.Aggregation > div:first-child .seeMore .more,.Aggregation > div:first-child .hideZero .zero,.Aggregation > div:first-child .min .inputs div,.Aggregation > div:first-child .seeLess.min .more,.Aggregation > div:first-child .seeMore.min .less,.SegmentedSearchFilter2 .seeLess .seeMore,.SegmentedSearchFilter2 .seeLess .less,.SegmentedSearchFilter2 .seeMore .more,.SegmentedSearchFilter2 .hideZero .zero,.SegmentedSearchFilter2 .min .inputs div,.SegmentedSearchFilter2 .seeLess.min .more,.SegmentedSearchFilter2.seeMore.min .less,.DataFilter2 .seeLess .seeMore,.DataFilter2 .seeLess .less,.DataFilter2 .seeMore .more,.DataFilter2 .hideZero .zero,.DataFilter2 .min .inputs div,.DataFilter2 .seeLess.min .more,.DataFilter2 .seeMore.min .less, fieldset.tagSuggest.min div.search,fieldset.proximity.min div.search{display:none;} /* sorting */ .listingTools{overflow:hidden;padding:10px 0;} .listingTools .sorter{overflow:hidden;} .listingTools label{float:left;padding:3px 6px 3px 0;} .listingTools div.sorter ul{float:left;margin:0;padding:0;} .listingTools li{clear:none;float:none;margin:0;} .listingTools li a{display:inline-block;padding:3px 9px;} /* === FORM BLOCKS === */ .EventUpload label,.DisplaySideUpload .uploadFields div label,.LogIn label,.UserAccount label{display:block;} .Commenting .commentForm div,.EventUpload div div div,.DisplaySideUpload .uploadFields div,.LogIn div div,.UserAccount .accountForm div,.UserAccount .hintQuestions div,.accountFilter2{padding-top:10px;} .EventUpload .DatePicker,.Commenting .commentForm .SFMessage,.EventUpload .SFMessage,.DisplaySideUpload .SFMessage,.LogIn .SFMessage,.UserAccount .SFMessage,.UserAccount .SFMessage{padding:0;} .FormEditor .SFMessage,.Commenting .commentForm .SFMessage,.EventUpload .SFMessage{display:list-item;list-style:disc;margin-left:30px;} .thankYouForm .recaptcha,.EventUpload p{clear:both;} /* inputs */ /* Hide the clear X on textboxes in IE10+ (at least until there's an event we can attach to) */ .IE .titanDisplay input::-ms-clear,.IE .dataField input::-ms-clear{display:none;} /* buttons */ .titanDisplay input[type="button"],.titanDisplay input[type="submit"]{-webkit-appearance:none;} /* ipad button override */ .Commenting .buttons,.EventUpload .buttons,.EventUpload .buttonsSubmit,.DisplaySideUpload .upload,.LogIn .buttons,.UserAccount .buttons,.FormEditor .buttons,.Aggregation .Aggregation > div:first-child input.btnSubmit{clear:both;display:block;} /* error messages */ .titanBody .ErrorMessage,.titanBody .error{margin:10px 0;padding:5px;} .titanBody .accountForm .error{padding:0;} /* hide error message */ .Commenting .nameMessage,.Commenting .emailMessage,.Commenting .titleMessage,.Commenting .ratingMessage,.Commenting .commentMessage,.Commenting .recaptchaMessage,.Commenting .ErrorMessage,.ErrorMessage br, .EventUpload .eventNameMessage,.EventUpload .descriptionMessage,.EventUpload .sponsorMessage,.EventUpload .locationMessage,.EventUpload .startDateMessage,.EventUpload .startTimeMessage,.EventUpload .endDateMessage,.EventUpload .endTimeMessage,.EventUpload .contactNameMessage,.EventUpload .contactEmailMessage,.EventUpload .attachmentMessage,.EventUpload .notesMessage,.UserAccount .ErrorMessage{display:none;} /* error message icons */ .Commenting .icon,.EventUpload .icon{display:none;} /* after submit - show error message */ .Commenting .messageOn,.Commenting .error,.EventUpload .messageOn,.EventUpload .error,.LogIn .error{clear:both;display:none;} /* recaptcha */ #recaptcha_logo,#recaptcha_tagline{display:none;} #recaptcha_image{margin-top:20px;} #recaptcha_area span.recaptcha_only_if_image{display:block;padding:20px 5px 2px 0;} #recaptcha_response_field{margin-bottom:10px;} /* event upload calendar icons */ .EventUpload .startDate .icon,.EventUpload .endDate .icon{display:inline-block;margin-left:5px;} /* log in & registration */ .LogIn .remember label{display:inline-block;margin-left:5px;} .LogIn .buttons{overflow:hidden;} .LogIn .forgot,.LogIn .account{padding-top:4px;} .UserAccount .TOUAgree{overflow:hidden;} .UserAccount .TOUAgree input,.UserAccount .TOUAgree label{float:left;} .UserAccount .response + .response{padding-bottom:20px;} .UserAccount .reqYes{float:left;padding-right:3px;} .UserAccount .req{display:none;} /* === COMMENTING === */ .Commenting .commentForm,.Commenting .summary,.Commenting .comments{padding-top:20px;} /* general */ .Commenting .label,.Commenting .value,.Commenting .value span{float:left;margin-right:5px;} .Commenting .label{width:100px;} /* form */ .Commenting td{width:10%;} .Commenting .commentForm .label{padding-top:6px;width:130px;} .Commenting .commentForm .comment .label{float:left;padding-right:4px;padding-top:0;width:80px;} .Commenting .commentForm table{border-collapse:collapse;margin:0;padding:0;width:100%;} .Commenting .commentForm table tr,.Commenting .commentForm table td{margin:0;padding:0;} .Commenting .commentForm .comment textarea{clear:both;float:left;} /* summary */ .Commenting .summary{margin-bottom:10px;overflow:hidden;padding-bottom:10px;} .Commenting .summary > div{clear:both;overflow:hidden;} .Commenting .summary .label{width:150px;} /* comments */ .Commenting .comments{margin-bottom:10px;} .Commenting .OneCol > div {margin:10px 0 0 0;overflow:hidden;padding:12px 0 0 0;} .Commenting .OneCol > div:first-child{margin:0;padding:0;} .Commenting .OneCol div div{clear:both;margin-bottom:2px;overflow:hidden;} .Commenting .OneCol div div.comment{margin-top:13px;} .Commenting .OneCol div div div{clear:none;margin:0;} .Commenting .OneCol .comment .label,.Commenting .OneCol .comment .value{clear:both;display:block;} /* comments pop up */ .commentsPop #pageTopArea,.commentFormPop #pageTopArea{height:auto;position:static;} .commentsPop #logoControlContainer,.commentFormPop #logoControlContainer{float:none;margin-bottom:0;width:100%;} .commentsPop #logoControlContainer a,.commentFormPop #logoControlContainer a{display:inline-block;margin-top:5px;} .commentsPop #contentArea,.commentFormPop #contentArea{padding-top:10px;} #bottomContainer.commentsFooter{padding-left:10%;padding-right:10%;} #bottomContainer.commentsFooter #poweredBy{display:none;} /* === SEARCH RESULTS === */ .smartSearchTitle{margin-top:10px;} .organicSearchResults .OneCol div{overflow:hidden;} .smartSearchResults,.SmartRL{margin:10px 0;padding:15px 15px 0 15px;} .smartSearchResults h3{clear:both;margin:0 0 15px 0;padding:0;} .docMatch{margin:10px 0;} .titleMiddle{display:none;} .didYouMean{margin:15px 0;} .didYouMean h2{margin:5px 0;} .SmartRL,.PagesRL,.FilesRL,.PeopleRL,.NewsRL,.EventRL,.ProductRL{clear:both;margin-bottom:25px;overflow:hidden;padding-bottom:5px;} .SearchResults .seeAllResults{clear:both;float:right;} .fullSegment h3{display:none;} .SearchResults .tools,.SearchResults .view{overflow:hidden;} .SearchResults .view ,.SearchResults .sort{clear:none;float:left;padding:5px 0;} .SearchResults .view {width:120px;} .SearchResults .sort select{float:left;margin-top:-5px;width:auto;} .SearchResults .tools .label{float:left;width:50px;} .SearchResults .view .minIcon,.SearchResults .view .maxIcon{margin-right:8px;} /* min view */ .SegmentedSearch .min .teaserImage,.SegmentedSearch .min .date,.SegmentedSearch .min .hitCount,.SegmentedSearch .min .teaser,.SegmentedSearch .min .linkText,.SegmentedSearch .min .linkComments,.SegmentedSearch .min .linkURL,.SegmentedSearch .min .averageRating,.SegmentedSearch .min .sort,.SegmentedSearch .min .author,.SegmentedSearch .min .size,.SegmentedSearch .min .type,.SegmentedSearch .min .phone,.SegmentedSearch .min .emailAddress,.SegmentedSearch .min .department,.SegmentedSearch .min .EventRL .allDayEvent,.SegmentedSearch .min .EventRL .startTime,.SegmentedSearch .min .EventRL .endTime,.SegmentedSearch .min .EventRL .endDate,.SegmentedSearch .min .EventRL .location,.SegmentedSearch .min .price,.SegmentedSearch .min .date,.SegmentedSearch .min .description,.SegmentedSearch .min .shortTeaser,.SegmentedSearch .min .longTeaser,.SegmentedSearch .min .partNumber,.SegmentedSearch .min .urlText,.SegmentedSearch .min .sku,.SegmentedSearch .min .otherStuff .label,.SegmentedSearch .min .EventRL .startDate,.SegmentedSearch .min .EventRL .sponsor,.SegmentedSearch .min .EventRL .contact,.SegmentedSearch .min .EventRL .email,.SegmentedSearch .min .EventRL p,.SegmentedSearch .min .EventRL .hitCount,.SegmentedSearch .min .EventRL .attachment{display:none;} /* ========================================================================================== stopped */ /* === Tag/Proximity Suggest filter === */ .titanWkstMarker .DataEditor fieldset{border:0;background:0;} .tagSuggest div.search, .proximity div.search {margin:4px 4px 0px 6px; padding:4px 9px; width:auto/*88%*/; height:12px; line-height:17px; border:1px solid gray; position:relative; display:block; white-space:nowrap; background-color:#fff; appearance:textfield; -webkit-appearance:textfield; -moz-appearance:textfield;} .Firefox .tagSuggest div.search, .Firefox .proximity div.search {border-top:1px solid #abadb3;border-right:1px solid #dbdfe6;border-bottom:1px solid #e3e9ef;border-left:1px solid #e2e3ea} .tagSuggest div.search span.totals {float:right; color:#888; font-style:italic;} .tagSuggest div.search input.searchBox, .proximity div.search input.searchBox {background-color:transparent; margin:0; padding:0; height:auto; width:96%; border:none; vertical-align:top;outline:none;position:absolute;left:4px;} .tagSuggest div.suggest, .proximity div.suggest {z-index:10;position:absolute;margin:0 4px 4px 6px;padding:1px;width:inherit/*used with non-absolute position - 88%*/;border:1px solid gray;box-shadow:2px 2px 1px #ccc;background-color:#fff; appearance:textfield;-webkit-appearance:textfield;-moz-appearance:textfield;} .tagSuggest div.suggest ul, .proximity div.suggest ul {list-style:none;padding:0;margin:0;} #mainBody div.Product .tagSuggest .suggest ul{margin-left:0;} .tagSuggest div.suggest ul li, .proximity div.suggest ul li {cursor:pointer;padding:5px;overflow:hidden;} .tagSuggest div.suggest ul li span.uses {float:right;color:#888;} .tagSuggest div.suggest ul li.noResults, .tagSuggest div.suggest ul li.noResults:hover .proximity div.suggest ul li.noResults, .proximity div.suggest ul li.noResults:hover {cursor:default; background-color:transparent; color:#888; font-style:italic;} .tagSuggest div.suggest ul li:hover, .tagSuggest div.suggest ul li.hover, .proximity div.suggest ul li:hover, .proximity div.suggest ul li.hover {background-color: #eee;} /* === END Tag Suggest === */ /* end general shared tags and elements */ /* FORM BLOCKS commenting, event upload, file upload, filter, log in, registration */ /* For Data Editor */ div.DataEditor div.dataField div.fieldMessage.messageOn {color:red;} div.DataEditor div.dataField div.fieldMessage span.icon{margin:0;padding:0;background:none;cursor:default;} div.DataEditor div.dataField.date input.date, div.DataEditor div.dataField.datetime input.date, div.DataEditor div.dataField.datetimerecur input.date {width:100px;} div.DataEditor div.dataField.date input.time, div.DataEditor div.dataField.datetime input.time, div.DataEditor div.dataField.datetimerecur input.time {width:80px; margin-left:20px;} div.DataEditor div.dataField.date span.icon, div.DataEditor div.dataField.datetime span.icon, div.DataEditor div.dataField.datetimerecur span.icon{background:url('images/thbCalendar.png') no-repeat left top;cursor:pointer;display:inline;margin-left:5px;padding:3px 7px;} div.DataEditor div.dataField.datetimerecur .patternLabel {padding-top:5px;} div.DataEditor div.dataField.latlong span {display:block;} div.DataEditor div.dataField.latlong label {width:78px;} div.DataEditor div.dataField.latlong input {width:80px;} div.DataEditor div.textarea textarea {width:300px;height:80px;} div.DataEditor div.dataField.freeform span.linkEdit {cursor:pointer; text-decoration:underline;} div.DataEditor div.dataField.freeform div.previewDiv {margin:5px 0; padding:2px; height:150px; overflow-y:auto; border:1px solid #707070;width:300px;appearance:textfield;-webkit-appearance:textfield;-moz-appearance:textfield;} html.TTPopupContent div.DataEditor div.dataField.freeform div.previewDiv {width:98%;} .Firefox div.DataEditor div.dataField.freeform div.previewDiv { border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA;border-style: solid;border-width: 1px;} .DataEditor table td{vertical-align:top!important} .DataEditor label{font-weight:bold;display:inline-block;margin-top:4px;font-size:12px} .DataEditor .linkEdit{margin-top:4px;display:inline-block;} .DataEditor td input[type='text']{padding:4px 2px;font-size:12px;} .content-inner .DataEditor td input[type='text']{padding:2px;} .DataEditor .previewDiv{font-size:12px;} .DataEditor .tagSuggest div.search, .DataEditor .tagSuggest div.suggest, .Chrome .DataEditor .tagSuggest div.suggest, .IE .DataEditor .tagSuggest div.suggest{margin:0;width:200px;} .Chrome .DataEditor .tagSuggest div.search, .Chrome .DataEditor .tagSuggest div.suggest{margin-left:2px;} .DataEditor .tagSuggest .totals{margin-right:7px} div.DataEditor div.dataField input[type='button'].simple_button{margin-left:5px;} /*div.DataEditor div.dataField input[type='button'].simple_button {background-color:#ddd; border:1px solid #e1e1e1; border-right-color:#a4a4a4; border-bottom-color:#a4a4a4; width:auto; margin-right:5px; padding:2px 7px;cursor:pointer;} div.DataEditor div.dataField input[type='button']:disabled.simple_button {color:GrayText;background-color:ButtonFace;cursor:default;}*/ div.DataEditor div.dataField.linkpicker, div.DataEditor div.dataField.multifilepicker {float:left;width:99%;} div.DataEditor div.dataField.tags fieldset, div.DataEditor div.dataField.tags .inputs {margin:0; padding:0;} div.DataEditor div.dataField.linkpicker fieldset, div.DataEditor div.dataField.multifilepicker fieldset {border:1px solid #dcdcdc; padding:0 0 5px 0; margin:5px 0px 5px 2px;} div.DataEditor div.dataField.linkpicker fieldset .h4legend, div.DataEditor div.dataField.multifilepicker fieldset .h4legend {margin:0; padding:6px; line-height:1; font-size:12px; font-weight:bold; border-bottom:1px solid #dcdcdc;} div.DataEditor div.dataField.linkpicker fieldset .h4legend span, div.DataEditor div.dataField.multifilepicker fieldset .h4legend span {padding:0;} div.DataEditor div.dataField div.buttons input.sortUp, div.DataEditor div.dataField div.buttons input.sortDown { display: inline-block; margin: 0 2px; border-left:6px solid transparent; border-right:6px solid transparent; float: none; width:0; height:0; } div.DataEditor div.dataField div.buttons input.sortUp {border-bottom:10px solid black;} div.DataEditor div.dataField div.buttons input.sortUp.disabled {border-bottom-color:#e1e1e1;} div.DataEditor div.dataField div.buttons input.sortDown {border-top:10px solid black;} div.DataEditor div.dataField div.buttons input.sortDown.disabled {border-top-color:#e1e1e1;} div.DataEditor div.dataField span.name, div.DataEditor div.dataField span.link {display:inline-block;width:40%;padding-top:6px;margin-right:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} div.DataEditor div.dataField div.optionList {width:100%;margin:0;overflow-x:hidden;overflow-y:auto} div.DataEditor div.dataField div.optionList ul {height:150px;width:100%;margin:0;padding:0;} div.DataEditor div.dataField div.optionList ul li {float:none;clear:both;margin:0;padding:0 0 0 6px;display:table;cursor:pointer;width:100%;border-bottom:dotted 1px lightgray;} div.DataEditor div.dataField div.optionList ul li.select {background-color:lightgray;} div.DataEditor div.dataField div.optionList ul li.marker {display:none; cursor:default;} /* === RecurrenceEditor within DataEditor === */ div.DataEditor .RecurrenceEditor { border: solid 1px #777; -moz-box-shadow: 3px 3px 3px #777; -webkit-box-shadow: 3px 3px 3px #777; box-shadow: 3px 3px 3px #777; z-index: 1; background:#f1f1e3; padding: 0px; margin: 0px; } div.DataEditor .RecurrenceEditor span.label {font-weight:bold;display:block;padding-bottom:4px;} div.DataEditor .RecurrenceEditor.error {border:solid 1px red; background-color:#FFEBF1; } div.DataEditor .RecurrenceEditor .errorText {display:none;} div.DataEditor .RecurrenceEditor.error .errorText {display:block;} div.DataEditor .RecurrenceEditor .errorText, div.DataEditor .RecurrenceEditor .recurrenceInput, div.DataEditor .RecurrenceEditor .recurrenceEnd, div.DataEditor .RecurrenceEditor .recurrenceExcludes, div.DataEditor .RecurrenceEditor .recurrenceButtons {float:left; clear:both; width:580px; padding:4px; margin:5px; border:solid 1px #999; background:#F0F0F0;} div.DataEditor .RecurrenceEditor .recurrenceButtons {background:none;border:none;text-align:right;} div.DataEditor .RecurrenceEditor ul {list-style-type:none; margin:0; padding:0; float:left; width:100%; color:#333;} div.DataEditor .RecurrenceEditor ul li {float:left; margin-right:25px; color:#333;} div.DataEditor .RecurrenceEditor .recurrenceInput ul.verticalradio li {clear:left; width:95%; margin-bottom:5px; padding:0; } div.DataEditor .RecurrenceEditor .recurrenceInput ul.verticalradio select {padding:1px; margin:0 3px;} div.DataEditor .RecurrenceEditor .recurrenceInput ul.verticalradio label {font-weight:normal;} div.DataEditor .RecurrenceEditor .frequencyInput {float:left; width:120px; height:100px; padding-top:5px; border-right:solid 1px #999;} div.DataEditor .RecurrenceEditor .frequency {float:left; width:445px; padding-left:10px;} div.DataEditor .RecurrenceEditor .frequency .daily, div.DataEditor .RecurrenceEditor .frequency .weekly, div.DataEditor .RecurrenceEditor .frequency .monthly, div.DataEditor .RecurrenceEditor .frequency .yearly {display:none;} div.DataEditor .RecurrenceEditor .frequency.daily .daily, div.DataEditor .RecurrenceEditor .frequency.weekly .weekly, div.DataEditor .RecurrenceEditor .frequency.monthly .monthly, div.DataEditor .RecurrenceEditor .frequency.yearly .yearly {display:inline-block; width:100%; margin-top:5px;} div.DataEditor .RecurrenceEditor .frequency span {width:100%; margin-bottom:10px; display:block;} div.DataEditor .RecurrenceEditor .frequency .weekly span.dow {float:left; display:inline-block; width:110px; margin-bottom:5px;} div.DataEditor .RecurrenceEditor .frequency .weekly span.dow label {font-weight:normal;display:inline;} div.DataEditor .RecurrenceEditor input[type="text"] {margin:0 3px; padding:1px 2px;} div.DataEditor .RecurrenceEditor .frequency input.shortFixed, div.DataEditor .RecurrenceEditor .recurrenceEnd input.shortFixed {width:46px; margin:0 3px;} div.DataEditor .RecurrenceEditor .recurrenceEnd input.short {width:100px;} div.DataEditor .RecurrenceEditor .recurrenceEnd label {font-weight:normal;display:inline;} div.DataEditor .RecurrenceEditor .recurrenceExcludes select.radioOptions {width:250px;float:left;} div.DataEditor .RecurrenceEditor .recurrenceExcludes div.radioOptionBuilder {padding:2px 10px; display:inline-block;} div.DataEditor .RecurrenceEditor .recurrenceExcludes div.radioOptionBuilder span {float:left;width:50px;padding:4px 0px 0px 10px;} div.DataEditor .RecurrenceEditor .recurrenceExcludes div.radioOptionBuilder input {padding-left:5px;margin-bottom:5px;} div.DataEditor .RecurrenceEditor .calendarIcon {background:url('images/thbCalendar.png') no-repeat left top; cursor:pointer; display:inline-block; margin-left:5px; padding:3px 7px;} /* === Data Editor - StatusMessage === */ div.DataEditor div.StatusWarning {background:#FEEFCE;border:1px solid #FF9900;margin:10px 0;padding:5px;} /* === DATA LIST === */ div.DataList{} div.DataList a img{border:0;} /* Data Listing */ div.DataList .DataListing{} div.DataList .DataListing div.ColOne, div.DataList .DataListing div.ColTwo, div.DataList .DataListing div.ColThree, div.DataList .DataListing div.ColFour, div.DataList .DataListing div.ColFive{overflow:hidden;} div.DataList .DataListing div.ColOne div.item, div.DataList .DataListing div.ColTwo, div.DataList .DataListing div.ColThree, div.DataList .DataListing div.ColFour, div.DataList .DataListing div.ColFive{border-bottom:1px solid #ddd;} div.DataList .DataListing div.ColTwo div.item{float:left;width:47%;} div.DataList .DataListing div.ColThree div.item{float:left;width:31%;} div.DataList .DataListing div.ColFour div.item{float:left;width:22%;} div.DataList .DataListing div.ColFive div.item{float:left;width:17%;} div.DataList div.items{padding-top:10px;overflow:hidden;} div.DataList div.item{overflow:hidden;margin-right:15px;padding:10px 0;} div.DataList div.ColOne div.item{margin-right:0;} div.DataList div.item .label {font-weight:bold; margin-right:5px;} div.DataList div.item span {display:block;} div.DataList div.item span span {display:inline;} div.DataList .DataListing div.ColOne a.teaserImage, div.DataList .DataListing div.ColTwo a.teaserImage{margin-right:7px;} div.DataList .DataListing div.ColThree a.teaserImage, div.DataList .DataListing div.ColFour a.teaserImage, div.DataList .DataListing div.ColFive a.teaserImage{float:none;} /* DataList filtering */ div.DataList .DataFilter2{} div.DataList .DataFilter2 div.inputs div span{cursor:pointer;} div.DataList .DataFilter2 .calendar span.icon{background:url('images/thbCalendar.png') no-repeat left top;cursor:pointer;display:inline;margin-left:5px;padding:1px 7px;} div.DataList .DataFilter2 .calendar span.from, div.DataList .DataFilter2 .calendar span.to, div.DataList .DataFilter2 .calendar label span.instruction {display:block; margin-bottom:5px; font-weight:normal;} div.DataList .DataFilter2 .calendar span.from label, div.DataList .DataFilter2 .calendar span.to label {display:inline; float:left; margin-right:5px; font-weight:bold;} div.DataList .DataFilter2 .monthLinks {display:block; width:100%; text-align:center; line-height:1.5em;} div.DataList .DataFilter2 .monthLinks span.left {padding:0 7px 0px 0px; float:left;} div.DataList .DataFilter2 .monthLinks span.right {padding:0 0px 0px 7px; float:right;} div.DataList .DataFilter2 .monthLinks .monthTitle {font-size:1.2em; line-height:1.5em;} div.DataList .DataFilter2 .monthLinks .dblarrow, div.DataList .DataFilter2 .monthLinks .arrow {font-size:1.5em; cursor:pointer; color:#333;} div.DataList .DataFilter2 .monthLinks .dblarrow:hover, div.DataList .DataFilter2 .monthLinks .arrow:hover {color:#777;} div.DataList .DataFilter2 .monthDropdown select {display:block; width:100%; font-size:1.2em;} /* === DATA DETAIL === */ div.DataDetail{} .oneDetail .label{font-weight:bold;margin-right:5px;} .oneDetail .date, .oneDetail .time{margin-right:5px;} .oneDetail .linkText{margin-bottom:20px;} .oneDetail .linkText a{} .oneDetail .item div:first-child{clear:both;margin-right:20px;width:310px;} .oneDetail .item div.previewPhotos{float:left;overflow:hidden;} .oneDetail .item div:first-child div.previewPhotos div.mainPhoto + div span, .oneDetail .item div:first-child div.previewPhotos div.mainPhoto + div span + span + span + span, .oneDetail .item div:first-child div.previewPhotos div.mainPhoto + div span + span + span + span + span + span + span{float:left;margin:1px 10px 0 0;} .oneDetail .item div:first-child div.previewPhotos div.mainPhoto + div span + span + span + span + span + span, .oneDetail .item div:first-child div.previewPhotos div.mainPhoto + div span + span + span{margin:1px 0 0 0;} /* TABLES IN TABS */ .oneDetail .item div.tabbedContent .tabsContent table{border-collapse:collapse;margin:0 20px 0 0;width:370px;} .oneDetail .item div.tabbedContent .tabsContent table caption{} .oneDetail .item div.tabbedContent .tabsContent #Tab_1_2_Content table, .oneDetail .item div.tabbedContent .tabsContent #Tab_1_3_Content table{width:100%;margin:0 0 10px 0!important} .oneDetail .item div.tabbedContent .tabsContent #Tab_1_3_Content table th, .oneDetail .item div.tabbedContent .tabsContent #Tab_1_3_Content table td{width:150px} .oneDetail .item div.tabbedContent .tabsContent #Tab_1_3_Content table th + th, .oneDetail .item div.tabbedContent .tabsContent #Tab_1_3_Content table td + td{width:300px} .oneDetail .item div.tabbedContent .tabsContent #Tab_1_3_Content table th + th + th, .oneDetail .item div.tabbedContent .tabsContent #Tab_1_3_Content table td + td + td{width:50px;} .oneDetail .item div.tabbedContent .tabsContent table ul{margin:0;padding:0 0 0 15px;} .oneDetail .item div.tabbedContent .tabsContent th, .oneDetail .item div.tabbedContent .tabsContent td, .oneDetail .item div.tabbedContent .tabsContent table caption{padding:5px 10px;} .oneDetail .item div.tabbedContent .tabsContent #Tab_1_3_Content table th{text-align:left;} .oneDetail .item div.tabbedContent .tabsContent span{margin-bottom:10px;display:block;} .oneDetail .item div.tabbedContent .tabsContent span{clear:both;} .oneDetail .item div.tabbedContent .tabsContent #Tab_1_1_Content table + p{display:none;} /* STYLES FOR TABLES IN TABS */ .oneDetail .item div.tabbedContent .tabsContent table{border:1px solid #ccc;} .oneDetail .item div.tabbedContent .tabsContent th{white-space:nowrap;} .oneDetail .item div.tabbedContent .tabsContent th, .oneDetail .item div.tabbedContent .tabsContent td, .oneDetail .item div.tabbedContent .tabsContent table caption{border:1px solid #ccc;color:#555;} .oneDetail .item div.tabbedContent .tabsContent table caption{border-bottom:0;background:#eee;font-weight:bold;} .oneDetail .item div.tabbedContent .tabsContent th{background:#eee;white-space:nowrap;} .oneDetail .item div.tabbedContent .tabsContent .odd th{background:#ddd;} .oneDetail .item div.tabbedContent .tabsContent .odd{background:#eee;} .oneDetail .item div.tabbedContent .tabsContent #Tab_1_3_Content table th{background:#ddd;text-align:left;} /* === PAGE SHARE === */ div.SharePage{background:0;border:0;padding:0;} /* === PHOTO BLOCK === */ div.PhotoBlock div.filmstrip{} div.PhotoBlock div.filmstrip div h3{color:#555;font-size:11px;font-weight:bold;padding-left:5px;} div.PhotoBlock div.filmstrip img{cursor:pointer;float:left;margin:5px;} div.PhotoBlock div.filmstrip div.webImages{float:left;width:330px;} div.PhotoBlock div.filmstrip div.leftArrow, div.PhotoBlock div.filmstrip div.rightArrow{color:#fff;font-size:0;line-height:50;cursor:pointer;float:left;height:20px;margin-top:45px;width:20px;} div.PhotoBlock div.filmstrip div.rightArrow + div{display:none;} div.PhotoBlock div.filmstrip div.leftArrow{background:url('images/btnPrevNextArrows.gif') no-repeat left top;} div.PhotoBlock div.filmstrip div.rightArrow{background:url('images/btnPrevNextArrows.gif') no-repeat right top;} div.PhotoBlock div.filmstrip div.leftArrow:hover{background-position:left bottom;} div.PhotoBlock div.filmstrip div.rightArrow:hover{background-position:right bottom;} div.PhotoBlock div.filmstrip div.thumbnails{border:1px solid #ddd;float:left;height:400px;margin-left:70px;overflow-y:scroll;width:187px;} /* === RECAPTCHA === */ .recaptcha {clear:both;top:10px;margin-bottom:20px;width:352px;} .recaptcha, #recaptcha_image{position:relative;padding:5px;} #recaptcha_area input + div, #recaptcha_area div.recaptcha_only_if_image, #recaptcha_area div.recaptcha_only_if_audio, #recaptcha_area input + div + div + div + div{position:absolute;} #recaptcha_area input + div a, #recaptcha_area div.recaptcha_only_if_image a, #recaptcha_area div.recaptcha_only_if_audio a, #recaptcha_area input + div + div + div + div a{display:block;height:16px;width:25px;} #recaptcha_area input + div + div + div + div + div, span.recaptcha_only_if_audio{display:none;} #recaptcha_area input + div{top:10px;right:10px;} #recaptcha_area div.recaptcha_only_if_image, #recaptcha_area div.recaptcha_only_if_audio{top:27px;right:10px;} #recaptcha_area input + div + div + div + div{top:42px;right:10px;} .recaptchaMessage, #recaptcha_area span.recaptcha_only_if_image{display:none;} #recaptcha_response_field{margin-top:10px;width:310px;} #recaptcha_image{margin-top:0;} .recaptcha, #recaptcha_image{border:1px solid #e5e5e5;} #recaptcha_response_field{border:1px solid #4d4d4d;} #recaptcha_area input + div a, #recaptcha_area div.recaptcha_only_if_image a, #recaptcha_area div.recaptcha_only_if_audio a, #recaptcha_area input + div + div + div + div a{font-size:0;line-height:70px;color:#fff;} #recaptcha_area input + div a{background:transparent url('images/bgrecaptchanew.png') no-repeat left top;} #recaptcha_area div.recaptcha_only_if_image a{background:transparent url('images/bgrecaptchaaudio.png') no-repeat left top;} #recaptcha_area div.recaptcha_only_if_audio a{background:transparent url('images/bgrecaptchatext.png') no-repeat left top;} #recaptcha_area input + div + div + div + div a{background:transparent url('images/bgrecaptchahelp.png') no-repeat left top;} /* === VIDEO BLOCK (freeform) === */ .titanFlowHolder{border:1px solid #ddd;background:#eee url('images/videoPlay.png') no-repeat 50% 50%;} /* === DATA EDITOR === */ #titanDialogCover { position: absolute; top: 0px; left: 0px; height: 50px; width: 50px; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); } /* end individual blocks */ /* ========================================================================================== PRINT */ .titanPrint, .titanPrint #mainBody, .titanPrint #contentArea, .titanPrint #contentContainer, .titanPrint #centerZone, .titanPrint h1,.titanPrint h2,.titanPrint h3,.titanPrint h4,.titanPrint h5,.titanPrint h6 {border:0;background:0;} .titanPrint #mainBody, .titanPrint #contentArea, .titanPrint #contentContainer, .titanPrint #centerZone{margin:0;padding:0;width:100%;} @media print { h1,h2,h3,h4,h5,h6, .titanDisplay, .titanBody, #mainBody, #contentArea, #contentContainer, #centerZone{background:0!important;} #rotatorImage, #utilityNavContainer, #searchBarContainer, #topNavContainer, #toolContainer, #leftContentContainer, #rightZone, #bottomNavContainer, #poweredBy{display:none;} #mainBody, #contentArea, #contentContainer, #contentContainer, #centerZone{margin:0;padding:0;width:100%!important;} }/* THIS IS A PARENT THEME TO SEVERAL MICROSITE, EACH WITH THEIR OWN OVERRIDE CSS FILES. CHANGES MADE HERE WILL IMPACT MULTIPLE SITES */ /* block classes */ .S1,.S2,.S3,.S4,.S5,.S6,.S7,.S8,.S9,.S10,.S11,.S12,.M1,.M2,.M3,.M4,.M5,.M6,.M7,.M8,.M9,.M10,.M11,.M12,.L1,.L2,.L3,.L4,.L5,.L6,.L7,.L8,.L9,.L10,.L11,.L12, .StripeWhite,.StripeGrey,.StripeBlue,.StripeGreen,.StripeLightGreen, .CardBackground,.Accordion,.LargeBanner,.HeroBanner, /* text editor classes*/ .FloatLeft,.FloatRight,.button{} /* ========================================================================================== RESETS */ /* === reset margin and padding === */ .titanBody,div,h1,h2,h3,h4,h5,h6{margin:0;padding:0;word-wrap:break-word;} .titanBody *{box-sizing:border-box;} /* === margin bottom on blocks === */ .titanDisplay .Aggregation:not(.w3-col),.titanDisplay .Commenting,.titanDisplay .DisplaySideUpload,.titanDisplay .EventUpload,.titanDisplay .FAQ:not(.w3-col),.titanDisplay .Freeform:not(.w3-col):not(.CardBackground),.titanDisplay .FormEditor:not(.w3-col),.titanDisplay .PhotoBlock:not(.w3-col),.titanDisplay .SearchResults,.titanDisplay .SegmentedSearch,.titanDisplay .SiteMap,.titanDisplay .TOCBlock:not(.w3-col),.titanDisplay .WhatsNew:not(.w3-col),.titanDisplay .SharePage:not(.w3-col),.titanDisplay .DataList:not(.w3-col),.titanDisplay .UserAccount{clear:both;margin-bottom:0;} .Commenting, .Commenting .commentForm{padding-bottom:30px;} #centerZone ul {padding-left:2rem;} /* === margin bottom on content === */ .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;} /* === fix floats === */ #pageTopArea:after,#utilityWrapper:after,#logo:after,#contentWrapper:after, #contentArea:after,#centerZone:after,.leftNav:after, #bottomContainer:after,#bottomContainer .social:after, .WhiteBlock:after,.GreyBlock:after,.GreenBlock:after,.BlueBlock:after,.siteBounds:after{content: ".";display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;} /* === fieldset === */ .titanBody fieldset,.mainBody fieldset{border:0;margin:0;padding:0;}/* don't remove these attributes, can add attributes/change values */ /* === form inputs === */ .titanDisplay input[type="text"], .titanDisplay input[type="password"], .titanDisplay input[type="email"], .titanDisplay input[type="file"], .titanDisplay select, .titanDisplay textarea, .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:1rem;width:100%;} .DataFilter2 select,.DataFilter2 input[type="text"],.Aggregation > div:first-child select,.Aggregation > div:first-child 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 screen and (min-width:1200px){ .titanDisplay input[type="text"], .titanDisplay input[type="password"], .titanDisplay input[type="email"], .titanDisplay input[type="file"], .titanDisplay select, .titanDisplay textarea, .EventUpload .sponsor input,.EventUpload .startTime input,.EventUpload .endTime input,.EventUpload .contactName input,.EventUpload .contactEmail input,.EventUpload .attachment input{width:50%;} .EventUpload .startDate input,.EventUpload .endDate input{width:48%} .EventUpload .startDate .icon, .EventUpload .endDate .icon{display:inline-block;} .DataFilter2 select,.DataFilter2 input[type="text"],.Aggregation > div:first-child select,.Aggregation > div:first-child input[type="text"],.SegmentedSearchFilter2 select,.SegmentedSearchFilter2 input[type="text"]{width:97%;} .accountFilter2 select{width:99%;} } /* === pointer === */ #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;} /* === responsive images === */ .titanBody img,.titanBody embed,.titanBody object,.titanBody video,.titanBody audio{height:auto;max-width:100%;} /* === hide element === */ .clear{display:none;} /* ========================================================================================== GLOBAL LAYOUT */ /* SITE BOUNDS */ .siteBounds{margin:0 auto;padding:0 5%;} @media screen and (min-width:600px){ .siteBounds{max-width:1175px;padding:0 2%;} .leftNav #centerZone .WhiteBlock .siteBounds{padding-left:5px;} } /* ========================================================================================== PAGE LAYOUT */ /* === HEADER === */ #pageTopArea{width:100%;z-index:1000;position:relative;} #pageTopArea ul {list-style:none;margin:0;padding:0;} /* @media screen and (min-width:1200px){ #pageTopArea{position:fixed;height:123px;} #contentArea {padding-top: 123px;} } */ /* === UTILITY === */ #utilityWrapper{display:none;} @media screen and (min-width:1200px){ #utilityWrapper{display:block;} #utilityWrapper .wrapper{float:right;margin-right:10px;} .utilityNavContainer,.searchBarContainer{float:left;} .utilityNavContainer{margin:3px 10px 3px 3px;} .utilityNavContainer li{display:inline-block;margin:0 10px;} } /* LOGO */ #logoControlContainer{float:left;margin:20px 0 10px;width:65%;} @media screen and (min-width:1200px){ #logoControlContainer{width:auto;/* max- */width:260px;} } #navigation {width:75px;position:absolute;top:0;right:0;} #navButton{clear:none;margin: 25px 15px 9px;} @media screen and (min-width:1200px){ #navButton{display:none;} #navigation {width:calc(100% - 260px);position:relative;float:left;margin-top:60px;} /* STICKY NAV */ #pageTopArea.sticky {height:44px} .sticky #logoControlContainer{margin:3px 0;} .sticky #logoControlContainer img {height:34px;min-height:34px;} /* .sticky #utilityWrapper{display:none;} */ .sticky #navigation {margin-top:0;} } /* SEARCH BAR MOBILE */ #mobileNavWrapper .searchBarContainer{margin:0 20px;top:15px;width:68%;position:absolute;z-index: 100;} #mobileNavWrapper .searchBarContainer .searchBox::before {cursor:pointer;position:absolute;z-index: 9999;right:12px;top:8px;} #mobileNavWrapper .searchBarContainer input[type="text"]{width:calc(100% - 40px);padding:7px 10px 6px 13px;box-sizing:border-box;float:left;margin:0;border:none;} #mobileNavWrapper .searchBarContainer input.search{cursor:pointer;display:inline-block;float:right;position:absolute;top:0;right:0;z-index:10;width:40px;height:47px;margin:0;padding:0;} /* SEARCH BAR DESKTOP*/ .searchBarContainer{margin:10px;overflow:hidden;width:65%;position:relative;} .searchBarContainer .search{position:absolute;top:0;right:0;cursor:pointer;} .searchBarContainer input[type=text]{padding:5px 5px 8px 14px;width:calc(100% - 40px);min-height:27px;} .searchBarContainer .search{display:inline-block;float:right;width:40px;position:absolute;height:41px;} .searchBarContainer .searchBox:before{top:9px;right:10px;position:absolute;z-index: 9999;} @media screen and (min-width:1200px){ .searchBarContainer{margin:0;width:auto;} .searchBarContainer .searchBox:before{top:3px;right:8px;} .searchBarContainer .search{height:29px;} } /* SOCIAL */ .social ul {list-style:none;margin:0;padding:0;} .social li{float:left;margin:10px;} /* === MOBILE NAV CONTROLS === */ #topNavContainer {display:none;} @media screen and (min-width:1200px){ #topNavContainer {display:block;} } /* === MOBILE MENU === */ #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 .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 {padding:0;margin:0;list-style:none;} #mobileNavWrapper a {display:block;padding:10px;} #mobileNavWrapper a span.arrow {display:none;} #mobileNavWrapper ul ul a {padding-left:20px;} /* TOP AND MOBILE NAV */ @media screen and (min-width:1200px){ #topNavContainer .menu {text-align:right;} #topNavContainer .menu li {text-align: left;} /* top nav positions*/ #topNavContainer .menu > li ul li ul{position:static;} #topNavContainer .menu > li{position:relative;} #topNavContainer .menu > li > ul{position:absolute;} /* first level */ #topNavContainer .menu > li,#topNavContainer .menu > li > a{display:inline-block;} #topNavContainer .menu > li > a{padding:16px 22px;}/* change l-r padding to spread out more or less */ #topNavContainer .menu > li > a span.arrow{display:block;float:right;} #topNavContainer .menu > li > a span.arrow{height:10px;margin:8px 0 0 8px;width:10px;}/* change right margin to move arrow closer or farther from text */ /* second level */ #topNavContainer .menu > li > ul{display:none;left:0;padding:10px 0;width:200px;} #topNavContainer .menu > li.edge ul{left:auto;right:0;} #topNavContainer .menu > li:hover > ul {display:block;} #topNavContainer .menu > li ul ul {padding-left:1rem;} #topNavContainer .menu > li ul li a {display: block;line-height: 1.3;padding: 5px 11px;} #topNavContainer .menu > li ul li a span.arrow {display:none;} /* STICKY NAV */ .sticky #topNavContainer .menu > li > a{padding:10px 22px 12px;} .sticky #topNavContainer .menu > li > ul{top:44px;} } /* TITLE BAR */ #titleBarContainer{margin:1rem 0;} @media screen and (min-width:1200px){ #titleBarContainer{margin:2rem 0;} #titleBarContainer h1{margin:0;} } /* PAGE TOOLS */ #toolContainer ul {list-style:none;margin:0;padding:0;} .titanBody .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } /* === LEFT NAV === */ #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 screen and (min-width:1200px){ #leftNav {float:left;margin:2rem 0 40px 10px;width:22.55%;} .leftNav #centerZone {clear:none;float:right;width:73%;} } #leftZone {margin-top:2rem;padding-top:2rem;border-top:1px solid #ccc;} /* LEFT COLUMN FILTERING */ @media screen and (min-width:1200px){ .DataFilter2,.Aggregation > div:first-child,.SegmentedSearchFilter2{float:left;margin:0 0 40px 0;padding:15px;width:23%;position:static;} .DataFilter2 + .DataListing, .Aggregation > div:first-child + .loading + .AggregationResults, .SegmentedSearchFilter2 + .SearchResults{clear:none;float:right;width:73%;} } /* === FOOTER === */ #bottomContainer{padding:0 0 20px;overflow:hidden;position:relative;} #bottomNavContainer ul{margin:20px 0;padding:0;list-style:none;} #bottomContainer p{margin:0;padding:0;clear:none;} #contentFooter {padding:0;padding-bottom:2rem;} #contentFooter .siteBounds + .siteBounds {padding-top:2rem;text-align:center;font-weight:700;} .customFooter *,.customFooter img.FloatLeft {margin-bottom:0;} .customFooter > div:not(:last-child) {padding:2rem 0;} .customFooter > div:last-child {padding-bottom:0;} .customFooter > div:first-child {border-top:1px solid rgba(0,128,163,.3);} .customFooter > div:nth-child(2) {border-bottom:1px solid rgba(0,128,163,.3);} @media screen and (min-width:768px){ #bottomNavContainer ul{margin:20px 0;} #bottomNavContainer ul li {display: inline;margin-left: 15px;padding-left: 15px;border-left: 1px solid rgba(0,128,163,.6);} } @media screen and (min-width:1024px){ #bottomNavContainer ul{margin:0 0 20px;display:inline;} #bottomNavContainer {clear:none;display:inline;} .customFooter .L2 img {max-height:65px;} } /* PARTNER LOGOS IN FOOTER */ .partnerLogos ul {list-style:none;padding:0;margin:0;display:flex;flex-flow: row wrap;align-items: center;} .partnerLogos ul li {margin:0 1rem 2rem;flex-basis:calc(50% - 2rem);text-align:center;} .partnerLogos ul li:last-child:nth-child(odd) {flex-basis:75%;text-align:left;} .partnerLogos img {padding:10px;} @media screen and (min-width:768px){ .partnerLogos ul li,.partnerLogos ul li:last-child:nth-child(odd) {flex-basis:calc(33% - 2rem);} .partnerLogos img {max-height: 150px;padding:20px 30px;} .partnerLogos img {padding:15px;} } @media screen and (min-width:1024px){ .partnerLogos ul {flex-flow: row;} .partnerLogos ul li {flex-basis:initial;margin-right:2rem;margin-bottom:0;} .partnerLogos img {padding:0;} } /* FOOTER NAV LIST */ .navList ul {list-style:none;padding:0;display:flex;flex-flow: row wrap;} .navList li {flex-basis:calc(50% - 2rem);} @media screen and (min-width:768px){ .navList ul {height:100%} .navList li {flex-basis:calc(33% - 2rem);height:100%} } @media screen and (min-width:1024px){ .navList ul {flex-flow: row;padding:4rem 0 0 3rem;margin:0;} .navList li {flex-basis:initial;margin-right:2rem;width:100%;} } /* === BACK TO TOP === */ #scrollTop{bottom:15px;display:none;height:54px;right:15px;width:54px;position:fixed;z-index:997;} /* ========================================================================================== SPECIAL BLOCK CLASS NAMES */ /* STRIPES */ #centerZone .wrapme{padding:5rem 0;} @media screen and (min-width:1200px){ #leftNav + #centerZone .wrapme{margin-right:10px;} } /* BLOCK WIDTHS */ /* .Float25,.Float33,.Float50,.Float66,.Float75{margin-bottom:15px;} .Float25 img,.Float33 img,.Float50 img,.Float66 img,.Float75 img{float:none;display:block;margin-left:auto;margin-right:auto;} @media screen and (min-width:1024px){ .Float25 img,.Float33 img,.Float50 img,.Float66 img,.Float75 img {margin-left:0;margin-right:0;} .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%;} .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%;} } */ /* INLINE FLOATS ON IMAGES*/ img.FloatLeft, img.FloatRight{display:block;margin-bottom:12px;} @media screen and (min-width:768px){ img.FloatLeft, img[align*="left"] {float:left;margin:0 3rem 2rem 0;max-width:50%;} img.FloatRight, img[align*="right"]{float:right;margin:0 0 2rem 3rem;max-width:50%;} } @media screen and (min-width:1200px){ .titanBody img.FloatLeft, img[align*="left"], .titanBody img.FloatRight, img[align*="right"]{max-width:100%;} } /* TABLES */ .scrollTable{clear:both;overflow-x:auto;overflow-y:hidden;} .scrollTable table{width:99.9%;} .scrollText::before{margin-right:10px;} /* BUTTONS */ .titanBody input[type="button"],.titanBody input[type="submit"],.button a{padding:7px 13px;} /* FAQ */ /* FAQ STANDARD*/ .FAQStandard{margin-top:1rem;} .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:3rem;} @media screen and (max-width:1199px){ .FAQ dl .item-column{width:100%;float:left;} .FAQ dl .item-column + .item-column{margin-left:0%;} .FAQStandard dl dd{padding-left:1rem;}} /* ACCORDION*/ div.Accordion span.max, div.Accordion span.min {float:right; margin: 20px 20px 10px 20px; cursor:pointer;} div.Accordion.open span.max, div.Accordion span.min {display:none;} div.Accordion span.max, div.Accordion.open span.min {display:block;} div.Accordion div.accordionArea {clear:both;} div.Accordion div.accordionHeading {margin-bottom:1rem;} div.Accordion div.accordionContent {display:none; padding:0 10px 10px 15px;} div.Accordion div.accordionContent.open {display:block;} .FAQAccordion {padding-bottom:2rem;} .FAQAccordion .accordionArea > a, .FAQAccordion .accordionArea .accordionHeading span.arrow{display:none;} .FAQAccordion dl dt{padding-bottom:1rem;overflow:hidden;} .FAQAccordion i{width:3rem;float:left;padding-left:1px;} .FAQAccordion .text{float:left;clear:both;padding-left:35px;position:relative;top:-25px;margin-bottom:-25px;} /* FAQ TABBED*/ .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 screen and (max-width:1199px){ .FAQTabbed div.tabbedContent ul.tabs li{margin-bottom:5px;border-radius:5px;border-bottom-width:1px;border-style:solid;} .FAQTabbed div.tabbedContent .tabsContent{top:auto;}} /* data list, filter, toc, what's new results */ /* calendar data list - custom data node */ .DataListing .startDate,.DataListing .endDate{float:left;} .DataListing .location{clear:both;} .DataListing .shortDescription{padding:5px 0;} .DataDetail .backLink{float:none;} .DataDetail .label{display:block;} @media screen and (min-width:1200px){ .DataDetail .label{display:inline-block;width:120px;} } /* list blocks floating results*/ @media screen and (min-width:500px){ .Aggregation a.teaserImage, .Aggregation .image .otherStuff{float:left;width:50%;} .Aggregation a.teaserImage {padding-right:3%;} } @media screen and (min-width:768px){ .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%;} .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,.Aggregation > div:first-child + .loading + .AggregationResults .TwoCol a.teaserImage,#leftNav + #centerZone .TwoCol .image .otherStuff,.Aggregation > div:first-child + .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%;} } /* FREEFORM CARD LAYOUTS */ .CardBackground.Freeform {padding:0;} @media screen and (min-width:768px){ .CardBackground.Freeform {float:left;width:30.5%;margin-right:2.5%;} } /* === FILTER CARD LAYOUTS === */ .CardBackground .item{position:relative;padding-bottom:70px;} .CardBackground .item .linkText{bottom:20px;left:5%;position:absolute;width:100%;} .CardBackground .item .otherStuff{padding-left:5%;padding-right:5%;} /* FILTER BLOCK */ /* MOBILE */ .button.filterTrigger {margin: 0 .5rem 2rem 0;} .DataFilter2,.Aggregation > div:first-child,.SegmentedSearchFilter2{z-index:1001;} .filterOpen .DataFilter2,.filterOpen .Aggregation > div:first-child,.filterOpen .SegmentedSearchFilter2{padding-bottom:40px;height:100%;right:0;padding:15px;top:0;position:fixed;min-width:300px;max-width:400px;width:85%;} .filterOpen .DataFilter2 fieldset,.filterOpen .Aggregation > div:first-child fieldset,.filterOpen .SegmentedSearchFilter2 fieldset{width:88%;} .DataFilter2,.Aggregation > div.AggregationFilter:first-child,.SegmentedSearchFilter2, .filterOpen .filterTrigger {display:none;} .filterOpen .DataFilter2,.filterOpen .Aggregation > div:first-child,.filterOpen .SegmentedSearchFilter2, .filterTrigger {display:block;} @media screen and (min-width:1200px){ .filterTrigger {display:none;} .DataFilter2,.Aggregation > div.AggregationFilter:first-child,.SegmentedSearchFilter2 {display:block;} .accountFilter2{width:50%;} } /* SORTING */ @media screen and (min-width:600px){.listingTools li{float:left;}} /* COMMENTING */ @media screen and (min-width:1200px){.Commenting .commentForm table{width:50%;}} .seeAllResults a:after{margin-left:5px;} /* HERO BANNER - stays as overlay on mobile */ .HeroBanner {position:relative;width:100%;transform-style: preserve-3d;background:#f4f5f5;} .HeroBanner p.banner {margin:0 auto -5px;overflow:hidden;width:100%;background-color: rgb(221, 221, 221);height:350px;} .HeroBanner p.banner img {width:1600px;max-width:100%;display:block;margin:-50% auto 0;transform:translateY(50%);} @supports (object-fit:cover) { .HeroBanner p.banner {height:auto;} .HeroBanner p.banner img {height: 350px;object-fit:cover;margin-top:0;transform:none;} } .HeroBanner .wrapper { z-index:800; width:100%; position: absolute; bottom:10%; } .HeroBanner .BannerText { max-width:440px; } .HeroBanner h1:first-child:last-child {margin-bottom:3px;} @media screen and (max-width:767px){ .HeroBanner h1 {font-size:2.5rem;} } @media screen and (min-width:768px){ .HeroBanner .BannerText { display:inline-block; height:170px; width:440px; } } /* CUSTOM ELEMENTS */ /* BASE PHOTO BLOCK */ div.PhotoBlock div.filmstrip div.thumbnails { border: none; float: left; height: auto; margin-left: 0; overflow-y: auto; width: 100%; } /* === BREADCRUMBS === */ #toolContainer #breadCrumbContainer{float:left;margin:1rem 0;} #toolContainer #breadCrumbContainer ul, #toolContainer #breadCrumbContainer ul li, #toolContainer #breadCrumbContainer ul li a, #toolContainer #breadCrumbContainer ul li span{display:block;float:left;} #toolContainer #breadCrumbContainer ul li span{margin-left:5px;margin-right:5px;} @media screen and (max-width:650px){ #toolContainer #breadCrumbContainer{display:none;}} /* ========================================================================================== print === */ @media print{ } /* W3.CSS 3.00 Mar 2017 by Jan Egil and Borge Refsnes - 12 COL GRID */ .w3-col{float:left;width:100%} @media (max-width:767px) { .S1{width:8.33333%} .S2{width:16.66666%} .S3{width:24.99999%} .S4{width:33.33333%} .S5{width:41.66666%} .S6{width:49.99999%} .S7{width:58.33333%} .S8{width:66.66666%} .S9{width:74.99999%} .S10{width:83.33333%} .S11{width:91.66666%} .S12{width:99.99999%} } @media (min-width:768px) and (max-width:1199px) { .M1{width:8.33333%} .M2{width:16.66666%} .M3{width:24.99999%;} .M4{width:33.33333%} .M5{width:41.66666%} .M6{width:49.99999%} .M7{width:58.33333%} .M8{width:66.66666%} .M9{width:74.99999%} .M10{width:83.33333%} .M11{width:91.66666%} .M12{width:99.99999%} /* offsets */ .M1-offset{margin-left:8.33333%} .M9-offset{margin-left:74.99999%} } @media (min-width:1200px){ .w3-col{padding-right:2.5%;} .L1{width:8.33333%} .L2{width:16.66666%} .L3{width:24.99999%} .L4{width:33.33333%} .L5{width:41.66666%} .L6{width:49.99999%;} .L7{width:58.33333%} .L8{width:66.66666%} .L9{width:74.99999%} .L10{width:83.33333%} .L11{width:91.66666%} .L12{width:99.99999%} }