/* ========================================================================================== RESETS */ .titanBody,div,/*img,*/h1,h2,h3,h4,h5,h6 {margin:0;padding:0;} .titanBody p,.titanBody blockquote, .mainBody p,.mainBody blockquote, .Freeform p,.Freeform blockquote,.Freeform ol,.Freeform ul,.Freeform dl, .FAQ p,.FAQ blockquote,.FAQ ol,.FAQ ul,.FAQ dl,.FAQ dl,.FAQ .ToTop, .FormEditor p,.FormEditor blockquote,.FormEditor ol,.FormEditor ul,.FormEditor dl {margin-bottom:12px;margin-top:0;padding-top:0;padding-bottom:0;} .titanBody fieldset,.mainBody fieldset, .Freeform fieldset,.DisplaySideUpload fieldset,.AggregationFilter fieldset,.Calendar fieldset {border:0;margin:0;padding:0;}/* don't remove these attributes, can add attributes/change values */ .Aggregation,.Calendar,.Commenting,.FAQ,.Freeform,.FormEditor,.PhotoBlock,.SearchResults,.SiteMap,.TOCBlock,.WhatsNew {clear:both;margin-bottom:10px;} /* section for backgrounds and borders when child floats - this hits most containers, you may need to adjust according to your design */ #mainBody,/*#pageTopArea,#topNavContainer,#topContentContainer,*/#contentArea, #leftContentContainer,#contentNavContainer,#leftZone,#contentContainer,#toolContainer, #centerZone,#rightZone,#bottomNavContainer,#bottomNavContainer{overflow:hidden;} .IE6 #mainBody,/*.IE6 #pageTopArea,.IE6 #topNavContainer,.IE6 #topContentContainer,*/.IE6 #contentArea, .IE6 #leftContentContainer,.IE6 #contentNavContainer,.IE6 #leftZone,.IE6 #contentContainer,.IE6 #toolContainer, .IE6 #centerZone,.IE6 #rightZone,.IE6 #bottomNavContainer,.IE6 #bottomNavContainer{height:1%;} /* ========================================================================================== Text Editor Drop Downs */ /* base classes for all templates - used on images */ .floatLeft, .floatLeft_ImgBorder{float:left;margin:0 7px 0 0} .floatRight, .floatRight_ImgBorder{float:right;margin:0 0 0 7px;} .floatLeft_ImgBorder, .floatRight_ImgBorder, .imgBorder{padding:2px;} /* ========================================================================================== PAGE LAYOUT */ #mainBody, #bottomContainer{margin:0 auto;width:900px;} #pageTopArea{height:98px;padding-right:20px;} #logoControlContainer{float:left;height:57px;padding-top:2px;width:294px;padding-left:15px;} .Firefox2.Unknown #logoControlContainer, .Firefox3.Unknown #logoControlContainer, .AppleMAC-Safari.Unknown #logoControlContainer, .AppleMAC-Safari.MacPPC #logoControlContainer{height:59px;} #logoControlContainer a{} #logoControlContainer a img{} #utilityNavContainer{float:left;padding-top:38px;width:345px;} #utilityNavContainer ul{margin:0;padding:0;} #utilityNavContainer ul li{display:inline;} #utilityNavContainer ul li span{padding:0 4px;} #utilityNavContainer ul li.navFirst{} #utilityNavContainer ul li.navLast{} #utilityNavContainer ul li a{} #searchBarContainer{float:right;padding-top:36px;} #searchBarContainer input#searchTerms{height:14px;padding:1px 3px;width:150px;} #searchBarContainer input#searchGo{border:0;cursor:pointer;/*height:18px;*/margin:-3px 0 0 -8px;padding:2px;vertical-align:middle;width:61px;} .Firefox3.MacPPC #searchBarContainer input#searchGo, .Firefox2.MacPPC #searchBarContainer input#searchGo .Firefox3.Unknown #searchBarContainer input#searchGo, .Firefox2.Unknown #searchBarContainer input#searchGo{margin-top:0;} .Firefox3.MacPPC #searchBarContainer input#searchGo{padding-top:1px;padding-bottom:1px;} .Firefox3.Unknown #searchBarContainer input#searchGo{margin-top:1px;padding-top:0;padding-bottom:0;height:19px;} .AppleMAC-Safari.MacPPC #searchBarContainer input#searchGo, .AppleMAC-Safari.Unknown #searchBarContainer input#searchGo, .IE8 #searchBarContainer input#searchGo{padding-top:3px;padding-bottom:3px;} #topNavContainer{clear:both;height:29px;overflow:hidden;padding-top:10px;} .Firefox3.Unknown #topNavContainer{padding-top:1px;} #topNavContainer ul{float:right;margin:0;padding:0;} #topNavContainer ul li{float:left;} #topNavContainer ul li a{float:left;padding:8px 10px 7px 10px;} .IE6 #topNavContainer ul li a{padding:7px 10px;} #topContentContainer{display:none;} #topContentContainer img{}/* rotator image */ #topZone{} #contentArea{clear:both;margin-top:1px;padding:5px 0 20px 0;} #leftContentContainer{float:left;padding:26px 24px 0 4px;width:167px;} #contentNavContainer{}/* look for separate section CONTENT NAV - left column secoondary nav */ #leftZone{} #contentContainer{padding-top:23px;}/* breadcrumb, pagetools, centerzone, rightzone */ #toolContainer{margin-bottom:20px;margin-top:-2px;padding:5px 5px 0 5px;} .MacPPC #toolContainer, .Unknown #toolContainer{padding-bottom:2px;} #breadCrumbContainer{float:left;} #breadCrumbContainer ul{margin:0;padding:0;} #breadCrumbContainer ul li{float:left;} #breadCrumbContainer ul li a{} #breadCrumbContainer ul li span{padding:0 3px;} #pageTools{float:right;margin-top:-1px;} #pageTools ul{margin:0;padding:0;} #pageTools ul li{float:left;padding:2px 0 3px 0;} #pageTools ul li a{padding:2px 0 3px 20px;} #pageTools ul li.email a{padding-right:15px;} #centerZone{float:left;padding-left:10px;padding-right:10px;width:470px;} #titleBarContainer{margin-bottom:10px;} #titleBarContainer h1{} #rightZone{float:right;padding-top:29px;padding-right:10px;width:180px;} /* footer */ #bottomContainer{clear:both;margin-top:25px;margin-bottom:10px;padding:10px 10px 5px 10px;} #bottomNavContainer{text-align:right;} #bottomNavContainer ul{padding:0;margin:0;} #bottomNavContainer li{display:inline;} #bottomNavContainer li a{} #bottomNavContainer li span{margin:0 6px;} #contentFooter{text-align:right;} #poweredBy{margin-top:10px;text-align:right;} #poweredBy a{} /* ========================================================================================== CONTENT NAV */ /* for base contentNavContainer is in the leftContentContainer */ #contentNavContainer{padding-bottom:20px;} /* level 1 content nav */ #contentNavContainer ul{margin:0;padding:0;} #contentNavContainer ul li{} #contentNavContainer ul li.navFirst{} #contentNavContainer ul li.navLast{padding-bottom:0;} #contentNavContainer ul li a{display:block;padding:4px;} /* level 2 and beyond content nav - will use level 1 if you don't write anything here */ #contentNavContainer li ul{} #contentNavContainer li ul li{} #contentNavContainer li ul li.navFirst{} #contentNavContainer li ul li.navLast{} #contentNavContainer li ul li a{} /* level 3 and beyond content nav - will use level 2 if you don't write anything here */ #contentNavContainer li ul li ul{} #contentNavContainer li ul li ul li{} #contentNavContainer li ul li ul li.navFirst{} #contentNavContainer li ul li ul li.navLast{} #contentNavContainer li ul li ul li a{padding-left:15px;} /* ========================================================================================== SPECIAL CLASS NAMES */ /*readmore - adds image bullet to right of link */ .readMore{display:inline;padding-right:15px;} /* bulletMenu class that can be added to blocks like TOCBlock and Filter(Agreggation) to have the appearance of navigation */ #mainBody div.bulletMenu ul, #mainBody div.Freeform ul.bulletMenu, #mainBody div.FAQ ul.bulletMenu, #mainBody div.FormEditor ul.bulletMenu, .IE #mainBody div.bulletMenu ul, .IE #mainBody div.Freeform ul.bulletMenu, .IE #mainBody div.FAQ ul.bulletMenu, .IE #mainBody div.FormEditor ul.bulletMenu{margin-left:0;} ul.bulletMenu li, div.bulletMenu ul li, div.bulletMenu div.OneCol div, div.bulletMenu div.TwoCol div, div.bulletMenu div.OneCol div h4, div.bulletMenu div.TwoCol div h4{margin-bottom:2px;padding-bottom:0;overflow:hidden;} .IE6 ul.bulletMenu li, .IE6 div.bulletMenu ul li, .IE6 div.bulletMenu div.OneCol div, .IE6 div.bulletMenu div.TwoCol div, .IE6 div.bulletMenu div.OneCol div h4, .IE6 div.bulletMenu div.TwoCol div h4{height:1%;} ul.bulletMenu li, div.bulletMenu ul li, div.bulletMenu div.OneCol div h4, div.bulletMenu div.TwoCol div h4{padding-left:15px;} ul.bulletMenu li, div.bulletMenu ul li, div.bulletMenu p, div.bulletMenu div.OneCol span.hitCount, div.bulletMenu div.TwoCol span.hitCount, div.bulletMenu div.OneCol span.date, div.bulletMenu div.TwoCol span.date, div.bulletMenu div.OneCol div.image span.hitCount, div.bulletMenu div.TwoCol div.image span.hitCount, div.bulletMenu div.OneCol div.image span.date, div.bulletMenu div.TwoCol div.image span.date, div.bulletMenu div.OneCol div.classifications, div.bulletMenu div.TwoCol div.classifications{padding-left:15px;}/* changes based on width of bullet image */ div.bulletMenu div.OneCol div p, div.bulletMenu div.TwoCol div p{margin-bottom:18px;} div.bulletMenu div.OneCol div p.averageRating, div.bulletMenu div.TwoCol div p.averageRating{margin-bottom:0;} div.bulletMenu div.OneCol div p.linkText, div.bulletMenu div.TwoCol div p.linkText, div.bulletMenu div.OneCol div.classifications, div.bulletMenu div.TwoCol div.classifications{margin-top:-18px;} div.bulletMenu div.OneCol div p.linkComments, div.bulletMenu div.TwoCol div p.linkComments{margin-top:-13px;} div.bulletMenu div.image a.teaserImage{display:none;}/* don't need bullet and teaser image displaying */ #centerZone div.bulletMenu div.OneCol div.image p, #centerZone div.bulletMenu div.TwoCol div.image p, #centerZone div.bulletMenu div.OneCol div.image h4, #centerZone div.bulletMenu div.TwoCol div.image h4, #centerZone div.bulletMenu div.OneCol div.image span.hitCount, #centerZone div.bulletMenu div.TwoCol div.image span.hitCount, #centerZone div.bulletMenu div.OneCol div.image span.date, #centerZone div.bulletMenu div.TwoCol div.image span.date, #centerZone div.bulletMenu div.OneCol div.image div.classifications, #centerZone div.bulletMenu div.TwoCol div.image div.classifications{margin-left:0;}/* to undo the CenterZone margin below */ /* ========================================================================================== BLOCKS */ /* class automatically added to all blocks depending on what zone they are in */ div.TopLeftZone{} div.LeftZone{} div.CenterZone{} div.RightZone{} /* general shared tags and classes */ /* === DISPLAY NONE === filter, calendar */ div.loading, div.classifications{clear:both;display:none;} /* === 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{margin-left:14px;padding-left:0;} .IE #mainBody div.Freeform ul, .IE #mainBody div.FAQ dl ul, .IE #mainBody div.FormEditor ul{margin-left:17px;padding-left:0;} #mainBody div.Freeform ol, #mainBody div.FAQ dl ol, #mainBody div.FormEditor ol{margin-left:20px;padding-left:0;} .IE #mainBody div.Freeform ol, .IE #mainBody div.FAQ dl ol, .IE #mainBody div.FormEditor ol{margin-left:25px;padding-left:0;} /* === ONECOL & TWOCOL CONTAINERS === */ div.OneCol div, div.TwoCol, div.tocList div, div.tocList{clear:both;} div.OneCol div, div.TwoCol div, div.tocList div{margin-bottom:20px;overflow:hidden;} .IE6 div.OneCol div, .IE6 div.TwoCol div, .IE6 div.tocList, .IE6 div.tocList div{height:1%;position:relative;} div.LeftZone div.TwoCol, div.RightZone div.TwoCol{clear:both;} div.TwoCol{clear:both;} div.TwoCol div{float:left;width:45%;} .IE6 div.TwoCol div{margin-right:15px;} div.TwoCol div + div{float:right;}/* not supported by ie6 */ div.LeftZone div.TwoCol div, div.RightZone div.TwoCol div{float:none;width:100%} /* === BLOCK HEADINGS === non-text editor blocks with h3 titles */ div.Aggregation h3, /* on alpha list filter it's the heading for the alpha section */ div.TOCBlock h3, div.WhatsNew h3, div.SiteMap h3, div.LogIn h3, div.UserAccount h3, div.Commenting h3, div.SearchResults h3, div.Calendar h3, /* date range above the event listing */ div.PhotoBlock h3, /* block heading, filmstrip heading and large photo heading */ div.EventUpload h3, div.DisplaySideUpload h3/*, div.Freeform h3, div.FAQ h3, div.FormEditor h3*/{padding-bottom:10px;} /* === BLOCK TEASER IMAGES === filter (alpha list = tocList), toc, what's new, search results, calendar, photo block */ div.OneCol div.image a img, div.TwoCol div.image a img, div.tocList div.image a img{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.PhotoBlock div.thumbnails img*/{padding:2px;} /* center zone only - filter (alpha list = tocList), toc, what's new, search results, calendar, photo block */ div.CenterZone div.image a img, /*div.PhotoBlock*/div.CenterZone div.thumbnails img{float:left;}/* only want to float teaser image for wider zones like center)*/ div.CenterZone div.OneCol div.image a img, div.CenterZone div.TwoCol div.image a img, div.CenterZone div.tocList div.image a img /*div.PhotoBlock.CenterZone div.thumbnails img*/{margin-bottom:8px;}/* gives a little extra space below image so wrapped text isn't do close */ /* margin to push the teaser content over from the teaser image filter, toc, what's new, width of teaser image - width + gutter = margin*/ 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.tocList div.image div.classifications, div.CenterZone div.TwoCol div.image div.classifications, /* following added for calendar block */ #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;} /* === BLOCK TEASER HEADINGS === filter (alpha list = tocList),, toc, what's new, search results, calendar - these styles will show when the h4 is not a link */ div.OneCol h4, div.TwoCol h4, div.SiteMap h4, div.tocList h4{} /* === BLOCK LINKS === filter (alpha list = tocList), toc, what's new, search results, calendar, site map */ /* h4 - teaser page title when a link */ div.OneCol h4 a, div.TwoCol h4 a, div.SiteMap h4 a, div.tocList h4 a{} /* read more link */ div.OneCol p.linkText a, div.TwoCol p.linkText a, div.tocList p.linkText a{} /* comments link on filter, toc, what's new, calendar, search results */ div.OneCol p.linkComments a, div.TwoCol p.linkComments a, div.tocList p.linkComments a{} /* === BLOCK PARAGRAPH === filter (alpha list = tocList), toc, what's new, search results, calendar, site map */ div.OneCol p, div.TwoCol p, div.tocList p{margin:0;padding-bottom:1px;} /* === BLOCK AVERAGE REVIEW === filter (alpha list = tocList), toc, what's new, search results, calendar*/ div.OneCol p.averageRating, div.TwoCol p.averageRating, div.tocList p.averageRating{margin-bottom:0;padding-bottom:0;} div.OneCol p.averageRating span.label, div.TwoCol p.averageRating span.label, div.tocList p.averageRating span.label{padding-right:5px;} #rightZone div.OneCol p.averageRating span.label, #rightZone div.TwoCol p.averageRating span.label, #leftZone div.OneCol p.averageRating span.label, #leftZone div.TwoCol p.averageRating span.label, #rightZone div.tocList p.averageRating span.label, #leftZone div.tocList p.averageRating span.label, #rightZone div.OneCol p.averageRating span.value, #rightZone div.TwoCol p.averageRating span.value, #leftZone div.OneCol p.averageRating span.value, #leftZone div.TwoCol p.averageRating span.value, #rightZone div.tocList p.averageRating span.value, #leftZone div.tocList p.averageRating span.value, #centerZone div.TwoCol p.averageRating span.value, #centerZone div.TwoCol p.averageRating span.label{display:block;float:none;} div.OneCol p.averageRating a, div.TwoCol p.averageRating a, div.tocList p.averageRating a{display:none;} /* === BLOCK CLASSIFICATIONS === filter, toc, what's new */ div.OneCol div.classifications, div.TwoCol div.classifications, div.tocList div.classifications, div.OneCol div.classifications div, div.TwoCol div.classifications div, div.tocList div.classifications div{margin-bottom:0;padding-bottom:0;} div.TwoCol div.classifications, div.TwoCol div.classifications div{float:none;width:100%;} div.OneCol div.classifications span, div.TwoCol div.classifications span, div.tocList div.classifications span{display:block;} div.OneCol div.classifications ul, div.TwoCol div.classifications ul, div.tocList div.classifications ul{margin:0;padding:0;} /* === BLOCK HIT COUNT (not base), DATE (not base) & VIEW COMMENT === */ div.OneCol span.hitCount, div.TwoCol span.hitCount, div.tocList span.hitCount, div.VideoLineup span.hitCount, div.OneCol span.date, div.TwoCol span.date, div.tocList span.date, div.VideoLineup span.date, #rightZone span.viewComment, #leftZone span.viewComment, div.TwoCol span.viewComment, div.TwoCol span.writeComment{display:block;} /* === BLOCK ALT ROW === filter (alpha list = tocList), toc, what's new, search results, commenting, calendar */ div.OneCol div.altRow, div.TwoCol div.altRow, div.tocList div.altRow{} /* === LABELS === filter (alpha list = tocList), toc, what's new, search results, calendar, comments, display side upload, event upload */ div.OneCol div.classifications span, div.TwoCol div.classifications span, div.tocList div.classifications span, div.CalendarResults .data label, div.DisplaySideUpload label, div.Commenting .label, div.EventUpload label, div.LogIn label, div.UserAccount label{} /* === 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, ul.pagination span{padding:0 4px;} ul.pagination{margin:0 0 10px 0;padding:0 0 4px 0;} 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;} /* centerzone only */ /*div.Calendar*/div.CenterZone div.CalendarResults ul.pagination span{display:inline;margin-left:0;} /* === MONTHLY CALENDAR TABLE === calendar, event upload */ #centerZone div.Calendar div.calendarCallOut{margin-left:1px;}/* firefox weirdness */ div.Calendar div.calendarCallOut table, div.EventUpload div.DatePicker table{border-collapse:collapse;} div.Calendar div.calendarCallOut table th, div.EventUpload div.DatePicker table th{padding:3px 0;} div.Calendar div.calendarCallOut table th.arrow{padding-bottom:3px;} div.Calendar div.calendarCallOut table td, div.EventUpload div.DatePicker td{height:20px;width:23px;} div.Calendar div.calendarCallOut table td, div.EventUpload div.DatePicker td{cursor:pointer;} div.Calendar div.calendarCallOut table .arrow, div.EventUpload .DatePicker .arrow, div.EventUpload .DatePicker .caption th + th + th + th{cursor:pointer;} div.Calendar div.calendarCallOut table .otherMonth, div.EventUpload .DatePicker .otherMonth{cursor:text;} /* === FILTERS === filter, calendar, registration, event upload, file upload */ div.Aggregation div.AggregationFilter, div.Calendar div.CalendarFilter, div.UserAccount div.accountFilter, div.EventUpload div.accountFilter, div.DisplaySideUpload div.accountFilter{overflow:hidden;} .IE6 div.Aggregation div.AggregationFilter, .IE6 div.Calendar div.CalendarFilter, .IE6 div.UserAccount div.accountFilter, .IE6 div.EventUpload div.accountFilter, .IE6 div.DisplaySideUpload div.accountFilter{height:1%;} div.Aggregation div.AggregationFilter, div.Calendar div.CalendarFilter, div.UserAccount div.accountFilter{padding-bottom:20px;} div.EventUpload div.accountFilter, div.DisplaySideUpload div.accountFilter{padding-top:20px;} div.Aggregation div.AggregationFilter fieldset, div.Calendar div.CalendarFilter fieldset, div.UserAccount div.accountFilter fieldset{margin-bottom:10px;} div.Aggregation div.AggregationFilter fieldset, div.Calendar div.CalendarFilter fieldset, div.UserAccount div.accountFilter fieldset, div.EventUpload div.accountFilter fieldset, div.DisplaySideUpload div.accountFilter fieldset{background:transparent;padding-right:20px;} /*div.Aggregation*/.CenterZone div.AggregationFilter fieldset, /*div.Calendar*/.CenterZone div.CalendarFilter fieldset, /*div.UserAccount, div.EventUpload, div.DisplaySideUpload*/.CenterZone div.accountFilter fieldset{float:left;} .IE6 /*div.Aggregation*/.CenterZone div.AggregationFilter fieldset, .IE6 /*div.Calendar*/.CenterZone div.CalendarFilter fieldset, .IE6 /*div.UserAccount, div.EventUpload, div.DisplaySideUpload*/.CenterZone div.accountFilter fieldset{width:120px;}/* needs a width */ /*div.Aggregation*/.CenterZone div.AggregationFilter fieldset.keyword, /*div.Calendar*/.CenterZone div.CalendarFilter fieldset.keyword, .IE6/*div.Aggregation*/.CenterZone div.AggregationFilter fieldset.keyword, .IE6/*div.Calendar*/.CenterZone div.CalendarFilter fieldset.keyword{float:none;} div.Aggregation div.AggregationFilter fieldset h4, div.Calendar div.CalendarFilter fieldset h4, div.UserAccount div.accountFilter fieldset h4, div.EventUpload div.accountFilter fieldset h4, div.DisplaySideUpload div.accountFilter fieldset h4{margin-bottom:5px;} div.Aggregation div.AggregationFilter fieldset span, div.Calendar div.CalendarFilter fieldset span, div.UserAccount div.accountFilter fieldset span, div.EventUpload div.accountFilter fieldset span, div.DisplaySideUpload div.accountFilter fieldset span{clear:both;float:left;margin-top:8px;} #mainBody div.Aggregation div.AggregationFilter fieldset span, #mainBody div.Calendar div.CalendarFilter fieldset span, #mainBody div.UserAccount div.accountFilter fieldset span, #mainBody div.EventUpload div.accountFilter fieldset span, #mainBody div.DisplaySideUpload div.accountFilter fieldset span{height:100%;width:100%;}/*don't let show in wkst */ /*div.Aggregation*/.CenterZone div.AggregationFilter fieldset.keyword span, /*div.Calendar*/.CenterZone div.CalendarFilter fieldset.keyword span{margin-top:0;} div.Aggregation div.AggregationFilter fieldset span input, div.Calendar div.CalendarFilter fieldset span input, div.UserAccount div.accountFilter fieldset span input, div.EventUpload div.accountFilter fieldset span input, div.DisplaySideUpload div.accountFilter fieldset span input{float:left;margin-top:0px;} .IE6 div.Aggregation div.AggregationFilter fieldset span input, .IE6 div.Calendar div.CalendarFilter fieldset span input, .IE6 div.UserAccount div.accountFilter fieldset span input, .IE6 div.EventUpload div.accountFilter fieldset span input, .IE6 div.DisplaySideUpload div.accountFilter fieldset span input, .IE7 div.Aggregation div.AggregationFilter fieldset span input, .IE7 div.Calendar div.CalendarFilter fieldset span input, .IE7 div.UserAccount div.accountFilter fieldset span input, .IE7 div.EventUpload div.accountFilter fieldset span input, .IE7 div.DisplaySideUpload div.accountFilter fieldset span input{margin-top:-4px;} .IE6 div.Aggregation div.AggregationFilter fieldset.keyword span input, .IE6 div.Calendar div.CalendarFilter fieldset.keyword span input, .IE7 div.Aggregation div.AggregationFilter fieldset.keyword span input, .IE7 div.Calendar div.CalendarFilter fieldset.keyword span input{margin-top:0;} div.Aggregation div.AggregationFilter fieldset span label, div.Calendar div.CalendarFilter fieldset span label, div.UserAccount div.accountFilter fieldset span label, div.EventUpload div.accountFilter fieldset span label, div.DisplaySideUpload div.accountFilter fieldset span label{display:inline;} div.Aggregation div.AggregationFilter .clear, div.Calendar div.CalendarFilter .clear{clear:both;} /*div.Aggregation*/.CenterZone div.AggregationFilter .clear, /*div.Calendar*/.CenterZone div.CalendarFilter .clear, /*div.UserAccount*/.CenterZone div.accountFilter .clear{display:none;} /*div.Aggregation div.AggregationResults,*/ div.Aggregation div.AggregationFilter input.btnSubmit, div.UserAccount div.buttonsSubmit, div.EventUpload div.buttonsSubmit, div.DisplaySideUpload div.upload{clear:both;} div.UserAccount div.buttonsSubmit, div.EventUpload div.buttonsSubmit, div.DisplaySideUpload div.upload{margin-top:10px;} div.Aggregation div.AggregationFilter input.btnSubmit{float:left;} /* end general shared tags and elements */ /* FORM BLOCKS commenting, event upload, file upload, filter, log in, registration */ /* === INPUT FIELDS CONTAINERS === display side upload, commenting, event upload */ div.Commenting div.commentForm div.name, div.Commenting div.commentForm div.email, div.Commenting div.commentForm div.rating, div.Commenting div.commentForm div.title, div.Commenting div.commentForm div.comment, div.Commenting div.commentForm div.recaptcha, div.Commenting div.commentForm div.thankYouFor, div.EventUpload div.eventName, div.EventUpload div.description, div.EventUpload div.sponsor, div.EventUpload div.location, div.EventUpload div.startDate, div.EventUpload div.startTime, div.EventUpload div.endDate, div.EventUpload div.endTime, div.EventUpload div.contactName, div.EventUpload div.contactEmail, div.EventUpload div.attachment, div.EventUpload div.notes, div.DisplaySideUpload div.uploadFields div label, div.LogIn div.username, div.LogIn div.password, div.LogIn div.email, div.UserAccount div.accountForm div, div.UserAccount div.hintQuestions div{padding-top:10px;} div.Commenting div.commentForm div.thankYouForm, div.Commenting div.commentForm div.recaptcha, div.EventUpload div.thankYouForm, div.EventUpload p{clear:both;} /* for rating */ div.Commenting div.commentForm table{border-collapse:collapse;margin:0;padding:0;} div.Commenting div.commentForm table tr{margin:0;padding:0;} div.Commenting div.commentForm table td{margin:0;padding:0;text-align:center;} /* === INPUT FIELDS LABELS === display side upload, commenting, event upload */ div.Commenting div.commentForm span.label, div.EventUpload label, div.DisplaySideUpload div.uploadFields div label, div.LogIn div.username label, div.LogIn div.password label, div.LogIn div.email label, div.UserAccount div.accountForm div label, div.UserAccount div.hintQuestions div label{display:block;padding-bottom:3px;} div.Commenting div.commentForm div.comment span.label{float:left;padding-right:4px;} /* === INPUT FIELDS === */ div.Commenting div.commentForm div.comment textarea{clear:both;float:left;} /* size the inputs - all of this is because of the file input type which can't be resized */ div.EventUpload div.eventName input, div.EventUpload div.description input, div.EventUpload div.sponsor input, div.EventUpload div.location input, div.EventUpload div.startDate input, div.EventUpload div.startTime input, div.EventUpload div.endDate input, div.EventUpload div.endTime input, div.EventUpload div.contactName input, div.EventUpload div.contactEmail input, div.DisplaySideUpload div.title input, div.EventUpload textarea, div.DisplaySideUpload textarea{width:184px;} #recaptcha_response_field{width:200px;} div.UserAccount div.accountForm input{width:200px;} div.UserAccount div.accountForm div.TOUAgree input{width:16px;} div.UserAccount div.accountForm select{width:205px;} div.UserAccount div.hintForm input{width:300px;} .IE div.EventUpload div.eventName input, .IE div.EventUpload div.description input, .IE div.EventUpload div.sponsor input, .IE div.EventUpload div.location input, .IE div.EventUpload div.startDate input, .IE div.EventUpload div.startTime input, .IE div.EventUpload div.endDate input, .IE div.EventUpload div.endTime input, .IE div.EventUpload div.contactName input, .IE div.EventUpload div.contactEmail input, .IE div.DisplaySideUpload div.title input, .IE div.EventUpload textarea, .IE div.DisplaySideUpload textarea{width:200px;} .Firefox.MacPPC div.EventUpload div.eventName input, .Firefox.MacPPC div.EventUpload div.description input, .Firefox.MacPPC div.EventUpload div.sponsor input, .Firefox.MacPPC div.EventUpload div.location input, .Firefox.MacPPC div.EventUpload div.startDate input, .Firefox.MacPPC div.EventUpload div.startTime input, .Firefox.MacPPC div.EventUpload div.endDate input, .Firefox.MacPPC div.EventUpload div.endTime input, .Firefox.MacPPC div.EventUpload div.contactName input, .Firefox.MacPPC div.EventUpload div.contactEmail input, .Firefox.Unknown div.EventUpload div.eventName input, .Firefox.Unknown div.EventUpload div.description input, .Firefox.Unknown div.EventUpload div.sponsor input, .Firefox.Unknown div.EventUpload div.location input, .Firefox.Unknown div.EventUpload div.startDate input, .Firefox.Unknown div.EventUpload div.startTime input, .Firefox.Unknown div.EventUpload div.endDate input, .Firefox.Unknown div.EventUpload div.endTime input, .Firefox.Unknown div.EventUpload div.contactName input, .Firefox.Unknown div.EventUpload div.contactEmail input, .Firefox.MacPPC div.DisplaySideUpload div.title input, .Firefox.Unknown div.DisplaySideUpload div.title input{width:215px;} .AppleMAC-Safari div.EventUpload div.eventName input, .AppleMAC-Safari div.EventUpload div.description input, .AppleMAC-Safari div.EventUpload div.sponsor input, .AppleMAC-Safari div.EventUpload div.location input, .AppleMAC-Safari div.EventUpload div.startDate input, .AppleMAC-Safari div.EventUpload div.startTime input, .AppleMAC-Safari div.EventUpload div.endDate input, .AppleMAC-Safari div.EventUpload div.endTime input, .AppleMAC-Safari div.EventUpload div.contactName input, .AppleMAC-Safari div.EventUpload div.contactEmail input, .AppleMAC-Safari div.DisplaySideUpload div.title input, .AppleMAC-Safari div.DisplaySideUpload div.title input{width:188px;} .Firefox.MacPPC div.EventUpload textarea, .Firefox.Unknown div.EventUpload textarea, .Firefox.MacPPC div.DisplaySideUpload textarea, .Firefox.Unknown div.DisplaySideUpload textarea{width:219px;} .AppleMAC-Safari div.EventUpload textarea, .AppleMAC-Safari div.EventUpload textarea, .AppleMAC-Safari div.DisplaySideUpload textarea, .AppleMAC-Safari div.DisplaySideUpload textarea{width:192px;} /* === BUTTONS === display side upload, form editor, commenting, event upload, filter buttons are up with the filter css, more buttons css for event upload and display side upload in filter section */ div.Commenting div.commentForm .buttons, /*div.EventUpload div.buttonsConfirm, div.EventUpload div.buttonsSubmit, div.FormEditor div.buttons,*/ div.LogIn div.buttons/*, div.DisplaySideUpload div.upload*/{padding-top:10px;} div.LogIn div.buttons /*div.LogIn div.buttons*/{margin-top:5px;} div.Commenting div.commentForm div.buttons, div.EventUpload div.buttons, div.LogIn div.buttons, div.UserAccount div.buttons, div.FormEditor div.buttons{clear:both;} /* === ERROR MESSAGES === form editor, event upload, comment form, log in */ div.FormEditor div.ErrorMessage, div.EventUpload div.ErrorMessage, div.Commenting div.commentForm div.ErrorMessage, div.UserAccount div.ErrorMessage, div.LogIn div.ErrorText, div.LogIn div.ErrorMessage{margin:10px 0;padding:5px;} div.FormEditor div.ErrorMessage div.SFMessage, div.EventUpload div.ErrorMessage div.SFMessage, div.Commenting div.commentForm div.ErrorMessage div.SFMessage, div.UserAccount div.ErrorMessage div.SFMessage{padding-left:5px;} /* hide error message */ div.Commenting div.commentForm div.nameMessage, div.Commenting div.commentForm div.emailMessage, div.Commenting div.commentForm div.titleMessage, div.Commenting div.commentForm div.ratingMessage, div.Commenting div.commentForm div.commentMessage, div.Commenting div.commentForm div.recaptchaMessage, div.Commenting div.commentForm .ErrorMessage, div.EventUpload div.eventNameMessage, div.EventUpload div.descriptionMessage, div.EventUpload div.sponsorMessage, div.EventUpload div.locationMessage, div.EventUpload div.startDateMessage, div.EventUpload div.startTimeMessage, div.EventUpload div.endDateMessage, div.EventUpload div.endTimeMessage, div.EventUpload div.contactNameMessage, div.EventUpload div.contactEmailMessage, div.EventUpload div.attachmentMessage, div.EventUpload div.notesMessage, div.UserAccount div.ErrorMessage{display:none;} /* error message icons */ div.Commenting .icon, div.EventUpload .icon{display:none;} /* after submit - show error message */ div.Commenting div.commentForm div.messageOn, div.Commenting div.commentForm div.error, div.EventUpload div.messageOn, div.EventUpload div.error, div.LogIn span.error{clear:both;display:none;} /* recaptcha */ #recaptcha_logo, #recaptcha_tagline{display:none;} #recaptcha_image{margin-top:20px;} #recaptcha_area span.recaptcha_only_if_image{display:block;padding:20px 5px 2px 0;} #recaptcha_response_field{margin-bottom:10px;} /* end forms blocks */ /* individual blocks - other than freeform, faq, form editor those are way above this */ /* === ALPHA LIST - filter block === */ div.Aggregation div.AggregationResults ul.alphaList{margin:0;overflow:hidden;padding:5px 0 10px 0;} .IE6 div.Aggregation div.AggregationResults ul.alphaList{height:1%;} div.Aggregation div.AggregationResults ul.alphaList li{float:left;padding-right:9px;} div.Aggregation div.AggregationResults div.alpha div.tocList{margin-left:25px;} /* === CALENDAR === */ div.Calendar div.calendarCallOut div.calendarNav{text-align:center;margin-top:5px;padding-bottom:10px;width:170px;} div.Calendar div.CalendarResults div.OneCol div{margin-bottom:10px;padding-bottom:10px;} div.Calendar div.CalendarResults .data span{display:block;margin:2px 0;} div.Calendar div.CalendarResults div.data h3{padding-bottom:15px;}/* date range */ div.Calendar div.CalendarResults div.data h4{padding-bottom:5px;} /* event title*/ div.Calendar div.CalendarResults div.data span.startTime, div.Calendar div.CalendarResults div.data span.endTime, div.Calendar div.CalendarResults div.data span.allDayEvent{float:left;margin-left:0;} div.Calendar div.CalendarResults div.data span.allDayEvent{margin-left:4px;} div.Calendar div.CalendarResults div.data span.startDate, 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{clear:both;margin-left:0;} div.Calendar div.CalendarResults div.data span.attachment, div.Calendar div.CalendarResults div.data div.Description{padding-top:5px;} div.Calendar div.CalendarResults div.data label{float:left;width:90px;} 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;} #rightZone div.CalendarResults label, #leftZone div.CalendarResults label{display:block;width:100%} #rightZone div.CalendarResults div.data span.startTime, #rightZone div.CalendarResults div.data span.endTime, #rightZone div.CalendarResults div.data span.allDayEvent, #leftZone div.CalendarResults div.data span.startTime, #leftZone div.CalendarResults div.data span.endTime, #leftZone div.CalendarResults div.data span.allDayEvent{float:none;display:inline;} /* === COMMENTING === */ 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} div.comments div.OneCol div{margin-bottom:8px;padding:5px 0;} div.comments div.OneCol div div.title, div.comments div.OneCol div div.rating, div.comments div.OneCol div div.user, div.comments div.OneCol div div.dateTime, div.comments div.OneCol div div.comment{margin-bottom:2px;padding:0px;} div.comments div.OneCol div div.title div, div.comments div.OneCol div div.rating div, div.comments div.OneCol div div.user div, div.comments div.OneCol div div.dateTime div, div.comments div.OneCol div div.comment div{margin:0;padding:0px;} div.comments div.OneCol div div.comment{padding-top:13px;} .IE7 div.comments div.OneCol div div.comment{margin-top:13px;} div.Commenting div.comments div.comment div.label, div.Commenting div.comments div.comment div.value{clear:both;display:block;} div.comments div.comment div.value p{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:5px;} /* === EVENT UPLOAD === */ div.EventUpload div.startDate span.icon, div.EventUpload div.endDate span.icon{cursor:pointer;display:inline;margin-left:5px;padding:1px 7px;} /* === FAQ === */ /* question area */ div.FAQ ul{margin:0;padding:0;} div.FAQ ul li{padding-bottom:20px;} /* answer area */ div.FAQ dl{margin:0;padding:0;} div.FAQ dl dt{padding-top:10px;padding-bottom:5px;} div.FAQ dl dd{margin:0;overflow:hidden;} .IE6 div.FAQ dl dd{height:1%;} div.FAQ dl dd ul{margin-bottom:12px;} div.FAQ dl dd ul li{padding-bottom:0;} div.FAQ dl dd a.ToTop{clear:both;float:left;} div.FAQ div.titan_faq_q dl dt{padding-top:0;}/* wkst only */ /* === FILE UPLOAD === */ div.DisplaySideUpload{} /* === FILTER === */ div.Aggregation{} div.Aggregation div.AggregationResults{} div.Aggregation div.AggregationFilter{} /* === FORM EDITOR === */ div.FormEditor{} /* === FREEFORM === */ div.Freeform{} /* === LOG IN === */ div.LogIn{} div.LogIn div.logInForm{} div.LogIn div.remember{padding-top:5px;} div.LogIn div.buttons{padding-bottom:5px;} div.LogIn div.forgot{} div.LogIn div.account{} /* === PAGE SHARE === */ div.SharePage{padding:0;} /* === PHOTO BLOCK === */ div.PhotoBlock div.filmstrip{} div.PhotoBlock div.filmstrip div h3{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{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.thumbnails{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;} /* === REGISTRATION === */ div.UserAccount{} div.UserAccount div.accountForm, div.UserAccount div.accountFilter, div.UserAccount div.hintQuestions{clear:both;padding-bottom:20px;} div.UserAccount div.accountForm div.TOUAgree{overflow:hidden;} .IE6 div.UserAccount div.accountForm div.TOUAgree{height:1%;} div.UserAccount div.accountForm div.TOUAgree input, div.UserAccount div.accountForm div.TOUAgree label{float:left;} div.UserAccount div.accountForm div.TOUAgree label{padding-top:3px;} div.UserAccount span.reqYes{float:left;padding-right:3px;} div.UserAccount span.req{display:none;} div.UserAccount div.hintQuestions div.response + div.response{padding-bottom:20px;} /* === SEARCH RESULTS === */ div.SearchResults div.smartSearchTitle{margin-top:10px;} div.SearchResults div.organicSearchResults div.OneCol div{overflow:hidden;padding-bottom:19px;} .IE6 div.SearchResults div.organicSearchResults div.OneCol div{height:1%;} div.SearchResults div.smartSearchResults{margin:10px 0;padding:15px 15px 0 15px;} div.SearchResults div.smartSearchResults h3{margin:0 0 15px 0;padding:0;} div.SearchResults div.smartSearchResults div.OneCol div{margin-bottom:19px;} 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;} /* === SITE MAP === */ div.SiteMap{} div.SiteMap ul li{margin-top:10px;} /* === TOCBLOCK === */ div.TOCBlock{} /* === WHAT'S NEW === */ div.WhatsNew{} /* end individual blocks */ /* ========================================================================================== POP UP PAGES */ /* === COMMENTING POP UP === when coming from an TOC or Filter block Read Comments or Write Comments Link */ div.commentFormPop #pageTopArea, div.commentsPop #pageTopArea{} div.commentFormPop #contentContainer, div.commentsPop #contentContainer{padding-left:100px;}