/* 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 */ /* ========================================================================================== BLOCKS */ /* 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.loading.waiting, 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:19px;padding-left:0;} #mainBody div.Product div.select ul{margin-left:0;} .IE7 #mainBody div.Freeform ul, .IE7 #mainBody div.FAQ dl ul, .IE7 #mainBody div.FormEditor ul, .IE7 #mainBody div.Product ul, .IE8 #mainBody div.Freeform ul, .IE8 #mainBody div.FAQ dl ul, .IE8 #mainBody div.FormEditor ul, .IE8 #mainBody div.Product ul{margin-left:22px;padding-left:0;} #mainBody div.Freeform ol, #mainBody div.FAQ dl ol, #mainBody div.FormEditor ol, #mainBody div.Product ol{margin-left:25px;padding-left:0;} .IE7 #mainBody div.Freeform ol, .IE7 #mainBody div.FAQ dl ol, .IE7 #mainBody div.FormEditor ol, .IE7 #mainBody div.Product ol, .IE8 #mainBody div.Freeform ol, .IE8 #mainBody div.FAQ dl ol, .IE8 #mainBody div.FormEditor ol, .IE8 #mainBody div.Product ol{margin-left:30px;padding-left:0;} /* === BLOCK LINKS STYLES (styles only - not layout) === */ div.SegmentedSearch div.SearchResults div.seeAllResults a, div.SegmentedSearch div.SearchResults p.linkURL a, div.ProductRL .urlText a, div.FAQ ul a, div.FAQ ul a:hover, div.FAQ ul a:focus, div.FAQ ul a:active, div.FAQ dl dd a.ToTop, div.Aggregation div.alpha a, div.Aggregation div.alpha a:hover, div.Aggregation div.alpha a:focus, div.Aggregation div.alpha a:active, div.OneCol p.averageRating a, div.TwoCol p.averageRating a, div.tocList p.averageRating a, div.otherStuff p.averageRating a, div.OneCol h4 a,/* h4 - teaser page title when a link */ div.TwoCol h4 a, div.SiteMap h4 a, div.tocList h4 a, div.Product h4 a, /*-------added-------*/ div.ColOne h4 a, div.ColTwo h4 a, div.ColThree h4 a, div.ColFour h4 a, div.ColFive h4 a, div.OneCol p.linkText a,/* read more link */ div.TwoCol p.linkText a, div.tocList p.linkText a, div.Product p.linkText a, div.DataList p.linkText a, 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, div.Aggregation div.alpha div h4 a:hover, div.Aggregation div.alpha div h4 a:focus, div.Aggregation div.alpha div h4 a:active, div.Product h4 a:hover, div.Product h4 a:focus, div.Product h4 a:active, /*-------added-------*/ div.ColOne h4 a:hover, div.ColOne h4 a:focus, div.ColOne h4 a:active, div.ColTwo h4 a:hover, div.ColTwo h4 a:focus, div.ColTwo h4 a:active, div.ColThree h4 a:hover, div.ColThree h4 a:focus, div.ColThree h4 a:active, div.ColFour h4 a:hover, div.ColFour h4 a:focus, div.ColFour h4 a:active, div.ColFive h4 a:hover, div.ColFive h4 a:focus, div.ColFive h4 a:active, div.Product div.linkText a, div.DataList div.linkText a, div.OneCol p.linkComments a,/* comments link on filter, toc, what's new, calendar, search results */ div.TwoCol p.linkComments a, div.tocList p.linkComments a, div.Product p.linkComments a, div.DataList p.linkComments a, /* product block - Mfg urlText */ div.Product div.urlText a, div.DataList div.urlText a, /* calendar View Attachment */ div.Calendar span.attachment a, ul.paginationFooter a, ul.pagination a, div.Product .sorter ul li a, div.Product .category h3 a, div.Product .products h3 a, div.DataList .sorter ul li a, div.DataList .category h3 a, div.DataList .products h3 a, div.logInForm a, div.accountProfile a{text-decoration:none;} 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, div.FAQ dl ul a, div.FAQ dl ul a:hover, div.FAQ dl ul a:focus, div.FAQ dl ul a:active, div.Aggregation div.alpha div a:hover, div.Aggregation div.alpha div a:focus, div.Aggregation div.alpha div a:active, div.SiteMap li a:hover, div.SiteMap li a:focus, div.SiteMap li a:active, div.OneCol p.linkText a:hover,/* read more link */ 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.ColOne p.linkText a:hover, div.ColOne p.linkText a:focus, div.ColOne p.linkText a:active, div.ColTwo p.linkText a:hover, div.ColTwo p.linkText a:focus, div.ColTwo p.linkText a:active, div.ColThree p.linkText a:hover, div.ColThree p.linkText a:focus, div.ColThree p.linkText a:active, div.ColFour p.linkText a:hover, div.ColFour p.linkText a:focus, div.ColFour p.linkText a:active, div.ColFive p.linkText a:hover, div.ColFive p.linkText a:focus, div.ColFive p.linkText a:active, div.tocList p.linkText a:hover, div.tocList p.linkText a:focus, div.tocList p.linkText a:active, div.OneCol p.linkComments a:hover,/* comments link on filter, toc, what's new, calendar, search results */ 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 div.linkText a:hover, div.Product div.linkText a:focus, div.DataList div.linkText a:active, div.DataList div.linkText a:hover, div.DataList div.linkText a:focus, div.Product div.linkText a:active, div.Product p.linkComments a:hover, div.Product p.linkComments a:focus, div.Product div.urlText a:hover,/* product block - Mfg urlText */ div.Product div.urlText a:focus, div.Product div.urlText a:active div.Calendar span.attachment a:hover, div.Calendar span.attachment a:focus, div.Calendar span.attachment a:active, ul.paginationFooter a:hover, ul.paginationFooter a:focus, ul.paginationFooter a:active, ul.pagination a:hover, ul.pagination a:focus, ul.pagination a:active, div.logInForm a:hover, div.logInForm a:focus, div.logInForm a:active, div.accountProfile a:hover, div.accountProfile a:focus, div.accountProfile a:active{text-decoration:underline;} div.SegmentedSearch div.SearchResults div.seeAllResults a{background:url('images/bgFilterArrows.gif') no-repeat right -18px;} div.Product .sorter ul li.selected a{cursor:default;text-decoration:none;color:#333;} div.Aggregation ul.alphaList li a{font-weight:bold;} /* === ONECOL, TWOCOL, COLONE, COLTWO, COLTHREE, COLFOUR, COLFIVE CONTAINERS === */ div.OneCol div, div.TwoCol, div.ColOne, div.ColTwo, div.ColThree, div.ColFour, div.ColFive, div.tocList div, div.tocList{clear:both;} div.OneCol div.otherstuff, div.TwoCol div.otherstuff{clear:none;} div.OneCol div, div.TwoCol div, div.ColOne div, div.ColTwo div, div.ColThree div, div.ColFour div, div.ColFive 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.LeftZone div.ColTwo div, div.LeftZone div.ColThree div, div.LeftZone div.ColFour div, div.LeftZone div.ColFive 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.DataList 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.teaserImage , div.TwoCol div.image a.teaserImage , div.tocList div.image a.teaserImage , div.Calendar div.image a.teaserImage, div.DataList div.image a.teaserImage, div.Product div.image div.mainPhoto /* 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.DataList div.image img /*div.PhotoBlock div.thumbnails img*/{} /* 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{display:block;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.teaserImage, div.CenterZone div.TwoCol div.image a.teaserImage, div.CenterZone div.ColOne div.image a.teaserImage, div.CenterZone div.ColTwo div.image a.teaserImage, div.CenterZone div.ColThree div.image a.teaserImage, div.CenterZone div.ColFour div.image a.teaserImage, div.CenterZone div.ColFive div.image a.teaserImage, div.CenterZone div.tocList div.image a.teaserImage /*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 */ div.CenterZone div.OneCol div.image p, div.CenterZone div.TwoCol div.image p, div.CenterZone div.tocList div.image p, div.CenterZone div.OneCol div.image h4, div.CenterZone div.TwoCol div.image h4, div.CenterZone div.tocList div.image h4, div.CenterZone div.OneCol div.image span.hitCount, div.CenterZone div.TwoCol div.image span.hitCount, div.CenterZone div.tocList div.image span.hitCount, div.CenterZone div.OneCol div.image span.date, div.CenterZone div.TwoCol div.image span.date, div.CenterZone div.tocList div.image span.date, div.CenterZone div.OneCol div.image div.classifications, div.CenterZone div.TwoCol div.image div.classifications, div.CenterZone div.tocList div.image div.classifications, #centerZone div.Calendar div.OneCol div.image h1, #centerZone div.Calendar div.OneCol div.image h2, #centerZone div.Calendar div.OneCol div.image h3, #centerZone div.Calendar div.OneCol div.image h5, #centerZone div.Calendar div.OneCol div.image h6, #centerZone div.Calendar div.OneCol div.image ul, #centerZone div.Calendar div.OneCol div.image ol, #centerZone div.Calendar div.OneCol div.image blockquote{margin-left:90px;} div.OneCol div.image div.otherStuff p, div.TwoCol div.image div.otherStuff p, div.tocList div.image div.otherStuff p, div.OneCol div.image div.otherStuff h4, div.TwoCol div.image div.otherStuff h4, div.tocList div.image div.otherStuff h4, div.OneCol div.image div.otherStuff span.hitCount, div.TwoCol div.image div.otherStuff span.hitCount, div.tocList div.image div.otherStuff span.hitCount, div.OneCol div.image div.otherStuff span.date, div.TwoCol div.image div.otherStuff span.date, div.tocList div.image div.otherStuff span.date, div.OneCol div.image div.otherStuffdiv.classifications, div.TwoCol div.image div.otherStuff div.classifications, div.tocList div.image div.otherStuff div.classifications, div.OneCol div.image div.otherStuff span.hitCount, div.TwoCol div.image div.otherStuff span.hitCount, div.tocList div.image div.otherStuff span.hitCount, #centerZone div.Calendar div.OneCol div.image div.otherStuff h1, #centerZone div.Calendar div.OneCol div.image div.otherStuff h2, #centerZone div.Calendar div.OneCol div.image div.otherStuff h3, #centerZone div.Calendar div.OneCol div.image div.otherStuff h5, #centerZone div.Calendar div.OneCol div.image div.otherStuff h6, #centerZone div.Calendar div.OneCol div.image div.otherStuff ul, #centerZone div.Calendar div.OneCol div.image div.otherStuff ol, #centerZone div.Calendar div.OneCol div.image div.otherStuff blockquote, .properties *{margin-left:0!important;} #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{float:none;margin-left:auto;} #centerZone div.Product .ColOne div.image div.otherStuff{margin-left:170px;} div.OneCol div.image a.teaserImage, div.TwoCol div.image a.teaserImage, div.ColOne div.image a.teaserImage, div.ColTwo div.image a.teaserImage, div.tocList div.image a.teaserImage, div.Calendar div.image a.teaserImage, div.Product div.image div.mainPhoto{margin-right:6px;} /* === 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.ColOne h4, div.ColTwo h4, div.ColThree h4, div.ColFour h4, div.ColFive h4, div.SiteMap h4, div.tocList h4{} /* === BLOCK PARAGRAPH === filter (alpha list = tocList), toc, what's new, search results, calendar, site map */ div.OneCol p, div.TwoCol p, div.ColOne p, div.ColTwo p, div.ColThree p, div.ColFour p, div.ColFive p, div.tocList p/*, div.Product p*/{margin:0;padding-bottom:1px;} /* read more link */ div.OneCol p.linkText, div.TwoCol p.linkText, div.tocList p.linkText{clear:both;} /* 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;} /* === 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{display:block;float:none;} /* === BLOCK CLASSIFICATIONS === filter, toc, what's new */ div.OneCol div.classifications, div.TwoCol div.classifications, div.tocList div.classifications, div.ColOne div.classifications, div.ColTwo div.classifications, div.ColThree div.classifications, div.ColFour div.classifications, div.ColFive div.classifications, div.OneCol div.classifications div, div.TwoCol div.classifications div, div.ColOne div.classifications div, div.ColTwo div.classifications div, div.ColThree div.classifications div, div.ColFour div.classifications div, div.ColFive div.classifications div, div.tocList div.classifications div{margin-bottom:0;padding-bottom:0;} div.TwoCol div.classifications, div.ColTwo div.classifications, div.ColThree div.classifications, div.ColFour div.classifications, div.ColFive div.classifications, div.TwoCol div.classifications div, div.ColTwo div.classifications div, div.ColThree div.classifications div, div.ColFour div.classifications div, div.ColFive div.classifications div{float:none;width:100%;} div.OneCol div.classifications span, div.TwoCol div.classifications span, div.ColOne div.classifications span, div.ColTwo div.classifications span, div.ColThree div.classifications span, div.ColFour div.classifications span, div.ColFive div.classifications span, div.tocList div.classifications span{display:block;} div.OneCol div.classifications ul, div.TwoCol div.classifications ul, div.ColOne div.classifications ul, div.ColTwo div.classifications ul, div.ColThree div.classifications ul, div.ColFour div.classifications ul, div.ColFive 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.ColFive 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.ColOne div.classifications span, div.ColTwo div.classifications span, div.ColThree div.classifications span, div.ColFour div.classifications span, div.ColFive div.classifications span, div.tocList div.classifications span, div.OneCol span.label, div.TwoCol span.label, div.ColOne span.label, div.ColTwo span.label, div.ColThree span.label, div.ColFour span.label, div.ColFive 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;} /* === New Browser Feature adjustments === */ /* Make placeholder text consistent across browsers */ #mainBody input::-webkit-input-placeholder, #mainBody textarea::-webkit-input-placeholder {color:#888;} #mainBody input:-moz-placeholder, #mainBody textarea:-moz-placeholder {opacity:1; color:#888;} /* Firefox 18- */ #mainBody input::-moz-placeholder, #mainBody textarea::-moz-placeholder {opacity:1; color:#888;} /* Firefox 19+ */ #mainBody input:-ms-input-placeholder, #mainBody textarea:-ms-input-placeholder {color:#888;} /* Hide the clear X on textboxes in IE10+ (at least until there's an event we can attach to) */ .IE #mainBody input::-ms-clear, .IE .dataField input::-ms-clear{ display:none; } /* === 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;} /* centerzone only */ /*div.Calendar*/div.CenterZone div.CalendarResults ul.pagination span{display:inline;margin-left:0;} /* === MONTHLY CALENDAR TABLE === calendar, event upload, data editor */ div.Calendar div.calendarCallOut{margin-left:1px;}/* firefox weirdness */ #centerZone div.Calendar div.calendarCallOut{width:155px;} div.EventUpload div.DatePicker, div.DataEditor div.DatePicker, div.DataList div.DatePicker {border:solid 1px #333;box-shadow:3px 3px 3px #777; z-index:2;} div.Calendar div.calendarCallOut table, div.EventUpload div.DatePicker table, div.DataEditor div.DatePicker table, div.DataList div.DatePicker table, div.DataFilter2 table.calendar{/*border-collapse:collapse;*/margin:0 auto;} div.Calendar div.calendarCallOut table th, div.EventUpload div.DatePicker table th, div.DataEditor div.DatePicker table th, div.DataList div.DatePicker table th, div.DataFilter2 table.calendar th{padding:3px 0;} div.Calendar div.calendarCallOut table th.arrow, div.DataList table.calendar th.arrow, div.DataFilter2 table.calendar th.arrow, div.DataFilter2 table.calendar th.dblarrow{padding-bottom:3px;} div.Calendar div.calendarCallOut table td, div.EventUpload div.DatePicker td, div.DataEditor div.DatePicker td, div.DataList div.DatePicker td, div.DataFilter2 table.calendar td{height:20px;text-align:center;width:23px;} div.Calendar div.calendarCallOut table td, div.EventUpload div.DatePicker td, div.EventUpload div.DatePicker, div.DataEditor div.DatePicker td, div.DataEditor div.DatePicker, div.DataList div.DatePicker td, div.DataList div.DatePicker, div.DataFilter2 table.calendar td{background:#eee;} div.Calendar div.calendarCallOut table td, div.EventUpload div.DatePicker td, div.DataEditor div.DatePicker td, div.DataList div.DatePicker td, div.DataFilter2 table.calendar td{border:1px solid #fff;text-align:center;color:#999;} div.Calendar div.calendarCallOut table td, div.EventUpload div.DatePicker td, div.DataEditor div.DatePicker td, div.DataList div.DatePicker td, div.DataFilter2 table.calendar 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, div.DataEditor .DatePicker .arrow, div.DataEditor .DatePicker .caption th.monthHeader, div.DataEditor .DatePicker .caption th + th + th + th, div.DataList .DatePicker .arrow, div.DataList .DatePicker .caption th.monthHeader, div.DataList .DatePicker .caption th + th + th + th, div.DataFilter2 table.calendar .arrow, div.DataFilter2 table.calendar .dblarrow, div.DataFilter2 table.calendar .caption th.monthHeader, div.DataFilter2 table.calendar th + th + th + th {cursor:pointer;} div.Calendar div.calendarCallOut table .arrow, div.EventUpload div.DatePicker .arrow, div.EventUpload div.DatePicker .caption th + th + th + th, div.DataEditor div.DatePicker .arrow, div.DataEditor div.DatePicker .caption th + th + th + th, div.DataList div.DatePicker .arrow, div.DataList div.DatePicker .caption th + th + th + th, div.DataFilter2 table.calendar .arrow, div.DataFilter2 table.calendar .dblarrow, div.DataFilter2 table.calendar .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, div.DataEditor div.DatePicker .caption th + th + th + th:hover, div.DataEditor div.DatePicker .arrow:hover, div.DataList div.DatePicker .caption th + th + th + th:hover, div.DataList div.DatePicker .arrow:hover, div.DataFilter2 table.calendar .caption th + th + th + th:hover, div.DataFilter2 table.calendar .arrow:hover, div.DataFilter2 table.calendar .dblarrow:hover {color:#777} div.DataFilter2 table.calendar .arrow, div.DataFilter2 table.calendar .dblarrow {font-size:1.2em;} div.Calendar div.calendarCallOut table .otherMonth, div.EventUpload .DatePicker .otherMonth, div.DataEditor .DatePicker .otherMonth, div.DataList .DatePicker .otherMonth, div.DataFilter2 table.calendar .otherMonth {background:#ccc;cursor:default;} div.Calendar div.calendarCallOut table td.selected, div.EventUpload div.DatePicker td.selected, div.DataEditor div.DatePicker td.selected, div.DataList div.DatePicker td.selected, div.DataFilter2 table.calendar 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, div.DataEditor div.DatePicker td.hasEvent, div.DataList div.DatePicker td.hasEvent, div.DataFilter2 table.calendar td.hasEvent {color:#00535e; font-weight:bold;} div.Calendar div.calendarCallOut table td.selectedDate, div.EventUpload div.DatePicker td.selectedDate, div.DataEditor div.DatePicker td.selectedDate, div.DataList div.DatePicker td.selectedDate, div.DataFilter2 table.calendar td.selectedDate {border:1px solid #fff; color:#fff; background:#00535e;} /* === 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;} #mainBody div.DataList div.DataFilter2 fieldset.keyword input, #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%;padding:4px 2px 3px 2px;/*border: 1px solid gray;*/} .Chrome #mainBody div.DataList div.DataFilter2 fieldset.keyword input{padding:3px 2px 2px 2px;} 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, div.DataList div.DataFilter2{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, div.DataList div.DataFilter2 fieldset{margin:0 0 10px 0;} .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, .IE6 div.DataList div.DataFilter2 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, div.DataList div.DataFilter2 .head h4{width:69%;} div.CenterZone div.AggregationFilter2 fieldset, div.CenterZone div.CalendarFilter2 fieldset, div.CenterZone div.accountFilter2 fieldset, div.CenterZone div.ProductFilter2 fieldset, div.CenterZone div.DataFilter2 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/*, div.CenterZone div.DataFilter2 fieldset.keyword*/{float:none;} /* === Tag/Proximity Suggest filter === */ /* It plain won't work in IE <= 7 */ .IE6 .tagSuggest, .IE7 .tagSuggest, .IE6 .proximity, .IE7 .proximity {display:none !important;} .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:0px; padding:0px; 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:0px 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 === */ 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, div.DataList div.DataFilter2 fieldset .inputs, div.DataList div.DataFilter2 fieldset .input, div.DataEditor div.dataField.tags fieldset .inputs, div.DataEditor div.dataField.tags fieldset .input, div.DataEditor div.dataField .inputs, div.DataEditor div.dataField .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.DataList div.DataFilter2 .inputs input, div.DataEditor div.dataField .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, div.DataList div.DataFilter2 .inputs label, div.DataEditor div.dataField .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, div.DataList div.DataFilter2 .inputs input, div.DataEditor div.dataField .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, #mainBody div.DataList div.DataFilter2 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, div.DataList div.DataFilter2 .inputs select, div.DataEditor div.dataField .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, div.DataList div.DataFilter2 .inputs label, div.DataEditor div.dataField .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, div.DataList div.DataFilter2 .inputs label span, div.DataEditor div.dataField .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, div.DataList div.DataFilter2 .inputs div, div.DataEditor div.dataField .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.DataEditor div.dataField .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, div.DataList div.DataFilter2 div a, div.DataList div.DataFilter2 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/*, .IE div.DataList div.DataFilter2 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, div.DataFilter2 fieldset div.head{border-bottom:1px solid #ccc;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, div.DataFilter2 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, #mainBody div.DataFilter2 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.DataList div.DataFilter2 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, div.DataList div.DataFilter2 fieldset div.head .reset{clear:none;cursor:pointer;float:right;margin:0;text-decoration:none;padding:0;width:28px;} /* min/max */ /*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, div.DataFilter2 fieldset div.head span, div.DataFilter2 fieldset.seeMore div.head span{background:url('images/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, div.DataFilter2 fieldset.min div.head span{background:url('images/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.DataFilter2 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.DataFilter2 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.DataFilter2 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, div.DataFilter2 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.DataFilter2 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.DataFilter2 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.DataFilter2 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, .IE div.DataFilter2 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.DataFilter2 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.DataFilter2 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.DataFilter2 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.DataFilter2 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.DataFilter2 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.DataFilter2 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, div.DataFilter2 fieldset.seeMore.min div.less, fieldset.tagSuggest.min div.search, fieldset.proximity.min div.search{display:none;} /* here */ /* 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.FormEditor 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;} /* For Data Editor */ div.DataEditor {} div.DataEditor div.dataField {} 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 div.fieldMessage span.value{} 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:0px; padding:0px;} 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 {} 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:0px 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:0px 3px; padding:1px 2px;} div.DataEditor .RecurrenceEditor .frequency input.shortFixed, div.DataEditor .RecurrenceEditor .recurrenceEnd input.shortFixed {width:46px; margin:0px 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;} /* === 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;} .IE7 div.EventUpload div.eventName input, .IE7 div.EventUpload div.description input, .IE7 div.EventUpload div.sponsor input, .IE7 div.EventUpload div.location input, .IE7 div.EventUpload div.startDate input, .IE7 div.EventUpload div.startTime input, .IE7 div.EventUpload div.endDate input, .IE7 div.EventUpload div.endTime input, .IE7 div.EventUpload div.contactName input, .IE7 div.EventUpload div.contactEmail input, .IE7 div.DisplaySideUpload div.title input, .IE7 div.EventUpload textarea, .IE7 div.DisplaySideUpload textarea, .IE8 div.EventUpload div.eventName input, .IE8 div.EventUpload div.description input, .IE8 div.EventUpload div.sponsor input, .IE8 div.EventUpload div.location input, .IE8 div.EventUpload div.startDate input, .IE8 div.EventUpload div.startTime input, .IE8 div.EventUpload div.endDate input, .IE8 div.EventUpload div.endTime input, .IE8 div.EventUpload div.contactName input, .IE8 div.EventUpload div.contactEmail input, .IE8 div.DisplaySideUpload div.title input, .IE8 div.EventUpload textarea, .IE8 div.DisplaySideUpload textarea{width:201px;} .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:195px;} .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;} .Firefox.MacPPC div.EventUpload textarea, .Firefox.Unknown div.EventUpload textarea, .Firefox.MacPPC div.DisplaySideUpload textarea, .Firefox.Unknown div.DisplaySideUpload textarea{width:219px;} .Safari div.EventUpload div.eventName input, .Safari div.EventUpload div.description input, .Safari div.EventUpload div.sponsor input, .Safari div.EventUpload div.location input, .Safari div.EventUpload div.startDate input, .Safari div.EventUpload div.startTime input, .Safari div.EventUpload div.endDate input, .Safari div.EventUpload div.endTime input, .Safari div.EventUpload div.contactName input, .Safari div.EventUpload div.contactEmail input, .Safari div.DisplaySideUpload div.title input, .Safari div.DisplaySideUpload div.title input, .Chrome div.EventUpload div.eventName input, .Chrome div.EventUpload div.description input, .Chrome div.EventUpload div.sponsor input, .Chrome div.EventUpload div.location input, .Chrome div.EventUpload div.startDate input, .Chrome div.EventUpload div.startTime input, .Chrome div.EventUpload div.endDate input, .Chrome div.EventUpload div.endTime input, .Chrome div.EventUpload div.contactName input, .Chrome div.EventUpload div.contactEmail input, .Chrome div.DisplaySideUpload div.title input, .Chrome div.DisplaySideUpload div.title input{width:186px;} .Safari div.EventUpload textarea, .Safari div.EventUpload textarea, .Safari div.DisplaySideUpload textarea, .Safari div.DisplaySideUpload textarea, .Chrome div.EventUpload textarea, .Chrome div.EventUpload textarea, .Chrome div.DisplaySideUpload textarea, .Chrome 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:206px;} .Safari div.UserAccount div.accountForm select, .Chrome div.UserAccount div.accountForm select{width:204px;} div.UserAccount div.hintForm input{width:300px;} /* === 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, data editor */ div.FormEditor div.ErrorMessage, div.DataEditor 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{background:#f7f7f7;border:1px solid #ccc;margin:10px 0;padding:5px;} div.FormEditor div.ErrorMessage div.SFMessage, div.DataEditor div.ErrorMessage div.SFMessage, div.EventUpload div.ErrorMessage div.SFMessage, div.Commenting div.commentForm div.ErrorMessage div.SFMessage, div.UserAccount div.ErrorMessage div.SFMessage{} /* 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;} /* === Data Editor - StatusMessage === */ div.DataEditor div.StatusWarning {background:#FEEFCE;border:1px solid #FF9900;margin:10px 0;padding:5px;} /* 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;} div.FormEditor div.ErrorMessage, div.FormEditor div.errorMessage, div.DataEditor 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:#666;} /* 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;} /* individual blocks - other than freeform, faq, form editor those are way above this */ /* === ALPHA LIST - filter block === */ div.Aggregation div.AggregationResults ul.alphaList{list-style:none;margin:10px 0 20px 0;overflow:hidden;padding:0;} .IE6 div.Aggregation div.AggregationResults ul.alphaList{height:1%;} div.Aggregation div.AggregationResults ul.alphaList li{float:left;padding-right:9px;} .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 === */ #rightZone div.Calendar{background:transparent;border:0;} div.Calendar div.CalendarResults, div.SegmentedSearch div.SearchResults {clear:both;} 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, 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.Calendar div.CalendarResults div.data p, 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, div.SegmentedSearch div.SearchResults p{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 === */ .Commenting .summary, .comments .OneCol div{border-bottom:1px solid #ddd;} div.Commenting{} div.Commenting div.summary{} div.Commenting div.comments{} div.Commenting div.comments.featured{} div.Commenting div.commentForm{padding-bottom:30px;} 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;margin-bottom:8px;padding:5px 0;} .comments .OneCol div div{border-bottom: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;} /* === 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 h3{} 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;} div.DataList .DataListing div.listingTools{border-bottom:1px solid #dddddd;overflow:hidden;padding:10px 0;} div.DataList .DataListing div.listingTools div.sorter{overflow:hidden;} div.DataList .DataListing div.listingTools label{float:left;font-weight:bold;} div.DataList .DataListing div.listingTools div.sorter div.select{overflow:hidden;} div.DataList .DataListing div.listingTools div.sorter ul{float:left;margin:0;padding:0;list-style:none;} div.DataList .DataListing div.listingTools div.sorter ul li{clear:none;float:left;margin-left:27px;margin-bottom:3px;white-space:nowrap;} div.DataList .DataListing div.listingTools div.sorter ul li a{text-decoration:none;cursor:pointer;color:#777;} div.DataList .DataListing div.listingTools div.sorter ul li a:focus, div.DataList .DataListing div.listingTools div.sorter ul li a:active, div.DataList .DataListing div.listingTools div.sorter ul li a:hover{color:inherit;} div.DataList .DataListing div.listingTools div.sorter ul li.selected a{cursor:text;color:#000;} /* 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:0px 7px 0px 0px; float:left;} div.DataList .DataFilter2 .monthLinks span.right {padding:0px 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{font-size:12px;} /* === EVENT UPLOAD === */ div.EventUpload div.startDate span.icon, div.EventUpload div.endDate span.icon{background:url('images/thbCalendar.png') no-repeat left top;cursor:pointer;display:inline;margin-left:5px;padding:1px 7px;} /* === FAQ === */ /* question area */ div.FAQ ul{list-style:none;margin:0;padding:0;} div.FAQ ul li{padding-bottom:20px;} /* answer area */ div.FAQ dl{margin:0;padding:0;} div.FAQ dl dt{border-top:1px solid #ccc;font-weight:bold;padding-top:10px;padding-bottom:5px;} div.FAQ div.titan_faq_q dl dt{border:0;}/* wkst only */ div.FAQ dl dd{margin:0;overflow:hidden;} .IE6 div.FAQ dl dd{height:1%;} div.FAQ dl dd ul{list-style:disc;margin-bottom:12px;} div.FAQ dl dd ul li{padding-bottom:0;} div.FAQ dl dd a.ToTop{clear:both;float:left;} div.FAQ div.titan_faq_q dl dt{padding-top:0;}/* wkst only */ /* === Accordion - FAQ block & potentially others === */ 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 {cursor:pointer;overflow:hidden;font-weight:bold;border-top:solid 1px #ccc;padding:10px 0px;} div.Accordion div.accordionHeading span{float:left;width:85%;} div.Accordion div.accordionHeading span.arrow{float:left;display:inline-block;height:13px;margin:2px 10px;position:relative;width:13px;} div.Accordion div.accordionHeading span.arrow span{display:inline-block;height:0;width:0;} div.Accordion div.accordionHeading span.arrow span:first-child{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #333;} div.Accordion div.accordionHeading span.arrow span + span{left:-3px;position:absolute;top:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid white;} div.Accordion div.accordionHeading.open span.arrow{margin-top:4px;} div.Accordion div.accordionHeading.open span.arrow span:first-child{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #333;} div.Accordion div.accordionHeading.open span.arrow span + span{left:0;position:absolute;top:-3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;} div.Accordion div.accordionContent {display:none; padding:0 10px 10px 34px;} div.Accordion div.accordionContent.open {display:block;} /* === 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;} /* === 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{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;} .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 .sorter ul{float:left;list-style:none;margin:0;padding:0;} div.Product .sorter a{cursor:pointer;} div.Product .sorter li.selected a{cursor:default;} 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;} div.Product div.ProductListing h2{background:#ddd;} div.Product div.listingTools{border-bottom:1px solid #ddd;} /*CatalogListing */ .titanBody div.Product .CatalogListing{position:relative;} .titanBody div.Product .CatalogListing .category, .titanBody div.Product .CatalogListing .noCategory, .titanBody 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;} .titanBody 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;} /* Product Listing*/ 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:#eee;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{background:url('images/largerView.png') no-repeat left top;padding-left:15px;} 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:#888;} div.Product .productDetail .shortDescrip{clear:none;float:left;width:300px;} div.Product .productDetail .shortDescrip h2{padding-bottom:10px;} div.Product .productDetail .longDescrip{border-top:1px solid #ccc;} div.Product .productDetail .shortDescrip div{clear:both;float:none;padding-bottom:5px;} div.Product .productDetail .longDescrip{clear:both;padding:10px 0;} /* larger product view */ .outerPopUp{background:#333;opacity:.5;filter:alpha(opacity=50);position:fixed;top:0;left:0;width:100%;height:100%;} .innerPopUp{background:#fff;border:1px solid #333;position:fixed;top:2%;left:50%;margin-left:-325px} .innerPopUp .wrapper{background:#fff;height:620px;overflow:hidden;padding:10px 10px 0 10px;width:657px;} .innerPopUp .wrapper .close{background:url('images/btnclose.gif') no-repeat left top;font-size:0;line-height:50px;color:#fff;float:right;height:15px;width:14px;cursor:pointer;} .innerPopUp .wrapper .image, .innerPopUp .wrapper .previewPhotos{margin-left:8px;} .innerPopUp .wrapper .mainPhoto{border-bottom:1px solid #ccc;height:485px;} div.Product .productDetail .innerPopUp .wrapper .mainPhoto img{padding:0;} .innerPopUp .wrapper .mainPhoto img{border:0;} .innerPopUp .wrapper h2{border-bottom:1px solid #ddd;margin-bottom:7px;} .innerPopUp .wrapper div.previewPhotos{clear:both;height:85px;overflow-y:scroll;overflow-x:hidden;width:641px;} /* === 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;} /* === 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 h4.docMatch i{color:#666;} div.SearchResults .didYouMean{border-bottom:1px solid #ddd;} 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{background:#f7f7f7;border:1px solid #ccc;margin:10px 0;padding:15px 15px 0 15px;} div.SearchResults div.smartSearchResults h3{clear:both;margin:0 0 15px 0;padding:0;} div.SearchResults div.docMatch{margin:10px 0;} div.SearchResults div.titleMiddle{display:none;} div.SearchResults div.didYouMean{margin:15px 0;padding-bottom:15px;} 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;} /* 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{border-bottom:1px solid #ccc;overflow:hidden;padding-bottom:5px;margin-bottom:5px;} 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{border-bottom:0;padding:5px 0 0 0;margin: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;} div.SegmentedSearch div.SearchResults div.view span.minIcon, div.SegmentedSearch div.SearchResults div.view span.maxIcon{background:url('images/bgGridView.gif') no-repeat left top;} div.SegmentedSearch div.SearchResults div.view span.maxIcon{background:url('images/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 a.teaserImage img{border:0;} div.SegmentedSearch div.SearchResults div.seeAllResults{clear:both;float:right;padding-bottom:5px;} .Safari div.SegmentedSearch div.SearchResults div.seeAllResults{float:none;} div.SegmentedSearch div.SearchResults div.seeAllResults a{padding-right:10px;} 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{border-bottom:1px solid #ccc;} /* 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, div.SegmentedSearch div.min .EventRL span.hitCount, div.SegmentedSearch div.min .EventRL span.attachment{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;} /* === SITE MAP === */ div.SiteMap{} div.SiteMap ul{list-style:none;} div.SiteMap ul li{font-weight:bold;margin-top:10px;} div.SiteMap li ul li{font-weight:normal;} /* === TOCBLOCK === */ div.TOCBlock{} /* === VIDEO BLOCK (freeform) === */ .titanFlowHolder{border:1px solid #ddd;background:#eee url('images/videoPlay.png') no-repeat 50% 50%;} /* === WHAT'S NEW === */ div.WhatsNew{} /* === 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 #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 #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;} }