/* 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 */ /* class automatically added to all blocks depending on what zone they are in */ div.TopLeftZone{} div.LeftZone{} div.CenterZone{} div.RightZone, .SegmentedSearchFilter2{} /* general shared tags and classes */ /* === DISPLAY NONE === filter, calendar */ div.loading, div.classifications, div.SegmentedSearch div.message{clear:both;display:none;} div.SegmentedSearch div.loading div {display:none;} div.SegmentedSearch div.loading, div.SegmentedSearch div.loading div.message{display:block;} /* === LISTS === faq, freeform, form editor, site map, - use #mainBody so margin and padding don't show in wkst */ #mainBody div.Freeform ul, #mainBody div.FAQ dl ul, #mainBody div.FormEditor ul, #mainBody div.SiteMap ul, #mainBody div.Product ul{margin-left:14px;padding-left:0;} #mainBody div.Product div.select ul{margin-left:0;} .IE #mainBody div.Freeform ul, .IE #mainBody div.FAQ dl ul, .IE #mainBody div.FormEditor ul, .IE #mainBody div.Product ul{margin-left:17px;padding-left:0;} #mainBody div.Freeform ol, #mainBody div.FAQ dl ol, #mainBody div.FormEditor ol, #mainBody div.Product ol{margin-left:20px;padding-left:0;} .IE #mainBody div.Freeform ol, .IE #mainBody div.FAQ dl ol, .IE #mainBody div.FormEditor ol, .IE #mainBody div.Product ol{margin-left:25px;padding-left:0;} /* === ONECOL & TWOCOL CONTAINERS === */ div.OneCol div, div.TwoCol, div.tocList div, div.tocList{clear:both;} div.OneCol div, div.TwoCol div, div.tocList div, div.SegmentedSearch div.loading div.message{margin-bottom:20px;overflow:hidden;} .IE6 div.OneCol div, .IE6 div.TwoCol, .IE6 div.TwoCol div, .IE6 div.tocList, .IE6 div.tocList div{height:1%;position:relative;} div.OneCol div.otherStuff, div.TwoCol div.otherStuff, div.tocList div.otherStuff, div.OneCol div.otherStuff div, div.TwoCol div.otherStuff div, div.tocList div.otherStuff div, div.OneCol div.otherStuff + div, div.TwoCol div.otherStuff + div, div.tocList div.otherStuff + div{clear:none;margin-bottom:0;} div.TwoCol{clear:both;} div.TwoCol div{float:left;width:45%;} div.TwoCol div.otherStuff{width:auto;} .IE6 div.TwoCol div{margin-right:15px;} div.TwoCol div + div{float:right;}/* not supported by ie6 */ div.LeftZone div.TwoCol div, div.RightZone div.TwoCol div{float:none;width:100%} /* === BLOCK HEADINGS === non-text editor blocks with h3 titles */ div.Aggregation h3, /* on alpha list filter it's the heading for the alpha section */ div.TOCBlock h3, div.WhatsNew h3, div.SiteMap h3, div.LogIn h3, div.UserAccount h3, div.Commenting h3, div.SearchResults h3, div.Calendar h3, /* date range above the event listing */ div.PhotoBlock h3, /* block heading, filmstrip heading and large photo heading */ div.EventUpload h3, div.DisplaySideUpload h3/*, div.Product h3, div.Freeform h3, div.FAQ h3, div.FormEditor h3*/{padding-bottom:10px;} /* === BLOCK TEASER IMAGES === filter (alpha list = tocList), toc, what's new, search results, calendar, photo block */ div.OneCol div.image a img, div.TwoCol div.image a img, div.tocList div.image a img, div.Calendar div.image a img, div.Product div.image img /*,div.PhotoBlock div.thumbnails img*/{margin-bottom:5px;}/* gives a little extra space below image so wrapped text isn't do close */ div.OneCol div.image a img, div.TwoCol div.image a img, div.tocList div.image a img, div.Calendar div.image a img, div.Calendar div.image img, div.Product div.image img /*div.PhotoBlock div.thumbnails img*/{padding:2px;} /* center zone only - filter (alpha list = tocList), toc, what's new, search results, calendar, photo block */ div.CenterZone div.image a.teaserImage, div.CenterZone div.image div.mainPhoto, /*div.PhotoBlock*/div.CenterZone div.thumbnails img, #centerZone div.Calendar div.image img{float:left;}/* only want to float teaser image for wider zones like center)*/ #centerZone div.Calendar div.image div.otherStuff img{float:none;} div.CenterZone div.OneCol div.image a img, div.CenterZone div.TwoCol div.image a img, div.CenterZone div.tocList div.image a img /*div.PhotoBlock.CenterZone div.thumbnails img*/{margin-bottom:8px;}/* gives a little extra space below image so wrapped text isn't do close */ /* margin to push the teaser content over from the teaser image filter, toc, what's new, width of teaser image - width + gutter = margin - VERSION2 */ #centerZone div.OneCol div.image div.otherStuff, #centerZone div.TwoCol div.image div.otherStuff, #centerZone div.tocList div.image div.otherStuff, #centerZone div.calendarItem div.image div.otherStuff, #centerZone div.Product .ColOne div.image div.otherStuff{clear:none;float:none;margin-left:45px;} /* === BLOCK TEASER HEADINGS === filter (alpha list = tocList),, toc, what's new, search results, calendar - these styles will show when the h4 is not a link */ div.OneCol h4, div.TwoCol h4, div.SiteMap h4, div.tocList h4, div.Product h4{} /* === BLOCK LINKS === filter (alpha list = tocList), toc, what's new, search results, calendar, site map */ /* h4 - teaser page title when a link */ div.OneCol h4 a, div.TwoCol h4 a, div.SiteMap h4 a, div.tocList h4 a, div.Product h4 a{text-decoration:none;} div.OneCol h4 a:hover, div.OneCol h4 a:focus, div.OneCol h4 a:active, div.TwoCol h4 a:hover, div.TwoCol h4 a:focus, div.TwoCol h4 a:active, div.SiteMap li a:hover, div.SiteMap li a:focus, div.SiteMap li a:active, div.tocList h4 a:hover, div.tocList h4 a:focus, div.tocList h4 a:active, div.Product h4 a:hover, div.Product h4 a:focus, div.Product h4 a:active{text-decoration:none;} div.SiteMap li a:hover, div.SiteMap li a:focus, div.SiteMap li a:active{text-decoration:underline;} /* read more link */ div.OneCol p.linkText, div.TwoCol p.linkText, div.tocList p.linkText{clear:both;} div.OneCol p.linkText a, div.TwoCol p.linkText a, div.tocList p.linkText a, div.Product p.linkText a{text-decoration:none;} div.OneCol p.linkText a:hover, div.OneCol p.linkText a:focus, div.OneCol p.linkText a:active, div.TwoCol p.linkText a:hover, div.TwoCol p.linkText a:focus, div.TwoCol p.linkText a:active, div.tocList p.linkText a:hover, div.tocList p.linkText a:focus, div.tocList p.linkText a:active, div.Product div.linkText a:hover, div.Product div.linkText a:focus, div.Product div.linkText a:active{text-decoration:underline;} /* comments link on filter, toc, what's new, calendar, search results */ div.OneCol p.linkComments, div.TwoCol p.linkComments, div.tocList p.linkComments{clear:both;margin-bottom:0;} div.Product p.linkComments{margin-bottom:0;} div.OneCol p.linkComments a, div.TwoCol p.linkComments a, div.tocList p.linkComments a, div.Product p.linkComments a{text-decoration:none;} div.OneCol p.linkComments a:hover, div.OneCol p.linkComments a:focus, div.OneCol p.linkComments a:active, div.TwoCol p.linkComments a:hover, div.TwoCol p.linkComments a:focus, div.TwoCol p.linkComments a:active, div.tocList p.linkComments a:hover, div.tocList p.linkComments a:focus, div.tocList p.linkComments a:active, div.Product p.linkComments a:hover, div.Product p.linkComments a:focus, div.Product p.linkComments a:active{text-decoration:underline;} /* product block - Mfg urlText */ div.Product div.urlText a{text-decoration:none;} div.Product div.urlText a:hover, div.Product div.urlText a:focus, div.Product div.urlText a:active{text-decoration:underline;} /* calendar View Attachment */ div.Calendar span.attachment a{text-decoration:none;} div.Calendar span.attachment a:hover, div.Calendar span.attachment a:focus, div.Calendar span.attachment a:active{text-decoration:underline;} /* === BLOCK PARAGRAPH === filter (alpha list = tocList), toc, what's new, search results, calendar, site map */ div.OneCol p, div.TwoCol p, div.tocList p, div.Product p{margin:0;padding-bottom:1px;} /* === BLOCK AVERAGE REVIEW === filter (alpha list = tocList), toc, what's new, search results, calendar*/ div.OneCol p.averageRating, div.TwoCol p.averageRating, div.tocList p.averageRating, div.SegmentedSearch p.averageRating, div.Product p.averageRating{margin-bottom:0;padding-bottom:0;} div.OneCol p.averageRating span.label, div.TwoCol p.averageRating span.label, div.tocList p.averageRating span.label, div.otherStuff p.averageRating span.label{padding-right:5px;} #rightZone div.OneCol p.averageRating span.label, #rightZone div.TwoCol p.averageRating span.label, #leftZone div.OneCol p.averageRating span.label, #leftZone div.TwoCol p.averageRating span.label, #rightZone div.tocList p.averageRating span.label, #leftZone div.tocList p.averageRating span.label, #rightZone div.OneCol p.averageRating span.value, #rightZone div.TwoCol p.averageRating span.value, #leftZone div.OneCol p.averageRating span.value, #leftZone div.TwoCol p.averageRating span.value, #rightZone div.tocList p.averageRating span.value, #leftZone div.tocList p.averageRating span.value, #centerZone div.TwoCol p.averageRating span.value, #centerZone div.TwoCol p.averageRating span.label{display:block;float:none;} div.OneCol p.averageRating a, div.TwoCol p.averageRating a, div.tocList p.averageRating a, div.otherStuff p.averageRating a{display:none;} /* === BLOCK CLASSIFICATIONS === filter, toc, what's new */ div.OneCol div.classifications, div.TwoCol div.classifications, div.tocList div.classifications, div.OneCol div.classifications div, div.TwoCol div.classifications div, div.tocList div.classifications div{margin-bottom:0;padding-bottom:0;} div.TwoCol div.classifications, div.TwoCol div.classifications div{float:none;width:100%;} div.OneCol div.classifications span, div.TwoCol div.classifications span, div.tocList div.classifications span{display:block;} div.OneCol div.classifications ul, div.TwoCol div.classifications ul, div.tocList div.classifications ul{margin:0;padding:0;} /* === BLOCK HIT COUNT (not base), DATE (not base) & VIEW COMMENT === */ div.OneCol span.hitCount, div.TwoCol span.hitCount, div.tocList span.hitCount, div.VideoLineup span.hitCount, div.OneCol span.date, div.TwoCol span.date, div.tocList span.date, div.VideoLineup span.date, #rightZone span.viewComment, #leftZone span.viewComment, div.TwoCol span.viewComment, div.TwoCol span.writeComment{display:block;} /* === BLOCK ALT ROW === filter (alpha list = tocList), toc, what's new, search results, commenting, calendar */ div.OneCol div.altRow, div.TwoCol div.altRow, div.tocList div.altRow{} /* === SPACER === filter (alpha list = tocList), toc, what's new, search results, commenting, calendar */ div.OneCol span.spacer, div.TwoCol span.spacer, div.tocList span.spacer, div.Calendar div.CalendarResults .data span.spacer, div.ColOne span.spacer, div.ColTwo span.spacer, div.ColThree span.spacer, div.ColFour span.spacer, div.SegmentedSearch div.SegmentedSearch span.spacer, div.SegmentedSearch div.SearchResults .EventRL span.spacer{display:none;} /* === LABELS === filter (alpha list = tocList), toc, what's new, search results, calendar, comments, display side upload, event upload */ div.OneCol div.classifications span, div.TwoCol div.classifications span, div.tocList div.classifications span, div.OneCol span.label, div.TwoCol span.label, div.tocList span.label, div.CalendarResults .data label, div.DisplaySideUpload label, div.Commenting .label, #recaptcha_area span.recaptcha_only_if_image, div.EventUpload label, div.LogIn label, div.UserAccount div.accountForm div label, div.UserAccount div.hintQuestions div label, div.Product .label, div.Calendar .label, span.hitCount label, div.SegmentedSearch .label, div.SegmentedSearch .SearchResults label{font-weight:bold;} div.LogIn div.remember label, div.EventUpload div.accountFilter label, div.DisplaySideUpload div.accountFilter label, div.Product .label span{font-weight:normal;} /* === PAGINATION === search results, filter, calendar */ /* search results has - ul.paginationFooter.footerTop, ul.paginationFooter.footerBottom */ /* filter has - ul.paginationFooter */ /* calendar has - ul.pagination for date range selection - which is also the back to calendar link */ ul.paginationFooter, ul.pagination{clear:both;margin:10px 0;padding:0;} ul.paginationFooter{text-align:right;} ul.pagination span{display:inline;padding:0 4px;} ul.paginationFooter li, ul.pagination li{display:inline;} ul.paginationFooter li.nextButton{margin-left:9px;} div.Calendar div.CalendarResults ul.pagination{margin-top:4px;text-align:left;} .SearchResults .paginationFooter{margin-bottom:5px;} ul.paginationFooter a, ul.pagination a{list-style:none;text-decoration:none;} /* centerzone only */ /*div.Calendar*/div.CenterZone div.CalendarResults ul.pagination span{display:inline;margin-left:0;} /* === MONTHLY CALENDAR TABLE === calendar, event upload */ div.Calendar div.calendarCallOut{margin-left:1px;}/* firefox weirdness */ #centerZone div.Calendar div.calendarCallOut{width:155px;} div.Calendar div.calendarCallOut table td, div.EventUpload div.DatePicker td, div.EventUpload div.DatePicker{background:#eee;} div.Calendar div.calendarCallOut table, div.EventUpload div.DatePicker table{border-collapse:collapse;margin:0 auto;} div.Calendar div.calendarCallOut table th, div.EventUpload div.DatePicker table th{padding:3px 0;} div.Calendar div.calendarCallOut table th.arrow{padding-bottom:3px;} div.Calendar div.calendarCallOut table .arrow, div.EventUpload div.DatePicker .arrow, div.EventUpload div.DatePicker .caption th + th + th + th{color:#333} div.Calendar div.calendarCallOut table .arrow:hover, div.EventUpload div.DatePicker .caption th + th + th + th:hover, div.EventUpload div.DatePicker .arrow:hover{color:#777} div.Calendar div.calendarCallOut table td, div.EventUpload div.DatePicker td{height:20px;text-align:center;width:23px;border:1px solid #e8e8e8;text-align:center;} div.Calendar div.calendarCallOut table td, div.EventUpload div.DatePicker td, div.Calendar div.calendarCallOut table .arrow, div.EventUpload .DatePicker .arrow, div.EventUpload .DatePicker .caption th.monthHeader, div.EventUpload .DatePicker .caption th + th + th + th{cursor:pointer;} div.Calendar div.calendarCallOut table .otherMonth, div.EventUpload .DatePicker .otherMonth{cursor:text;background:#ccc;} div.Calendar div.calendarCallOut table td.selected, div.EventUpload div.DatePicker td.selected{background:#fffefe;font-weight:bold;} div.calendarCallOut .calendarNav{margin:5px 0px;padding-bottom:10px;text-align:center;} div.calendarCallOut .calendarNav span{cursor:pointer;color:#444;cursor:pointer;font-weight:bold;} div.Calendar div.calendarCallOut div.calendarNav span.selected, div.Calendar div.calendarCallOut div.calendarNav span:hover{color:#777} div.Calendar div.calendarCallOut table td.hasEvent, div.EventUpload div.DatePicker td.hasEvent{color:#a54a24;} /* === VERSION 1 Filters - legacy - filter, calendar === */ div.Aggregation div.AggregationFilter, div.Calendar div.CalendarFilter, div.UserAccount div.accountFilter, div.EventUpload div.accountFilter, div.DisplaySideUpload div.accountFilter{overflow:hidden;} .IE6 div.Aggregation div.AggregationFilter, .IE6 div.Calendar div.CalendarFilter, .IE6 div.UserAccount div.accountFilter, .IE6 div.EventUpload div.accountFilter, .IE6 div.DisplaySideUpload div.accountFilter{height:1%;} div.Aggregation div.AggregationFilter, div.Calendar div.CalendarFilter, div.UserAccount div.accountFilter{padding-bottom:20px;} div.EventUpload div.accountFilter, div.DisplaySideUpload div.accountFilter{padding-top:20px;} div.Aggregation div.AggregationFilter fieldset, div.Calendar div.CalendarFilter fieldset, div.UserAccount div.accountFilter fieldset{margin-bottom:10px;} div.Aggregation div.AggregationFilter fieldset, div.Calendar div.CalendarFilter fieldset, div.UserAccount div.accountFilter fieldset, div.EventUpload div.accountFilter fieldset, div.DisplaySideUpload div.accountFilter fieldset{background:transparent;padding-right:20px;} /*div.Aggregation*/.CenterZone div.AggregationFilter fieldset, /*div.Calendar*/.CenterZone div.CalendarFilter fieldset, /*div.UserAccount, div.EventUpload, div.DisplaySideUpload*/.CenterZone div.accountFilter fieldset{float:left;} .IE6 /*div.Aggregation*/.CenterZone div.AggregationFilter fieldset, .IE6 /*div.Calendar*/.CenterZone div.CalendarFilter fieldset, .IE6 /*div.UserAccount, div.EventUpload, div.DisplaySideUpload*/.CenterZone div.accountFilter fieldset{width:120px;}/* needs a width */ /*div.Aggregation*/.CenterZone div.AggregationFilter fieldset.keyword, /*div.Calendar*/.CenterZone div.CalendarFilter fieldset.keyword, .IE6/*div.Aggregation*/.CenterZone div.AggregationFilter fieldset.keyword, .IE6/*div.Calendar*/.CenterZone div.CalendarFilter fieldset.keyword{float:none;} div.Aggregation div.AggregationFilter fieldset h4, div.Calendar div.CalendarFilter fieldset h4, div.UserAccount div.accountFilter fieldset h4, div.EventUpload div.accountFilter fieldset h4, div.DisplaySideUpload div.accountFilter fieldset h4{margin-bottom:5px;} div.Aggregation div.AggregationFilter fieldset span, div.Calendar div.CalendarFilter fieldset span, div.UserAccount div.accountFilter fieldset span, div.EventUpload div.accountFilter fieldset span, div.DisplaySideUpload div.accountFilter fieldset span{clear:both;float:left;margin-top:8px;} #mainBody div.Aggregation div.AggregationFilter fieldset span, #mainBody div.Calendar div.CalendarFilter fieldset span, #mainBody div.UserAccount div.accountFilter fieldset span, #mainBody div.EventUpload div.accountFilter fieldset span, #mainBody div.DisplaySideUpload div.accountFilter fieldset span{height:100%;width:100%;}/*don't let show in wkst */ /*div.Aggregation*/.CenterZone div.AggregationFilter fieldset.keyword span, /*div.Calendar*/.CenterZone div.CalendarFilter fieldset.keyword span{margin-top:0;} div.Aggregation div.AggregationFilter fieldset span input, div.Calendar div.CalendarFilter fieldset span input, div.UserAccount div.accountFilter fieldset span input, div.EventUpload div.accountFilter fieldset span input, div.DisplaySideUpload div.accountFilter fieldset span input{float:left;margin-top:0px;} .IE6 div.Aggregation div.AggregationFilter fieldset span input, .IE6 div.Calendar div.CalendarFilter fieldset span input, .IE6 div.UserAccount div.accountFilter fieldset span input, .IE6 div.EventUpload div.accountFilter fieldset span input, .IE6 div.DisplaySideUpload div.accountFilter fieldset span input, .IE7 div.Aggregation div.AggregationFilter fieldset span input, .IE7 div.Calendar div.CalendarFilter fieldset span input, .IE7 div.UserAccount div.accountFilter fieldset span input, .IE7 div.EventUpload div.accountFilter fieldset span input, .IE7 div.DisplaySideUpload div.accountFilter fieldset span input{margin-top:-4px;} .IE6 div.Aggregation div.AggregationFilter fieldset.keyword span input, .IE6 div.Calendar div.CalendarFilter fieldset.keyword span input, .IE7 div.Aggregation div.AggregationFilter fieldset.keyword span input, .IE7 div.Calendar div.CalendarFilter fieldset.keyword span input{margin-top:0;} div.Aggregation div.AggregationFilter fieldset span label, div.Calendar div.CalendarFilter fieldset span label, div.UserAccount div.accountFilter fieldset span label, div.EventUpload div.accountFilter fieldset span label, div.DisplaySideUpload div.accountFilter fieldset span label{display:inline;} div.Aggregation div.AggregationFilter .clear, div.Calendar div.CalendarFilter .clear{clear:both;} /*div.Aggregation*/.CenterZone div.AggregationFilter .clear, /*div.Calendar*/.CenterZone div.CalendarFilter .clear, /*div.UserAccount*/.CenterZone div.accountFilter .clear{display:none;} /*div.Aggregation div.AggregationResults,*/ div.Aggregation div.AggregationFilter input.btnSubmit, div.UserAccount div.buttonsSubmit, div.EventUpload div.buttonsSubmit, div.DisplaySideUpload div.upload{clear:both;} div.UserAccount div.buttonsSubmit, div.EventUpload div.buttonsSubmit, div.DisplaySideUpload div.upload{margin-top:10px;} div.Aggregation div.AggregationFilter input.btnSubmit{float:left;} /* === VERSION 2 FILTERS === */ /* fieldset and selections */ div.Aggregation div.AggregationFilter2, div.Calendar div.CalendarFilter2 , div.EventUpload div.accountFilter2, div.DisplaySideUpload div.accountFilter2, div.UserAccount div.accountFilter2, div.Product div.ProductFilter2, div.SegmentedSearch div.SegmentedSearchFilter2{overflow:hidden;padding-bottom:20px;} div.EventUpload div.accountFilter2, div.DisplaySideUpload div.accountFilter2{padding-top:20px;} div.Aggregation div.AggregationFilter2 fieldset, div.Calendar div.CalendarFilter2 fieldset, div.EventUpload div.accountFilter2 fieldset, div.DisplaySideUpload div.accountFilter2 fieldset, div.UserAccount div.accountFilter2 fieldset, div.Product div.ProductFilter2 fieldset, div.SegmentedSearch div.SegmentedSearchFilter2 fieldset{margin:0 0 10px 0;} /*div.Product*/ div.ProductFilter2 fieldset div.head, div.Aggregation div.AggregationFilter2 fieldset div.head, div.Calendar div.CalendarFilter2 fieldset div.head, div.EventUpload div.accountFilter2 fieldset div.head, div.DisplaySideUpload div.accountFilter2 fieldset div.head, div.UserAccount div.accountFilter2 fieldset div.head, div.SegmentedSearch div.SegmentedSearchFilter2 fieldset div.head{border-bottom:1px solid #ccc;} .IE6 div.ProductFilter2 fieldset div.head, .IE6 div.Aggregation div.AggregationFilter2 fieldset div.head, .IE6 div.Calendar div.CalendarFilter2 fieldset div.head, .IE6 div.EventUpload div.accountFilter2 fieldset div.head, .IE6 div.DisplaySideUpload div.accountFilter2 fieldset div.head, .IE6 div.UserAccount div.accountFilter2 fieldset div.head, .IE6 div.SegmentedSearch div.SegmentedSearchFilter2 fieldset div.head{height:1%;} div.Aggregation div.AggregationFilter2 fieldset .head h4, div.Calendar div.CalendarFilter2 fieldset .head h4, div.Product div.ProductFilter2 fieldset .head h4, div.SegmentedSearch div.SegmentedSearchFilter2 .head h4{width:69%;} /*div.Product*/ div.ProductFilter2 fieldset div.head .reset, div.Aggregation div.AggregationFilter2 fieldset div.head .reset, div.Calendar div.CalendarFilter2 fieldset div.head .reset, div.SegmentedSearch div.SegmentedSearchFilter2 fieldset div.head .reset{text-decoration:none;} div.CenterZone div.AggregationFilter2 fieldset, div.CenterZone div.CalendarFilter2 fieldset, div.CenterZone div.accountFilter2 fieldset, div.CenterZone div.ProductFilter2 fieldset/*, div.CenterZone div.SegmentedSearchFilter2 fieldset*/{float:left;margin-right:15px;width:180px;} div.CenterZone div.AggregationFilter2 fieldset.keyword, div.CenterZone div.CalendarFilter2 fieldset.keyword, div.CenterZone div.accountFilter2 fieldset.keyword, div.CenterZone div.ProductFilter2 fieldset.keyword, div.CenterZone div.SegmentedSearchFilter2 fieldset.keyword{float:none;} div.Aggregation div.AggregationFilter2 fieldset .inputs, div.Aggregation div.AggregationFilter2 fieldset .input, div.Calendar div.CalendarFilter2 fieldset .inputs, div.Calendar div.CalendarFilter2 fieldset .input, div.EventUpload div.accountFilter2 fieldset .inputs, div.DisplaySideUpload div.accountFilter2 fieldset .inputs, div.UserAccount div.accountFilter2 fieldset .inputs, div.Product div.ProductFilter2 fieldset .inputs, div.Product div.ProductFilter2 fieldset .input, div.SegmentedSearch div.SegmentedSearchFilter2 fieldset .inputs, div.SegmentedSearch div.SegmentedSearchFilter2 fieldset .input{clear:both;overflow:hidden;padding:5px 0 0 6px;} div.Aggregation div.AggregationFilter2 .inputs input, div.Calendar div.CalendarFilter2 .inputs input, div.EventUpload div.accountFilter2 .inputs input, div.DisplaySideUpload div.accountFilter2 .inputs input, div.UserAccount div.accountFilter2 fieldset .inputs input, div.Product div.ProductFilter2 fieldset .inputs input, div.SegmentedSearch div.SegmentedSearchFilter2 .inputs input, div.Aggregation div.AggregationFilter2 .inputs label, div.Calendar div.CalendarFilter2 .inputs label, div.EventUpload div.accountFilter2 .inputs label, div.DisplaySideUpload div.accountFilter2 .inputs label, div.UserAccount div.accountFilter2 .inputs label, div.Product div.ProductFilter2 .inputs label, div.SegmentedSearch div.SegmentedSearchFilter2 .inputs label{float:left;} div.Aggregation div.AggregationFilter2 .inputs input, div.Calendar div.CalendarFilter2 .inputs input, div.EventUpload div.accountFilter2 .inputs input, div.DisplaySideUpload div.accountFilter2 .inputs input, div.UserAccount div.accountFilter2 fieldset .inputs input, div.Product div.ProductFilter2 fieldset .inputs input, div.SegmentedSearch div.SegmentedSearchFilter2 .inputs input{margin-left:0;} #mainBody div.Aggregation div.AggregationFilter2 fieldset.keyword input, #mainBody div.Calendar div.CalendarFilter2 fieldset.keyword input, #mainBody div.Product div.ProductFilter2 fieldset.keyword input{width:95%;} #mainBody div.SegmentedSearch div.SegmentedSearchFilter2 fieldset.keyword input{width:75%;} div.Aggregation div.AggregationFilter2 .inputs select, div.Calendar div.CalendarFilter2 .inputs select, div.Product div.ProductFilter2 .inputs select, div.DisplaySideUpload div.accountFilter2 .inputs select, div.EventUpload div.accountFilter2 .inputs select{width:98%;} div.SegmentedSearch div.SegmentedSearchFilter2 .inputs select{width:95%;} div.Aggregation div.AggregationFilter2 .inputs label, div.Calendar div.CalendarFilter2 .inputs label, div.EventUpload div.accountFilter2 .inputs label, div.DisplaySideUpload div.accountFilter2 .inputs label, div.UserAccount div.accountFilter2 .inputs label, div.Product div.ProductFilter2 .inputs label, div.SegmentedSearch div.SegmentedSearchFilter2 .inputs label{padding-top:2px;width:82%;} div.Aggregation div.AggregationFilter2 .inputs div label span, div.Calendar div.CalendarFilter2 .inputs label span, div.Product div.ProductFilter2 .inputs label span, div.SegmentedSearch div.SegmentedSearchFilter2 .inputs label span{clear:none;float:none;} div.Aggregation div.AggregationFilter2 .inputs div, div.Calendar div.CalendarFilter2 .inputs div, div.EventUpload div.accountFilter2 .inputs span, div.DisplaySideUpload div.accountFilter2 .inputs span, div.UserAccount div.accountFilter2 .inputs span, div.Product div.ProductFilter2 .inputs div, div.SegmentedSearch div.SegmentedSearchFilter2 .inputs div{clear:left;overflow:hidden;padding:4px 0;} div.DisplaySideUpload div.accountFilter2 span, div.UserAccount div.accountFilter2 span{display:block;} div.EventUpload div.accountFilter2 .inputs span, div.DisplaySideUpload div.accountFilter2 .inputs span, div.UserAccount div.accountFilter2 .inputs span{display:block;overflow:hidden;} div.Aggregation div.AggregationFilter2 .inputs div span, div.Aggregation div.AggregationFilter2 .inputs div a, div.Calendar div.CalendarFilter2 .inputs div span, div.Calendar div.CalendarFilter2 .inputs div a, div.Product div.ProductFilter2 .inputs div span, div.Product div.ProductFilter2 .inputs div a, div.SegmentedSearch div.SegmentedSearchFilter2 div a, div.SegmentedSearch div.SegmentedSearchFilter2 div span{clear:none;float:none;margin-top:0;} .IE div.Aggregation div.AggregationFilter2 .inputs div span, .IE div.Calendar div.CalendarFilter2 .inputs div span, .IE div.Product div.ProductFilter2 .inputs div span, .IE div.SegmentedSearch div.SegmentedSearchFilter2 div span{padding-left:3px;} /* filter header */ div.ProductFilter2 fieldset div.head, div.CalendarFilter2 fieldset div.head, div.AggregationFilter2 fieldset div.head, div.accountFilter2 fieldset div.head, div.SegmentedSearchFilter2 fieldset div.head{overflow:hidden;padding:5px 5px 2px 5px;} div.Product div.ProductFilter2 fieldset div.head span, div.CalendarFilter2 fieldset div.head span, div.AggregationFilter2 fieldset div.head span, div.SegmentedSearchFilter2 fieldset div.head span{cursor:pointer;float:left;height:12px;margin:0 5px 0 0;} #mainBody div.CalendarFilter2 fieldset div.head span, #mainBody div.AggregationFilter2 fieldset div.head span, #mainBody div.Product div.ProductFilter2 fieldset div.head span, #mainBody div.SegmentedSearchFilter2 fieldset div.head span{width:9px;} div.Product div.ProductFilter2 fieldset div.head h4, div.CalendarFilter2 fieldset div.head h4, div.AggregationFilter2 fieldset div.head h4, div.SegmentedSearchFilter2 fieldset div.head h4, div.SegmentedSearchFilter2 fieldset div.head h4{float:left;} div.Product div.ProductFilter2 fieldset div.head .reset, div.CalendarFilter2 fieldset div.head .reset, div.AggregationFilter2 fieldset div.head .reset, div.SegmentedSearchFilter2 fieldset div.head .reset{clear:none;cursor:pointer;float:right;margin:0;padding:0;width:28px;} /* min/max button (arrow) */ /*div.Product*/ div.ProductFilter2 fieldset div.head span, /*div.Product*/ div.ProductFilter2 fieldset.seeMore div.head span, 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{background:url('../img/bgFilterArrows.gif') no-repeat left 5px;} /*div.Product*/ div.ProductFilter2 fieldset.min div.head span, 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{background:url('../img/bgFilterArrows.gif') no-repeat left -19px;} /* see Less - seeMore - min - zero */ div.AggregationFilter2 fieldset.seeMore div.seeMore, div.ProductFilter2 fieldset.seeMore div.seeMore, div.CalendarFilter2 fieldset.seeMore div.seeMore, div.SegmentedSearchFilter2 fieldset.seeMore div.seeMore, div.AggregationFilter2 fieldset.seeLess div.more, div.ProductFilter2 fieldset.seeLess div.more, div.CalendarFilter2 fieldset.seeLess div.more, div.SegmentedSearchFilter2 fieldset.seeLess div.more, div.AggregationFilter2 fieldset.seeMore div.less, div.ProductFilter2 fieldset.seeMore div.less, div.CalendarFilter2 fieldset.seeMore div.less, div.SegmentedSearchFilter2 fieldset.seeMore div.less, div.AggregationFilter2 fieldset.min div.inputs div.selected, div.ProductFilter2 fieldset.min div.inputs div.selected, div.CalendarFilter2 fieldset.min div.inputs div.selected, div.SegmentedSearchFilter2 fieldset.min div.inputs div.selected{display:block;} div.AggregationFilter2 fieldset.seeLess div.more, div.ProductFilter2 fieldset.seeLess div.more, div.CalendarFilter2 fieldset.seeLess div.more, div.SegmentedSearchFilter2 fieldset.seeLess div.more, div.AggregationFilter2 fieldset.seeMore div.less, div.ProductFilter2 fieldset.seeMore div.less, div.CalendarFilter2 fieldset.seeMore div.less, div.SegmentedSearchFilter2 fieldset.seeMore div.less{margin-left:7px;} .IE div.AggregationFilter2 fieldset.seeLess div.more, .IE div.ProductFilter2 fieldset.seeLess div.more, .IE div.CalendarFilter2 fieldset.seeLess div.more, .IE div.SegmentedSearchFilter2 fieldset.seeLess div.more, .IE div.AggregationFilter2 fieldset.seeMore div.less, .IE div.ProductFilter2 fieldset.seeMore div.less, .IE div.CalendarFilter2 fieldset.seeMore div.less, .IE div.SegmentedSearchFilter2 fieldset.seeMore div.less{margin-left:9px;} div.AggregationFilter2 fieldset.seeLess div.seeMore, div.ProductFilter2 fieldset.seeLess div.seeMore, div.CalendarFilter2 fieldset.seeLess div.seeMore, div.SegmentedSearchFilter2 fieldset.seeLess div.seeMore, div.AggregationFilter2 fieldset.seeLess div.less, div.ProductFilter2 fieldset.seeLess div.less, div.CalendarFilter2 fieldset.seeLess div.less, div.SegmentedSearchFilter2 fieldset.seeLess div.less, div.AggregationFilter2 fieldset.seeMore div.more, div.ProductFilter2 fieldset.seeMore div.more, div.CalendarFilter2 fieldset.seeMore div.more, div.SegmentedSearchFilter2 fieldset.seeMore div.more, div.AggregationFilter2 fieldset.hideZero div.zero, div.ProductFilter2 fieldset.hideZero div.zero, div.CalendarFilter2 fieldset.hideZero div.zero, div.SegmentedSearchFilter2 fieldset.hideZero div.zero, div.AggregationFilter2 fieldset.min div.inputs div, div.ProductFilter2 fieldset.min div.inputs div, div.CalendarFilter2 fieldset.min div.inputs div, div.SegmentedSearchFilter2 fieldset.min div.inputs div, div.AggregationFilter2 fieldset.seeLess.min div.more, div.ProductFilter2 fieldset.seeLess.min div.more, div.CalendarFilter2 fieldset.seeLess.min div.more, div.SegmentedSearchFilter2 fieldset.seeLess.min div.more, div.AggregationFilter2 fieldset.seeMore.min div.less, div.ProductFilter2 fieldset.seeMore.min div.less, div.CalendarFilter2 fieldset.seeMore.min div.less, div.SegmentedSearchFilter2 fieldset.seeMore.min div.less{display:none;} /* end general shared tags and elements */ /* FORM BLOCKS commenting, event upload, file upload, filter, log in, registration */ /* === INPUT FIELDS CONTAINERS === display side upload, commenting, event upload */ div.Commenting div.commentForm div.name, div.Commenting div.commentForm div.email, div.Commenting div.commentForm div.rating, div.Commenting div.commentForm div.title, div.Commenting div.commentForm div.comment, div.Commenting div.commentForm div.recaptcha, div.Commenting div.commentForm div.thankYouFor, div.EventUpload div.eventName, div.EventUpload div.description, div.EventUpload div.sponsor, div.EventUpload div.location, div.EventUpload div.startDate, div.EventUpload div.startTime, div.EventUpload div.endDate, div.EventUpload div.endTime, div.EventUpload div.contactName, div.EventUpload div.contactEmail, div.EventUpload div.attachment, div.EventUpload div.notes, div.DisplaySideUpload div.uploadFields div label, div.LogIn div.username, div.LogIn div.password, div.LogIn div.email, div.UserAccount div.accountForm div, div.UserAccount div.hintQuestions div{padding-top:10px;} div.Commenting div.commentForm div.thankYouForm, div.Commenting div.commentForm div.recaptcha, div.EventUpload div.thankYouForm, div.EventUpload p{clear:both;} /* for rating */ div.Commenting div.commentForm table{border-collapse:collapse;margin:0;padding:0;} div.Commenting div.commentForm table tr{margin:0;padding:0;} div.Commenting div.commentForm table td{margin:0;padding:0;text-align:center;} /* === INPUT FIELDS LABELS === display side upload, commenting, event upload */ div.Commenting div.commentForm span.label, div.EventUpload label, div.DisplaySideUpload div.uploadFields div label, div.LogIn div.username label, div.LogIn div.password label, div.LogIn div.email label, div.UserAccount div.accountForm div label, div.UserAccount div.hintQuestions div label{display:block;padding-bottom:3px;} div.Commenting div.commentForm div.comment span.label{float:left;padding-right:4px;} /* === INPUT FIELDS === */ div.Commenting div.commentForm div.comment textarea{clear:both;float:left;} /* size the inputs - all of this is because of the file input type which can't be resized */ div.EventUpload div.eventName input, div.EventUpload div.description input, div.EventUpload div.sponsor input, div.EventUpload div.location input, div.EventUpload div.startDate input, div.EventUpload div.startTime input, div.EventUpload div.endDate input, div.EventUpload div.endTime input, div.EventUpload div.contactName input, div.EventUpload div.contactEmail input, div.DisplaySideUpload div.title input, div.EventUpload textarea, div.DisplaySideUpload textarea{width:184px;} #recaptcha_response_field{width:200px;} div.UserAccount div.accountForm input{width:200px;} div.UserAccount div.accountForm div.TOUAgree input{width:16px;} div.UserAccount div.accountForm select{width:205px;} div.UserAccount div.hintForm input{width:300px;} .IE div.EventUpload div.eventName input, .IE div.EventUpload div.description input, .IE div.EventUpload div.sponsor input, .IE div.EventUpload div.location input, .IE div.EventUpload div.startDate input, .IE div.EventUpload div.startTime input, .IE div.EventUpload div.endDate input, .IE div.EventUpload div.endTime input, .IE div.EventUpload div.contactName input, .IE div.EventUpload div.contactEmail input, .IE div.DisplaySideUpload div.title input, .IE div.EventUpload textarea, .IE div.DisplaySideUpload textarea{width:200px;} .Firefox.MacPPC div.EventUpload div.eventName input, .Firefox.MacPPC div.EventUpload div.description input, .Firefox.MacPPC div.EventUpload div.sponsor input, .Firefox.MacPPC div.EventUpload div.location input, .Firefox.MacPPC div.EventUpload div.startDate input, .Firefox.MacPPC div.EventUpload div.startTime input, .Firefox.MacPPC div.EventUpload div.endDate input, .Firefox.MacPPC div.EventUpload div.endTime input, .Firefox.MacPPC div.EventUpload div.contactName input, .Firefox.MacPPC div.EventUpload div.contactEmail input, .Firefox.Unknown div.EventUpload div.eventName input, .Firefox.Unknown div.EventUpload div.description input, .Firefox.Unknown div.EventUpload div.sponsor input, .Firefox.Unknown div.EventUpload div.location input, .Firefox.Unknown div.EventUpload div.startDate input, .Firefox.Unknown div.EventUpload div.startTime input, .Firefox.Unknown div.EventUpload div.endDate input, .Firefox.Unknown div.EventUpload div.endTime input, .Firefox.Unknown div.EventUpload div.contactName input, .Firefox.Unknown div.EventUpload div.contactEmail input, .Firefox.MacPPC div.DisplaySideUpload div.title input, .Firefox.Unknown div.DisplaySideUpload div.title input{width:215px;} .AppleMAC-Safari div.EventUpload div.eventName input, .AppleMAC-Safari div.EventUpload div.description input, .AppleMAC-Safari div.EventUpload div.sponsor input, .AppleMAC-Safari div.EventUpload div.location input, .AppleMAC-Safari div.EventUpload div.startDate input, .AppleMAC-Safari div.EventUpload div.startTime input, .AppleMAC-Safari div.EventUpload div.endDate input, .AppleMAC-Safari div.EventUpload div.endTime input, .AppleMAC-Safari div.EventUpload div.contactName input, .AppleMAC-Safari div.EventUpload div.contactEmail input, .AppleMAC-Safari div.DisplaySideUpload div.title input, .AppleMAC-Safari div.DisplaySideUpload div.title input{width:188px;} .Firefox.MacPPC div.EventUpload textarea, .Firefox.Unknown div.EventUpload textarea, .Firefox.MacPPC div.DisplaySideUpload textarea, .Firefox.Unknown div.DisplaySideUpload textarea{width:219px;} .AppleMAC-Safari div.EventUpload textarea, .AppleMAC-Safari div.EventUpload textarea, .AppleMAC-Safari div.DisplaySideUpload textarea, .AppleMAC-Safari div.DisplaySideUpload textarea{width:192px;} /* === BUTTONS === display side upload, form editor, commenting, event upload, filter buttons are up with the filter css, more buttons css for event upload and display side upload in filter section */ div.Commenting div.commentForm .buttons, /*div.EventUpload div.buttonsConfirm, div.EventUpload div.buttonsSubmit, div.FormEditor div.buttons,*/ div.LogIn div.buttons/*, div.DisplaySideUpload div.upload*/{padding-top:10px;} div.LogIn div.buttons /*div.LogIn div.buttons*/{margin-top:5px;} div.Commenting div.commentForm div.buttons, div.EventUpload div.buttons, div.EventUpload div.buttonsSubmit, div.DisplaySideUpload div.upload, div.LogIn div.buttons, div.UserAccount div.buttons, div.FormEditor div.buttons, div.Aggregation div.AggregationFilter2 input.btnSubmit{clear:both;display:block;} /* === ERROR MESSAGES === form editor, event upload, comment form, log in */ div.FormEditor div.ErrorMessage, div.EventUpload div.ErrorMessage, div.Commenting div.commentForm div.ErrorMessage, div.UserAccount div.ErrorMessage, div.LogIn div.ErrorText, div.LogIn div.ErrorMessage, div.DisplaySideUpload div.error{margin:10px 0;padding:5px;background-color:#f6f1de;border:1px solid #e0d0b1;} div.FormEditor div.ErrorMessage, div.FormEditor div.errorMessage, div.EventUpload div.ErrorMessage, div.DisplaySideUpload div.error, div.commentForm div.ErrorMessage, div.LogIn div.ErrorMessage, div.LogIn div.ErrorText, div.UserAccount div.ErrorMessage, div.commentForm div.messageOn, div.EventUpload div.messageOn{color:#bf0000;} div.FormEditor div.ErrorMessage div.SFMessage, div.EventUpload div.ErrorMessage div.SFMessage, div.Commenting div.commentForm div.ErrorMessage div.SFMessage, div.UserAccount div.ErrorMessage div.SFMessage{padding-left:5px;} /* hide error message */ div.Commenting div.commentForm div.nameMessage, div.Commenting div.commentForm div.emailMessage, div.Commenting div.commentForm div.titleMessage, div.Commenting div.commentForm div.ratingMessage, div.Commenting div.commentForm div.commentMessage, div.Commenting div.commentForm div.recaptchaMessage, div.Commenting div.commentForm .ErrorMessage, div.EventUpload div.eventNameMessage, div.EventUpload div.descriptionMessage, div.EventUpload div.sponsorMessage, div.EventUpload div.locationMessage, div.EventUpload div.startDateMessage, div.EventUpload div.startTimeMessage, div.EventUpload div.endDateMessage, div.EventUpload div.endTimeMessage, div.EventUpload div.contactNameMessage, div.EventUpload div.contactEmailMessage, div.EventUpload div.attachmentMessage, div.EventUpload div.notesMessage, div.UserAccount div.ErrorMessage{display:none;} /* error message icons */ div.Commenting .icon, div.EventUpload .icon{display:none;} /* after submit - show error message */ div.Commenting div.commentForm div.messageOn, div.Commenting div.commentForm div.error, div.EventUpload div.messageOn, div.EventUpload div.error, div.LogIn span.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;} /* end forms blocks */ /* individual blocks - other than freeform, faq, form editor those are way above this */ /* === ALPHA LIST - filter block === */ div.Aggregation div.AggregationResults ul.alphaList{margin:10px 0 20px 0;overflow:hidden;padding:0;list-style:none;} .IE6 div.Aggregation div.AggregationResults ul.alphaList{height:1%;} div.Aggregation div.AggregationResults ul.alphaList li{float:left;padding-right:9px;} div.Aggregation ul.alphaList li a{font-weight:bold;} div.Aggregation div.alpha a, div.Aggregation div.alpha a:hover, div.Aggregation div.alpha a:focus, div.Aggregation div.alpha a:active{text-decoration:none;} div.Aggregation div.alpha div a:hover, div.Aggregation div.alpha div a:focus, div.Aggregation div.alpha div a:active{text-decoration:underline;} .alpha{clear:both;padding-top:10px;} .tocList{margin-left:25px;} .tocList div{margin-bottom:15px;overflow:hidden;} .IE6 .tocList div{height:1%;} /* === CALENDAR & EVENTS portion of SEGMENTED SEARCH === */ div.Calendar div.CalendarResults, div.SegmentedSearch div.SearchResults {clear:both;} #rightZone div.Calendar{background:transparent;border:0;} div.Calendar div.CalendarResults div.data h3, div.SegmentedSearch div.SearchResults h3{clear:both;padding-bottom:15px;}/* date range */ div.Calendar div.CalendarResults div.data .otherStuff, div.SegmentedSearch div.SearchResults .otherStuff{overflow:hidden;} .IE6 div.Calendar div.CalendarResults div.data .otherStuff{height:1%;} div.Calendar h4{font-size:12px;} div.Calendar div.CalendarResults .data span{display:block;margin:2px 0;} div.SegmentedSearch div.SearchResults .EventRL span{display:block;margin:2px 0;} div.Calendar div.CalendarResults div.data span.startDate, div.Calendar div.CalendarResults div.data span.startTime, div.Calendar div.CalendarResults div.data span.location, div.Calendar div.CalendarResults div.data span.sponsor, div.Calendar div.CalendarResults div.data span.contact, div.Calendar div.CalendarResults div.data span.email, div.Calendar div.CalendarResults div.data span.web, div.Calendar div.CalendarResults div.data span.attachment, div.Calendar div.CalendarResults div.data span.Description, div.Calendar div.CalendarResults div.data span.customField1, div.Calendar div.CalendarResults div.data span.customField2, div.Calendar div.CalendarResults div.data span.customField3, div.Calendar div.CalendarResults div.data span.customField4, div.Calendar div.CalendarResults div.data span.customField5, div.Calendar div.CalendarResults div.data span.linkText, div.Calendar div.CalendarResults div.data div.Description, div.SegmentedSearch div.SearchResults span.startDate,/* for events listing */ div.SegmentedSearch div.SearchResults span.startTime, div.SegmentedSearch div.SearchResults span.location, div.SegmentedSearch div.SearchResults span.sponsor, div.SegmentedSearch div.SearchResults span.contact, div.SegmentedSearch div.SearchResults span.email, div.SegmentedSearch div.SearchResults span.web, div.SegmentedSearch div.SearchResults span.attachment, div.SegmentedSearch div.SearchResults span.Description, div.SegmentedSearch div.SearchResults span.customField1, div.SegmentedSearch div.SearchResults span.customField2, div.SegmentedSearch div.SearchResults span.customField3, div.SegmentedSearch div.SearchResults span.customField4, div.SegmentedSearch div.SearchResults span.customField5, div.SegmentedSearch div.SearchResults span.linkText, div.SegmentedSearch div.SearchResults div.Description{clear:both;} div.SegmentedSearch div.SearchResults span.location{display:block;} div.Calendar div.CalendarResults div.data span.allDayEvent, div.SegmentedSearch div.SearchResults span.allDayEvent/* for events listing */{margin-left:4px;} #centerZone div.Calendar div.CalendarResults div.data span.startTime, div.Calendar div.CalendarResults div.data span.endTime, div.Calendar div.CalendarResults div.data span.allDayEvent, #centerZone div.Calendar div.CalendarResults div.data span.startDate, div.SegmentedSearch div.SearchResults span.startTime,/* for events listing */ div.SegmentedSearch div.SearchResults span.endTime, div.SegmentedSearch div.SearchResults span.allDayEvent, div.SegmentedSearch div.SearchResults span.startDate, div.SegmentedSearch div.SearchResults span.endDate{float:left;} div.Calendar div.CalendarResults div.data span.attachment, div.Calendar div.CalendarResults div.data div.Description, div.Calendar div.CalendarResults div.data p.teaser, div.SegmentedSearch div.SearchResults span.attachment, div.SegmentedSearch div.SearchResults div.Description, div.SegmentedSearch div.SearchResults p.teaser{padding-top:5px;} div.Calendar div.CalendarResults div.data label{float:left;width:90px;} div.SegmentedSearch div.SearchResults label{float:left;width:90px;} div.SegmentedSearch div.SearchResults span.hitCount label{width:50px;} div.CalendarResults div.data .averageRating span, div.CalendarResults div.data .linkComments span{display:inline;margin:0;} div.CalendarResults div.data .averageRating .label{padding-right:4px;} div.SegmentedSearch div.SearchResults p.averageRating span, div.SegmentedSearch div.SearchResults span.total, div.SegmentedSearch .linkComments span{display:inline;margin:0;} div.SegmentedSearch .averageRating .label{padding-right:4px;} #rightZone div.CalendarResults label, #leftZone div.CalendarResults label{display:block;width:100%;} /* === COMMENTING === */ div.Commenting{} div.Commenting div.summary{} div.Commenting div.comments{} div.Commenting div.comments.featured{} div.Commenting div.commentForm{padding-bottom:30px;} .Commenting .summary, .comments .OneCol div{border-bottom:1px solid #ddd;} .comments .OneCol div div{border-bottom:0;} div.comments div.label, div.comments div.value, div.summary div.label, div.comments div.value span, div.summary div.value span{float:left;margin-right:5px;} /* summary */ div.summary div.count{clear:both;} div.summary{margin-bottom:10px;padding-bottom:10px;} /* comments */ div.comments div.label{width:49px;} div.comments div.comment div.label{width:auto} div.comments div.OneCol div{clear:none} div.comments div.OneCol div{margin-bottom:8px;padding:5px 0;} div.comments div.OneCol div div.title, div.comments div.OneCol div div.rating, div.comments div.OneCol div div.user, div.comments div.OneCol div div.dateTime, div.comments div.OneCol div div.comment{margin-bottom:2px;padding:0px;} div.comments div.OneCol div div.title div, div.comments div.OneCol div div.rating div, div.comments div.OneCol div div.user div, div.comments div.OneCol div div.dateTime div, div.comments div.OneCol div div.comment div{margin:0;padding:0px;} div.comments div.OneCol div div.comment{padding-top:13px;} .IE7 div.comments div.OneCol div div.comment{margin-top:13px;} div.Commenting div.comments div.comment div.label, div.Commenting div.comments div.comment div.value{clear:both;display:block;} div.comments div.comment div.value p{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:5px;} /* === EVENT UPLOAD === */ div.EventUpload div.startDate span.icon, div.EventUpload div.endDate span.icon{cursor:pointer;display:inline;margin-left:5px;padding:1px 7px;background:url('../img/thbCalendar.gif') no-repeat left top;} /* === FAQ === */ /* question area */ div.FAQ ul{list-style:none;margin:0;padding:0;} div.FAQ ul li{padding-bottom:20px;} div.FAQ ul a{text-decoration:none;} div.FAQ ul a:hover, div.FAQ ul a:focus, div.FAQ ul a:active{text-decoration:none;} /* answer area */ div.FAQ dl{margin:0;padding:0;} div.FAQ dl dt{padding-top:10px;padding-bottom:5px;font-weight:bold;border-top:1px solid #ccc;} div.FAQ dl dd{margin:0;overflow:hidden;} .IE6 div.FAQ dl dd{height:1%;} div.FAQ dl dd ul{margin-bottom:12px;} div.FAQ dl dd ul li{padding-bottom:0;} div.FAQ dl dd a.ToTop{clear:both;float:left;text-decoration:none;} div.FAQ div.titan_faq_q dl dt{padding-top:0;border:0;}/* wkst only */ div.FAQ dl ul{list-style:disc;} div.FAQ dl ul a{text-decoration:underline;} div.FAQ dl ul a:hover, div.FAQ dl ul a:focus, div.FAQ dl ul a:active{text-decoration:underline;} /* === FILE UPLOAD === */ /* === FILTER === */ div.Aggregation{} div.Aggregation div.AggregationResults{clear:both;} div.Aggregation div.AggregationFilter{} /* === FORM EDITOR === */ div.FormEditor{} /* === FREEFORM === */ div.Freeform{} /* === LOG IN === */ div.LogIn{} div.LogIn div.logInForm{} div.LogIn div.remember{padding-top:5px;} div.LogIn div.buttons{padding-bottom:5px;} div.LogIn div.forgot{} div.LogIn div.account{} /* === PAGE SHARE === */ div.SharePage{padding:0;background:0;border:0;} /* === PHOTO BLOCK === */ div.PhotoBlock div.filmstrip{} div.PhotoBlock div.filmstrip div h3{padding-left:5px;color:#555;font-size:11px;font-weight:bold;} 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{cursor:pointer;float:left;height:20px;margin-top:45px;width:20px;color:#fff;font-size:0;line-height:50;} div.PhotoBlock div.filmstrip div.rightArrow + div{display:none;} div.PhotoBlock div.filmstrip div.leftArrow{background:url('../img/btnPrevNextArrows.gif') no-repeat left top;} div.PhotoBlock div.filmstrip div.rightArrow{background:url('../img/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{float:left;height:400px;margin-left:70px;overflow-y:scroll;width:187px;border:1px solid #ddd;} .IE6 div.PhotoBlock div.filmstrip div{display:none;} .IE6 div.PhotoBlock div.filmstrip div.webImages, .IE6 div.PhotoBlock div.filmstrip div.webImages div, .IE6 div.PhotoBlock div.filmstrip div.leftArrow, .IE6 div.PhotoBlock div.filmstrip div.rightArrow, .IE6 div.PhotoBlock div.filmstrip div.thumbnails{display:block;} /* === PRODUCT LIST === */ /* general product listing stuff */ div.Product{} div.Product .CatalogListing h2, div.Product .category h3 , div.Product .noCategory h3, div.Product .products h2, div.Product .products h3{display:block;padding:5px 10px;} div.Product .CatalogListing h2, div.Product .products h2, div.Product .category h3, div.Product .noCategory h3{margin-bottom:10px;} div.Product .ColOne, div.Product .ColTwo, div.Product .ColThree, div.Product .ColFour{clear:both;margin:0 0 10px 0;overflow:hidden;} div.Product div.item{float:left;margin:0;overflow:hidden;padding:10px;} div.Product .ColOne div.item{float:none;margin:0;} div.Product .ColTwo div.item{width:45%;} div.Product .ColThree div.item{width:28%;} div.Product .ColFour div.item{width:20%;} div.Product .ColOne .teaserImage, div.Product .ColOne .otherStuff{clear:none;float:none;} div.Product div.otherStuff{clear:both;} /* sorter */ div.Product .sorter{clear:both;} .IE6 div.Product .sorter{height:1%;} div.Product div.ProductListing h2{background:#ddd;} div.Product div.listingTools{border-bottom:1px solid #ddd;} div.Product .sorter ul{float:left;list-style:none;margin:0;padding:0;} div.Product .sorter a{cursor:pointer;text-decoration:none;} div.Product .sorter li.selected a{cursor:default;text-decoration:none;color:#333;} div.Product .sorter ul li{float:left;padding:0 15px 0 0;} div.Product .sorter label, div.Product .sorter .select{float:left;} div.Product .sorter label {padding-right:5px;} /*CatalogListing */ div.Product .CatalogListing{position:relative;} div.Product .CatalogListing .category, div.Product .CatalogListing .noCategory, div.Product .CatalogListing .other{margin:0 0 20px 0;position:relative;} div.Product .CatalogListing .category, div.Product .CatalogListing .noCategory, div.Product .CatalogListing .other{height:1%;} div.Product .CatalogListing .products{padding:0 5px;} div.Product .categoryTeaser{padding:0 10px;} div.Product .viewMore{position:absolute;right:10px;top:8px;} div.Product div.ProductListing h2{padding:5px;} div.Product div.listingTools{margin-bottom:10px;overflow:hidden;padding:10px 5px;} div.Product a img{border:0;} div.Product .CatalogListing h2, div.Product .category h3 , div.Product .noCategory h3, div.Product .products h2, div.Product .products h3{background:#e0d0b1;text-decoration:none;} div.Product .category h3 a, div.Product .products h3 a{text-decoration:none;} /*Product Detail */ div.Product .productDetail{} div.Product .productDetail .linkText{text-align:right;padding-bottom:20px;} div.Product .productDetail div.item{clear:both;overflow:hidden;} div.Product .productDetail .photos{float:left;margin:0;width:340px;} div.Product .productDetail .mainPhoto img{padding:2px;} div.Product .productDetail .photos .imgTools{padding:5px 0 10px 0;} div.Product .productDetail .photos .imgTools span, div.Product .productDetail .photos span img{cursor:pointer;} div.Product .productDetail .photos span img{padding-right:2px;} div.Product .productDetail .photos .imgTools span.viewLarger span{padding-left:15px;} div.Product .productDetail .shortDescrip{clear:none;float:left;width:300px;} div.Product .productDetail .shortDescrip h2{padding-bottom:10px;} div.Product .productDetail .shortDescrip div{clear:both;float:none;padding-bottom:5px;} div.Product .productDetail .longDescrip{clear:both;padding:10px 0;border-top:1px solid #ccc;} div.Product .productDetail .photos .imgTools span.viewLarger span{background:url('../img/largerView.png') no-repeat left top;} div.Product .productDetail .photos .imgTools span.viewLarger span:hover, div.Product .productDetail .photos .imgTools span.viewLarger span:focus, div.Product .productDetail .photos .imgTools span.viewLarger span:active{color:#800C27;} /* larger product view */ .outerPopUp{position:fixed;top:0;left:0;width:100%;height:100%;} .innerPopUp{position:fixed;top:2%;left:50%;margin-left:-325px} .innerPopUp .wrapper{height:620px;overflow:hidden;padding:10px 10px 0 10px;width:657px;} .innerPopUp .wrapper .close{float:right;height:15px;width:14px;cursor:pointer;} .innerPopUp .wrapper .image, .innerPopUp .wrapper .previewPhotos{margin-left:8px;} .innerPopUp .wrapper .mainPhoto{height:485px;} div.Product .productDetail .innerPopUp .wrapper .mainPhoto img{padding:0;} .innerPopUp .wrapper h2{margin-bottom:7px;} .innerPopUp .wrapper div.previewPhotos{clear:both;height:85px;overflow-y:scroll;overflow-x:hidden;width:641px;} /* Larger Product View Pop up */ .outerPopUp{background:#333;opacity:.5;filter:alpha(opacity=50);} .innerPopUp{background:#fff;border:1px solid #333;} .innerPopUp .wrapper{background:#fff;} .innerPopUp .wrapper .close{background:url('../img/btnclose.gif') no-repeat left top;font-size:0;line-height:50px;color:#fff;} .innerPopUp .wrapper h2{border-bottom:1px solid #ddd} .innerPopUp .wrapper .mainPhoto{border-bottom:1px solid #ccc;} .innerPopUp .wrapper .mainPhoto img{border:0;} /* === REGISTRATION === */ div.UserAccount{} div.UserAccount div.accountForm, div.UserAccount div.accountFilter, div.UserAccount div.hintQuestions{clear:both;padding-bottom:20px;} div.UserAccount div.accountForm div.TOUAgree{overflow:hidden;} .IE6 div.UserAccount div.accountForm div.TOUAgree{height:1%;} div.UserAccount div.accountForm div.TOUAgree input, div.UserAccount div.accountForm div.TOUAgree label{float:left;} div.UserAccount div.accountForm div.TOUAgree label{padding-top:3px;} div.UserAccount span.reqYes{float:left;padding-right:3px;} div.UserAccount span.req{display:none;} div.UserAccount div.hintQuestions div.response + div.response{padding-bottom:20px;} /* === SEARCH RESULTS === */ div.SearchResults div.smartSearchTitle{margin-top:10px;} div.SearchResults div.organicSearchResults div.OneCol div{overflow:hidden;} .IE6 div.SearchResults div.organicSearchResults div.OneCol div{height:1%;} div.SearchResults div.smartSearchResults{margin:10px 0;padding:15px 15px 0 15px;background:#f7f7f7;border:1px solid #ccc;} div.SearchResults div.smartSearchResults h3{clear:both;margin:0 0 15px 0;padding:0;} div.SearchResults div.docMatch{margin:10px 0;} div.SearchResults h4.docMatch i{color:#bf0000;} div.SearchResults div.titleMiddle{display:none;} div.SearchResults div.didYouMean{margin:15px 0;padding-bottom:15px;border-bottom:1px solid #ddd;} div.SearchResults div.didYouMean h2{margin:5px 0;} /* === SEGMENTED SEARCH RESULTS (uses part of Search Results CSS and OneCol & TwoCol CSS)=== */ div.SegmentedSearch div.SearchResults{clear:none;float:left;width:665px;} /* need to look the same center column with right zone */ div.SegmentedSearch div.SegmentedSearchFilter2{clear:none;float:right;width:180px;padding:0;} /* need to look the same as #rightZone */ /* filter area */ div.SegmentedSearch div.SegmentedSearchFilter2 div.mainFilter, div.SegmentedSearch div.SegmentedSearchFilter2 div.inputsRefine{overflow:hidden;clear:both;} div.SegmentedSearch div.SearchResults div.SmartRL, div.SegmentedSearch div.SearchResults div.PagesRL, div.SegmentedSearch div.SearchResults div.FilesRL, div.SegmentedSearch div.SearchResults div.PeopleRL, div.SegmentedSearch div.SearchResults div.NewsRL, div.SegmentedSearch div.SearchResults div.EventRL, div.SegmentedSearch div.SearchResults div.ProductRL{clear:both;overflow:hidden;margin-bottom:25px;border-bottom:1px solid #ccc;} /* smart search */ div.SegmentedSearch div.SearchResults div.smartSearchResults .teaserImage{display:none;}/* never show teaser image */ div.SegmentedSearch div.smartSearchResults div.image div.otherStuff{margin-left:0;}/* remove regular margin if case the image that won't show the margin does get applied */ div.SegmentedSearch div.SearchResults div.titleTop{overflow:hidden;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc;} div.SegmentedSearch div.SearchResults div.titleTop div.options{float:left;padding-bottom:3px;width:auto;} div.SegmentedSearch div.SearchResults div.titleTop div.try, div.SegmentedSearch div.SearchResults div.titleTop div.didYouMean{padding:5px 0 0 0;margin:0;border-bottom:0;} div.SegmentedSearch div.SearchResults div.titleTop div.try h4, div.SegmentedSearch div.SearchResults div.titleTop div.didYouMean h4{float:left;padding-bottom:3px;} div.SegmentedSearch div.SearchResults div.tools{float:right;overflow:hidden;width:23%;} div.SegmentedSearch div.SearchResults div.view{overflow:hidden;} div.SegmentedSearch div.SearchResults div.view span{float:left;} div.SegmentedSearch div.SearchResults div.view span.minIcon, div.SegmentedSearch div.SearchResults div.view span.maxIcon{cursor:pointer;height:16px;width:16px;margin-right:4px;font-size:0;line-height:30px;color:#fff;background:url('images/brownie4images/bgGridView.gif') no-repeat left top;} div.SegmentedSearch div.SearchResults div.view span.maxIcon{background:url('../img/bgGridView.gif') no-repeat right -17px;} div.SegmentedSearch div.min div.view span.minIcon{background-position:left -17px;} div.SegmentedSearch div.min div.view span.maxIcon{background-position:right top;} div.SegmentedSearch div.SearchResults div.sort{clear:both;padding-top:5px;} div.SegmentedSearch div.SearchResults div.sort .label, div.SegmentedSearch div.SearchResults div.view .label{float:left;width:40px;} #centerZone div.SegmentedSearch div.SearchResults div.FilesRL div.image div.otherStuff, #centerZone div.SegmentedSearch div.SearchResults div.FilesRL div.image div.properties{margin-left:48px;} /*check width value with page layout & properties below */ div.SegmentedSearch div.SearchResults div.seeAllResults{clear:both;float:right;padding-bottom:5px;} div.SegmentedSearch div.SearchResults div.seeAllResults a{padding-right:10px;} div.SegmentedSearch div.SearchResults p.linkURL a, div.ProductRL .urlText a{text-decoration:none;} div.SegmentedSearch div.SearchResults div.seeAllResults a{text-decoration:none;background:url('../img/bgFilterArrows.gif') no-repeat right -18px;} div.SegmentedSearch div.SearchResults div.seeAllResults a:hover, div.SegmentedSearch div.SearchResults div.seeAllResults a:focus, div.SegmentedSearch div.SearchResults div.seeAllResults a:active, div.SegmentedSearch div.SearchResults p.linkURL a:hover, div.SegmentedSearch div.SearchResults p.linkURL a:focus, div.SegmentedSearch div.SearchResults p.linkURL a:active, div.ProductRL .urlText a:hover, div.ProductRL.urlText a:focus, div.ProductRL .urlText a:active{text-decoration:underline;} /* min view */ div.SegmentedSearch div.min .teaserImage, div.SegmentedSearch div.min .date, div.SegmentedSearch div.min .hitCount, div.SegmentedSearch div.min .teaser, div.SegmentedSearch div.min .linkText, div.SegmentedSearch div.min .linkComments, div.SegmentedSearch div.min .linkURL, div.SegmentedSearch div.min .averageRating, div.SegmentedSearch div.min .sort, div.SegmentedSearch div.min .author, div.SegmentedSearch div.min .size, div.SegmentedSearch div.min .type, div.SegmentedSearch div.min .phone, div.SegmentedSearch div.min .emailAddress, div.SegmentedSearch div.min .department, div.SegmentedSearch div.min .EventRL .allDayEvent, div.SegmentedSearch div.min .EventRL .startTime, div.SegmentedSearch div.min .EventRL .endTime, div.SegmentedSearch div.min .EventRL .endDate, div.SegmentedSearch div.min .EventRL span.location, div.SegmentedSearch div.min .price, div.SegmentedSearch div.min .date, div.SegmentedSearch div.min .description, div.SegmentedSearch div.min .shortTeaser, div.SegmentedSearch div.min .longTeaser, div.SegmentedSearch div.min .partNumber, div.SegmentedSearch div.min .urlText, div.SegmentedSearch div.min .sku, div.SegmentedSearch div.min .otherStuff .label, div.SegmentedSearch div.min .EventRL .startDate, div.SegmentedSearch div.min .EventRL .sponsor, div.SegmentedSearch div.min .EventRL .contact, div.SegmentedSearch div.min .EventRL .email, div.SegmentedSearch div.min .EventRL p{display:none;} #centerZone div.SegmentedSearch div.min div.otherStuff, div.SegmentedSearch div.min div.otherStuff, div.SegmentedSearch div.min div.OneCol div, #centerZone div.SegmentedSearch div.min div.DocumentsRL div.image div.otherStuff, #centerZone div.SegmentedSearch div.min div.FilesRL div.image div.otherStuff{margin-left:0;margin-bottom:0;padding-bottom:5px;} #centerZone div.SegmentedSearch div.SearchResults div.FilesRL div.image a.teaserImage img{border:0;} /* === SITE MAP === */ div.SiteMap{} div.SiteMap ul{list-style:none;} div.SiteMap ul li{margin-top:10px;font-weight:bold;} div.SiteMap li ul li{font-weight:normal;} /* === TOCBLOCK === */ div.TOCBlock{} /* === VIDEO BLOCK (freeform) === */ .titanFlowHolder{border:1px solid #ddd;background:#eee url('../img/videoPlay.png') no-repeat 50% 50%} /* === WHAT'S NEW === */ div.WhatsNew{} /* end individual blocks */ /* ========================================================================================== POP UP PAGES */ /* === COMMENTING POP UP === when coming from an TOC or Filter block Read Comments or Write Comments Link */ div.commentFormPop #pageTopArea, div.commentsPop #pageTopArea{} div.commentFormPop #contentArea, div.commentsPop #contentArea{background:0;} div.commentFormPop #contentContainer, div.commentsPop #contentContainer{padding-left:100px;}