@import "SEWRPC_Styles.css"; /* 1. This style sheet contains layout for a three column page (left,center,right) and a top content area. It contains all possible content zones that are used on this site. It is also starting place of all other page layouts, and they should import this css file. 2. Except for the text editor drop down section and searchbar button, this css file should not include any colors, background, fonts, text attributes. Use the styles.css for these types of attributes. 3. This file is mainly for padding, margin, clear, height, width, overflow, and other layout attributes. 4. This css file and the styles css file both include a reset. One for layout type attributes and one for style type attributes. Change attribute values as you need, it is suggested not to remove any attributes except for when used on complicate sites. 5. If using this layout for more than one globe, but each globe needs different styles: Create a new file for the page layout (no css will be needed in that file) Type @import generic.css into the first line of the new file Copy the @import above and paste into the second line of the new file. and probably some more here to help explain. 6. This files are purposefully not using the css 'position' attribute. */ /* ========================================================================================== NOTES */ /* It is recommended that you create a copy of this file before modifying it. When finished making the css changes for your design, remove these comments to reduce the overall size of the file, which can have an impact on your page load times. */ /* While this css is used to style your web site, it is also used by Titan CMS Workstation (wkst) to provide the wkst users a visual representation of what their content will look like on your web site. Because of this, the reset area of the css file contains css directed solely to allow the css styles to show in the wkst properly. */ /* You should always check your web site in various browsers. A good starting point is Firefox2, Firefox3, IE6 and IE7. */ /* class verses id - ids start with # and each id name can only be used once in an ascx/html document - #contentContainer - classes start with . and can be used more than once in an ascx/html document - .Freeform */ /* what's a selector - a selector is the element or item that CSS is applied to - examples: p {} - for paragraph #contentContainer {}- an id .Freeform {} - a class - selectors can be combined to be more specific about what element or item you are styling - example: .Freeform p {} - p paragraph contained in an element with the class .Freeform */ /* structure of a style selector {property:value;} */ /* for margin and padding the order is: - top right bottom left - ie. margin:4px 6px 19px 5px; - top & bottom left & right - ie. margin:4px 9px; - all sides - ie. margin: 4px; */ /* BROWSER HACKS - because of browser differences, there may be occasions your style will look different in various browsers (Firefox verse IE) - by targeting a specific browser you can adjust the style as needed for a particulat browser, this is usually done with browser hacks. - for more stability, Titan includes a browser detection that adds a class name in the html tag for the specific browser being used. - if you need to target a specific browser use the following class names: - IE, IE7, IE6, Firefox, Firefox2, Firefox3, AppleMAC-Safari, Unknown, MacPPC - other class names may be possible, open your web page in the particular browser you are interested in targeting and look for the class name in the html tag. - To Use: - default style: .Calendar .calendarItem .location {styles} - for IE browsers only: .IE .Calendar .calendarItem .location {styles} */ /* DO NOT USE use these class names on div tags .content .fieldwrapper .h1 .h2 .h3 .h4 .h5 .h6 */ /* DO NOT USE use these class names on any tag .header */ /* someHtmlTag { anyStyle:value; } - causes wkst to break - if the tag in the wkst is not using a particular style that is written for someHtmlTag - ie. p {}, those styles will be used by wkst - DO - have an additional id or class selector with an html tag - .Freeform p {} - DO NOT - have an html tag without any other id or class selectors before it - p {} - EXCEPTIONS - h1, h2, h3, h4, h5, h6 should be written without additional selectors to allow the styles to show in the text editor drop down */ /* ========================================================================================== RESETTING */ /* te = text editor, t = titan, d = display side, m/p = margin & padding */ /* Resetting - default styles can vary from browser to browser, a p tag in one browser can have a different default margin than in a different browser. - it is common practice for css to reset styles for a more consistant look across browsers. - this section resets those styles for your whole web site, allowing for style consistancy and allowing for easy-quick site wide changes by changing a property's value in the reset area. - you can change any of these styles for particular classes and ids as you need, do not include these changes in the reset, but make changes in the area starting at and below the START FIXED NAME CONTENT BOUNDARIES area */ /* RULE (tmte rule) for resetting only: - tmte stands for t = titanBody, m = mainBody, te = text editor - need to list: .titanBody - for display side .mainBody - for wkst .Freeform, .FormEditor, .FAQ, etc - for wkst, blocks with a text editor - this will allow styles to show up in display side, wkst blocks and text editor - when upgrading Titan, there may be new blocks added that use a text editor, those will need to be added to the css at upgrade */ /* ========================================================================================== 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,.EventUpload fieldset,.AggregationFilter fieldset,.Calendar fieldset,.Product fieldset {border:0;margin:0;padding:0;}/* don't remove these attributes, can add attributes/change values */ .Aggregation,.Calendar,.Commenting,.DisplaySideUpload,.EventUpload,.FAQ,.Freeform,.FormEditor,.PhotoBlock,.SearchResults,.SiteMap,.TOCBlock,.WhatsNew {clear:both;margin-bottom:10px;margin-right:10px;} /* -- thing 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 */ h1{color:#a54200;font:20px Georgia, "Times New Roman", Times, serif}/* page title */ h2{color:#bf0000;font:16px Georgia, "Times New Roman", Times, serif} h3{color:#a54200;font:bold 14px Georgia, "Times New Roman", Times, serif}/* default block title */ h4{color:#444;font-size:14px;font-family: "Lucida Sans Unicode",Arial,Verdana,Helvetica,sans-serif;}/*default block page links */ h5{color:#666;font-size:12px; font-weight:bold;} h6{color:#006699;font:bold 14px Georgia, "Times New Roman", Times, serif; margin-bottom:10px;} .floatLeft{float:left;margin:0 7px 0 0;} .floatRight{float:right;margin:0 0 0 7px;} .floatLeft_ImgBorder{float:left;margin:0 7px 0 0;border:1px solid #ccc;padding:2px;} .floatRight_ImgBorder{float:right;margin:0 0 0 7px;border:1px solid #ccc;padding:2px;} .imgBorder{border:1px solid #ccc;padding:2px;} .readMore{background:url('images/BrownieImages/bgReadMoreBullet.gif') no-repeat right 2px;display:inline;padding-right:15px;} .readMore a{text-decoration:none;} /* ========================================================================================== PAGE LAYOUT */ #mainBody, #bottomContainer{margin:0 auto;width:960px;} #pageTopArea{height:135px;padding-right:20px;} #logoControlContainer{float:left;width:185px;height:118;padding-top:15px;} .Firefox3.MacPPC #logoControlContainer, .Firefox2.Unknown #logoControlContainer, .AppleMAC-Safari.Unknown #logoControlContainer{height:58px;} #logoControlContainer a{} #logoControlContainer a img{} #utilityNavContainer{float:right;width:330px;padding-top:17px;} #utilityNavContainer ul{margin:0;padding:0;} #utilityNavContainer ul li{display:inline;margin-left:10px;} #utilityNavContainer ul li span{padding:0 4px;} #utilityNavContainer ul li.navFirst{} #utilityNavContainer ul li.navLast{} #utilityNavContainer ul li a{} #searchBarContainer{float:right;padding-top:8px; clear:right;} #searchBarContainer input#searchTerms{height:21px;padding:1px 3px;width:210;} #searchBarContainer input#searchTerms{height:20px;} #searchBarContainer input#searchGo{border:0;cursor:pointer;font-size:10px;line-height:18px;margin:-8px 0 0 -2px;vertical-align:middle;width:52px;height:24px} .Firefox #searchBarContainer input#searchGo{padding-bottom:2px; margin:0 0 0 -2px;vertical-align:bottom;} .Chrome #searchBarContainer input#searchGo{margin-top:-2px;} .Firefox.MacPPC #searchBarContainer input#searchGo, .Unknown #searchBarContainer input#searchGo{margin-top:2px;} .Safari #searchBarContainer input#searchGo{vertical-align:bottom;} .IE8 #searchBarContainer input#searchGo{padding-bottom:2px; margin:1px 0 0 -2px;verticle-align:bottom;} #topNavContainer{width:745px;height:59px;padding-top:0px; margin-top:26px; float:right;} .Firefox3 #topNavContainer, .Chrome #topNavContainer{margin-top:27px;} .IE7 #topNavContainer{margin-top:28px;} .Safari #topNavContainer{margin-top:27px;} #topNavContainer ul{float:right;margin:0;padding:0;} #topNavContainer ul li{float:left;} #topNavContainer ul li a{float:left;padding:8px 5px 15px 5px;} .IE6 #topNavContainer ul li a{} #topContentContainer{overflow:hidden;margin:0px;padding:0px;position:relative;width;100%;width:960px;height:152px;} #topContentContainer img{position:absolute;top:1px;left:0;width:960px;height:152px;z-index:100;overflow:hidden;}/* rotator image */ #topZone{position:absolute;top:1px;left:0;z-index:200;width:304px;height:152px;overflow:hidden;} #topZone p{position:absolute;bottom:0;left:10px;z-index:400;width:280px;} .IE #topZone p{padding-bottom:2px;} .empty{width:304px;height:152px;position:absolute;bottom:0;left:0;z-index:0;} .IE8 #topZone{height:151px;} .IE8 .empty{height:151px;} #toolContainer{padding:5px 5px 5px 8px;width:643px; height:25px;position:absolute;top:117px;right:0;z-index:500;} .IE6 #toolContainer{height:25px;} #breadCrumbContainer{float:left; padding-top:5px;} #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:5px 0 0 0;} #pageTools ul li{float:left;padding:1px 0 1px 0;} .Firefox.MacPPC #pageTools ul li, .Firefox.Unknown #pageTools ul li, .AppleMAC-Safari.MacPPC #pageTools ul li, .AppleMAC-Safari.Unknown #pageTools ul li{padding-top:2px;padding-bottom:3px;} .Firefox.MacPPC #pageTools ul li a, .Firefox.Unknown #pageTools ul li a, .AppleMAC-Safari.Unknown #pageTools ul li a, .AppleMAC-Safari.MacPPC #pageTools ul li a{padding-top:2px;padding-bottom:3px;} #pageTools ul li a{padding:1px 0 1px 20px;} #contentArea{clear:both;padding:10px 0 20px 0;margin:1px 0 3px 0;} #leftContentContainer{float:left;padding:5px 8px 0 8px;width:288px;} #contentNavContainer{}/* look for separate section CONTENT NAV - left column secoondary nav */ #leftZone{} #contentContainer{padding:15px 0 0 0;}/* breadcrumb, pagetools, centerzone, rightzone */ #centerZone{float:left;padding:0 0 0 10px;width:440px;} #titleBarContainer{margin-bottom:10px;} #titleBarContainer h1{} #rightZone{float:right;padding:0;width:193px;} /* footer */ #bottomContainerOuter{clear:both; overflow:hidden;} #bottomContainer{padding:10px 10px 5px 10px;margin-top:0px;margin-bottom:10px;} #bottomContainer P{margin-bottom:0px;} #bottomLeft{margin:17px 30px 0px 24px;width:260px; float:left;} #bottomLeft ul{width:43%; float:left; list-style:none; margin-left:0px;} #bottomLeft ul li{padding:2px 0;} .IE6 #bottomLeft{margin-left:10px;} #contentFooter{ text-align:left;clear:both;} #bottomCenter{width:272px;margin:17px 30px 0px 24px; float:left;} #bottomCenter ul{width:43%; float:left; list-style:none; margin-left:0px;} #bottomCenter ul li{padding:2px 0;} #bottomRight{margin:17px 20px 0px 0px;width:225px;float:left;} .IE6 #bottomRight{margin-right:10px;} #bottomRight a{text-decoration:underline;} #bottomNavContainer{} #bottomNavContainer ul{padding:0;margin:0;} #bottomNavContainer li{} #bottomNavContainer li a{} #bottomNavContainer li span{margin:0 6px;} #poweredBy{margin-top:10px;text-align:left; clear:both;} #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:6px 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{padding:4px;} /* 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;} /* ========================================================================================== BLOCKS */ /* DISPLAY NONES - filter, calendar */ div.loading, div.classifications{display:none;clear:both;} /* Lists - faq, site map, freeform, formeditor - these blocks may also be listed below with more styles applied */ .Freeform ul, .FAQ dl ul, .FormEditor ul, .SiteMap ul, #mainBody div.Product ul{margin-left:14px;padding-left:0;} .Freeform ol, .FAQ dl ol, .FormEditor ol, #mainBody div.Product ol{margin-left:20px;padding-left:0;} .IE .Freeform ul, .IE .FAQ dl ul, .IE .FormEditor ul, .IE #mainBody div.Product ul{margin-left:17px;padding-left:0;} .IE .Freeform ol, .IE .FAQ dl ol, .IE .FormEditor ol, .IE #mainBody div.Product ol{margin-left:25px;padding-left:0;} /* bulletMenu class that can be added to blocks like TOCBlock and Filter(Agreggation) to have the appearance of navigation */ 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;} .bulletMenu div.TwoCol div div{width:100%;} .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%;} #mainBody div.bulletMenu.SiteMap ul li ul li, div.bulletMenu ul.paginationFooter li{padding-left:0;} #mainBody div.bulletMenu.SiteMap ul{margin-left:0;} #mainBody div.bulletMenu.SiteMap ul li ul li ul{margin-left:14px;} div.bulletMenu p, div.bulletMenu p, div.bulletMenu div.OneCol span.hitCount, div.bulletMenu div.TwoCol span.hitCount, div.bulletMenu div.tocList span.hitCount, div.bulletMenu div.VideoLineup span.hitCount, div.bulletMenu div.OneCol span.date, div.bulletMenu div.TwoCol span.date, div.bulletMenu div.tocList span.date, div.bulletMenu div.VideoLineup span.date, div.bulletMenu div.OneCol div.image span.hitCount, div.bulletMenu div.TwoCol div.image span.hitCount, div.bulletMenu div.tocList div.image span.hitCount, div.bulletMenu div.VideoLineup div.image span.hitCount, div.bulletMenu div.OneCol div.image span.date, div.bulletMenu div.TwoCol div.image span.date, div.bulletMenu div.tocList div.image span.date, div.bulletMenu div.VideoLineup div.image span.date{padding-left:16px;} div.bulletMenu div.image a.teaserImage{display:none;} div.bulletMenu div.OneCol div.image p, div.bulletMenu div.TwoCol div.image p, div.bulletMenu div.tocList div.image p, div.bulletMenu div.VideoLineup div.image p, div.bulletMenu div.OneCol div.image h4, div.bulletMenu div.TwoCol div.image h4, div.bulletMenu div.tocList div.image h4, div.bulletMenu div.VideoLineup div.image h4, div.bulletMenu div.CalendarResults div.data div.image span, div.bulletMenu div.OneCol div.image div.classifications, div.bulletMenu div.TwoCol div.image div.classifications, div.bulletMenu div.tocList div.image div.classifications{margin-left:0;}/* to undo the CenterZone margin below */ #centerZone div.bulletMenu div.OneCol div.image div.otherStuff, #centerZone div.bulletMenu div.TwoCol div.image div.otherStuff{margin-left:0;}/* to undo the CenterZone margin below */ /* Resources class that can be added to blocks like TOCBlock and Filter(Agreggation) to have the appearance of navigation */ div.Resources div.OneCol div, div.Resources div.TwoCol div{margin-bottom:2px;padding-bottom:0;overflow:hidden;} .IE6 div.Resources div.OneCol div, .IE6 div.Resources div.TwoCol div, .IE6 div.Resources div.OneCol div h4, .IE6 div.Resources div.TwoCol div h4{height:1%; } div.Resources div.OneCol div h4, div.Resources div.TwoCol div h4{margin:0px 0px 5px 5px; line-height:normal;} div.Resources div.image a img{float:left;} div.Resources div.OneCol div.image p, div.Resources div.TwoCol div.image p, div.Resources div.tocList div.image p, div.Resources div.VideoLineup div.image p, div.Resources div.CalendarResults div.data div.image span, div.Resources div.OneCol div.image div.classifications, div.Resources div.TwoCol div.image div.classifications, div.Resources div.tocList div.image div.classifications{margin-left:0;}/* to undo the CenterZone margin below */ div.blockMenu h4, div.blockMenu h4 a{font-size:12px;font-weight:normal} div.blockMenu h4 a{text-decoration:underline;} /*SITE MAP */ .SiteMap li{margin-top:10px;} /* FAQ - question section*/ .FAQ ul{margin-left:0;padding:0;} /* FAQ - answer section*/ .FAQ dl{margin:0;padding:0;} .FAQ dt{padding-top:10px;} .FAQ dl dd{margin:0;overflow:hidden;} .IE6 .FAQ dl dd{height:1%;} /* FILE UPLOAD - center zone only */ .DisplaySideUpload div.uploadFields div label{float:left;margin-right:5px;text-align:right;width:78px;} .DisplaySideUpload div.uploadInfo{margin:0px 0px 15px 0px;} .DisplaySideUpload div.uploadFields div{margin:5px 0px;} .DisplaySideUpload div.uploadFields div.title input, .DisplaySideUpload div.uploadFields div.description textarea{width:183px;} .Firefox2.MacPPC .DisplaySideUpload div.uploadFields div.title input, .Firefox2.MacPPC .DisplaySideUpload div.uploadFields div.description textarea, .Firefox2.Unknown .DisplaySideUpload div.uploadFields div.title input, .Firefox2.Unknown .DisplaySideUpload div.uploadFields div.description textarea{width:214px;} .AppleMAC-Safari.MacPPC .DisplaySideUpload div.uploadFields div.description textarea{width:182px;} .Firefox3.MacPPC .DisplaySideUpload div.uploadFields div.title input, .AppleMAC-Safari.MacPPC .DisplaySideUpload div.uploadFields div.title input, .Firefox3.Unknown .DisplaySideUpload div.uploadFields div.title input, .AppleMAC-Safari.Unknown .DisplaySideUpload div.uploadFields div.title input{width:217px;} .Firefox3.MacPPC .DisplaySideUpload div.uploadFields div.description textarea, .Firefox3.Unknown .DisplaySideUpload div.uploadFields div.description textarea, .AppleMAC-Safari.MacPPC .DisplaySideUpload div.uploadFields div.description textarea, .AppleMAC-Safari.Unknown .DisplaySideUpload div.uploadFields div.description textarea{width:221px;} .AppleMAC-Safari.MacPPC .DisplaySideUpload div.uploadFields div.title input{width:217px;} .AppleMAC-Safari.MacPPC .DisplaySideUpload div.uploadFields div.description textarea{width:221px;} .IE .DisplaySideUpload div.uploadFields div.title input, .IE .DisplaySideUpload div.uploadFields div.description textarea{width:200px;} .DisplaySideUpload div.uploadFields div.description textarea{height:70px;} .DisplaySideUpload input.displayUploadSubmit{margin-left:82px;} .IE6 .DisplaySideUpload input.displayUploadSubmit{margin-left:86px;} /* IMAGES - teaser, text editor, PhotoBlock, video block - only want to float teaser image for wider zones - like center */ div.image a img, div.VideoLineup img, div.FilmstripThumbs a, div.videoPlayer{float:left;} div.OneCol div.image a img, div.TwoCol div.image a img, div.tocList div.image a img, div.Calendar div.image a img, div.Product div.image img{margin-bottom:5px;}/* gives a little extra space below image so wrapped text isn't do close */ div.OneCol div.image a img, div.TwoCol div.image a img, div.tocList div.image a img, div.Calendar div.image a img, div.Calendar div.image img, div.Product div.image img /*div.PhotoBlock div.thumbnails img*/{padding:2px;} /* center zone only - filter (alpha list = tocList), toc, what's new, search results, calendar, photo block */ div.CenterZone div.image a.teaserImage, div.CenterZone div.image div.mainPhoto, /*div.PhotoBlock*/div.CenterZone div.thumbnails img, #centerZone div.Calendar div.image img{float:left;}/* only want to float teaser image for wider zones like center)*/ #centerZone div.Calendar div.image div.otherStuff img{float:none;} div.CenterZone div.OneCol div.image a img , div.CenterZone div.TwoCol div.image a img, div.CenterZone div.tocList div.image a img /*div.PhotoBlock.CenterZone div.thumbnails img*/{margin-bottom:8px;}/* gives a little extra space below image so wrapped text isn't do close */ /* margin to push the teaser content over from the teaser image filter, toc, what's new, width of teaser image - width + gutter = margin - VERSION2 */ #centerZone div.OneCol div.image div.otherStuff, #centerZone div.TwoCol div.image div.otherStuff, #centerZone div.tocList div.image div.otherStuff, #centerZone div.calendarItem div.image div.otherStuff, #centerZone div.Product .ColOne div.image div.otherStuff{clear:none;float:none;margin-left:92px;} .CenterZone div.OneCol div.image a img, .CenterZone div.TwoCol div.image a img, .CenterZone div.tocList div.image a img, .FAQ dl img{margin-bottom:8px;} div.image a img, div.VideoLineup img, div.FilmstripThumbs a, .Freeform img, .FAQ img, .FormEditor img{padding:2px;} /* ONECOL & TWOCOL - filter, toc, what's new, alpha list, search results, video block */ div.OneCol, div.TwoCol{margin:0 0 0 2px;} .Aggregation h3, .Calendar h3, .Commenting h3, .PhotoBlock h3, .SearchResults h3, .SiteMap h3, div.LogIn h3, div.UserAccount h3, .TOCBlock h3, div.Product h3, .WhatsNew h3{padding-bottom:10px;} div.LogIn label, div.UserAccount label{} div.OneCol div, div.TwoCol div{margin-bottom:10px;overflow:hidden;} .IE6 div.OneCol div, .IE6 div.TwoCol div{height:1%;position:relative;} div.OneCol div, div.TwoCol{clear:both;} div.tocList div{margin-bottom:15px;} div.OneCol div.classifications, div.TwoCol div.classifications, div.OneCol div.classifications div, div.TwoCol div.classifications div, div.tocList div.classifications div{margin-bottom:0;padding-bottom:0;} div.tocList div, div.tocList{clear:both;overflow:hidden;} .IE6 div.tocList div, .IE6 div.TwoCol, .IE6 div.tocList{height:1%;position:relative;} div.OneCol p, div.TwoCol p, div.tocList p, div.VideoLineup p{margin:0;padding-bottom:5px;} div.OneCol div.teaser, div.TwoCol div.teaser, div.tocList div.teaser, div.VideoLineup div.teaser{padding-bottom:0px;} div.OneCol div.image p, div.TwoCol div.image p, div.tocList div.image p, .CenterZone div.VideoLineup div.image p, div.OneCol div.image h4, div.TwoCol div.image h4, div.tocList div.image h4, .CenterZone div.VideoLineup div.image h4, .CenterZone div.OneCol div.image span.hitCount, .CenterZone div.TwoCol div.image span.hitCount, .CenterZone div.tocList div.image span.hitCount, .CenterZone div.VideoLineup div.image span.hitCount, div.OneCol div.image span.date, div.TwoCol div.image span.date, div.tocList div.image span.date, .CenterZone div.VideoLineup div.image span.date, .CenterZone div.CalendarResults div.data div.image span, .CenterZone div.OneCol div.image div.classifications, .CenterZone div.TwoCol div.image div.classifications, .CenterZone div.tocList div.image div.classifications{margin-left:10px;} 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 .viewComment, #leftZone .viewComment, div.TwoCol .viewComment{display:block;} /* 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;} 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 .tocList p.averageRating span.label, #leftZone .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 .tocList p.averageRating span.value, #leftZone .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, div.TwoCol p.averageRating, div.tocList p.averageRating, div.Product p.averageRating{margin-bottom:0;padding-bottom:0;} div.OneCol p.averageRating a, div.TwoCol p.averageRating a, div.tocList p.averageRating a, div.otherStuff p.averageRating a{display:none;} 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;margin-bottom:5px;} div.TwoCol{clear:both;} div.TwoCol div{float:left;width:45%;} div.TwoCol div.otherStuff{width:auto;} div.TwoCol div.classifications, div.TwoCol div.classifications div{float:none;width:100%;} div.TwoCol div + div{float:right;} .IE6 .TwoCol div{margin-right:15px;} .LeftZone div.TwoCol, .RightZone div.TwoCol{clear:both;} .LeftZone div.TwoCol div, .RightZone div.TwoCol div{float:none;width:100%} /* ALPHA LIST */ ul.alphaList{padding:5px 0 10px 0;margin:0;overflow:hidden;} .IE6 ul.alphaList{height:1%;} ul.alphaList li{float:left;padding-right:7px;} ul.alpha{clear:both;} div.tocList{margin-left:25px;} /* CALENDAR - EVENT UPLOAD CALENDAR*/ .calendarCallOut table, .EventUpload .DatePicker table{border-collapse:collapse;margin-left:1px;} .calendarCallOut table .arrow{padding-bottom:5px;} .calendarCallOut table td, .EventUpload .DatePicker td{height:20px;width:23px;} .calendarCallOut table td, .EventUpload .DatePicker td{cursor:pointer;} .calendarCallOut table .arrow, .EventUpload .DatePicker .arrow, .EventUpload .DatePicker .caption th + th + th + th{cursor:pointer;} .calendarCallOut table .otherMonth, .EventUpload .DatePicker .otherMonth{cursor:text;} .calendarCallOut .calendarNav{margin-top:5px;padding-bottom:10px;width:150px;} .CalendarResults .OneCol div{margin-bottom:10px;padding-bottom:10px;} .CalendarResults .data span{display:block;margin:2px 0;} .CalendarResults .data label{float:left;width:90px;} .CalendarResults .data .startTime, .CalendarResults .data .endTime, .CalendarResults .data .allDayEvent{float:left;margin-left:0;} .CalendarResults .data .allDayEvent{margin-left:4px;} .CalendarResults .data .startDate, .CalendarResults .data .location, .CalendarResults .data .sponsor, .CalendarResults .data .contact, .CalendarResults .data .email, .CalendarResults .data .web, .CalendarResults .data .attachment, .CalendarResults .data .Description, .CalendarResults .data .customField1, .CalendarResults .data .customField2, .CalendarResults .data .customField3, .CalendarResults .data .customField4, .CalendarResults .data .customField5, .CalendarResults .data .linkText, .CalendarResults .data .Description{clear:both;margin-left:0;} .CalendarResults .data .attachment, .CalendarResults .data .Description{margin-top:5px;} .calendarItem h3{margin-bottom:5px;} .CalendarResults .data .averageRating span, .CalendarResults .data .linkComments span{display:inline;margin:0;} .CalendarResults .data .averageRating .label{padding-right:4px;} #rightZone div.CalendarResults label, #leftZone div.CalendarResults label{/*display:block;width:100%*/} #rightZone .CalendarResults .data .startTime, #rightZone .CalendarResults .data .endTime, #rightZone .CalendarResults .data .allDayEvent, #leftZone .CalendarResults .data .startTime, #leftZone .CalendarResults .data .endTime, #leftZone .CalendarResults .data .allDayEvent{float:none;display:inline;} #rightZone div.CalendarResults div, #leftZone div.CalendarResults div{padding-bottom:0;} /* === CALENDAR V57 UPGRADE === */ div.Calendar div.calendarCallOut div.calendarNav{text-align:center;margin-top:5px;padding-bottom:10px;width:170px;} div.Calendar div.CalendarResults {clear:both;} div.Calendar div.CalendarResults div.data h3{clear:both;padding-bottom:15px;}/* date range */ div.Calendar div.CalendarResults div.data .otherStuff{overflow:hidden;} .IE6 div.Calendar div.CalendarResults div.data .otherStuff{height:1%;} div.Calendar div.CalendarResults .data 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{clear:both;} div.Calendar div.CalendarResults div.data span.allDayEvent{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.Calendar div.CalendarResults div.data 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{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;} /* PAGINATION - filter, calendar, searchResults */ .paginationFooter, .pagination{clear:both;margin:10px 0;padding:0;} .paginationFooter .nextButton{margin-left:5px;} .paginationFooter, .pagination span{padding:0 4px;} .pagination{margin:0 0 10px 0;padding:0 0 4px 0;} .paginationFooter li, .pagination li{display:inline;} .CalendarResults .pagination{margin-top:4px;text-align:left;} .CenterZone .CalendarResults .pagination span{display:inline;margin-left:0;} /* FILTERS - filter, calendar */ .AggregationFilter, .CalendarFilter{overflow:hidden;padding-bottom:10px;} .AggregationFilter fieldset, .CalendarFilter fieldset{background:transparent;margin-bottom:5px;padding-right:15px;} .AggregationFilter h3, .CalendarFilter h3{margin-bottom:5px;} .CenterZone .AggregationFilter fieldset, .CenterZone .CalendarFilter fieldset{float:left;} .IE6 .CenterZone .AggregationFilter fieldset, .IE6 .CenterZone .CalendarFilter fieldset{width:150px;} .AggregationFilter fieldset h4, .CalendarFilter fieldset h4{margin-bottom:5px;} .AggregationFilter fieldset span, .CalendarFilter fieldset span{clear:both;float:left;} #mainBody .AggregationFilter fieldset span, #mainBody .CalendarFilter fieldset span{height:100%;width:100%;} /*don't let show in wkst */ .IE6 .AggregationFilter fieldset span, .IE6 .CalendarFilter fieldset span, .IE7 .AggregationFilter fieldset span, .IE7 .CalendarFilter fieldset span{margin-bottom:5px;} .AggregationFilter fieldset span input, .CalendarFilter fieldset span input{height:16px;float:left;verticle-align:middle;} .AggregationFilter fieldset span label, .CalendarFilter fieldset span label{display:block;float:left;margin-top:4px;} .IE6 .AggregationFilter fieldset span label, .IE6 .CalendarFilter fieldset span label, .IE7 .AggregationFilter fieldset span label, .IE7 .CalendarFilter fieldset span label{margin-top:1px;} .AggregationFilter .clear, .CalendarFilter .clear{clear:both;} .CenterZone .AggregationFilter .clear, .CenterZone .CalendarFilter .clear{display:none;} .AggregationResults, .AggregationFilter input.btnSubmit{clear:both;} .AggregationFilter input.btnSubmit{margin-bottom:15px;display:block;} /* === 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{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{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{height:1%;} div.Aggregation div.AggregationFilter2 fieldset .head h4, div.Calendar div.CalendarFilter2 fieldset .head h4, div.Product div.ProductFilter2 fieldset .head h4{width:71%;} div.CenterZone div.AggregationFilter2 fieldset, div.CenterZone div.CalendarFilter2 fieldset, div.CenterZone div.accountFilter2 fieldset, div.CenterZone div.ProductFilter2 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{float:none;} div.Aggregation div.AggregationFilter2 fieldset .inputs, div.Aggregation div.AggregationFilter2 fieldset .input, div.Calendar div.CalendarFilter2 fieldset .inputs, div.Calendar div.CalendarFilter2 fieldset .input, div.EventUpload div.accountFilter2 fieldset .inputs, div.DisplaySideUpload div.accountFilter2 fieldset .inputs, div.UserAccount div.accountFilter2 fieldset .inputs, div.Product div.ProductFilter2 fieldset .inputs, div.Product div.ProductFilter2 fieldset .input{clear:both;overflow:hidden;padding:5px 0 0 2px;} 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.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{float:left;} #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%;} div.Aggregation div.AggregationFilter2 .inputs select, div.Calendar div.CalendarFilter2 .inputs select, div.Product div.ProductFilter2 .inputs select, div.DisplaySideUpload div.accountFilter2 .inputs select, div.EventUpload div.accountFilter2 .inputs select{width:98%;} div.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{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{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{clear:left;overflow:hidden;padding:4px 0;} div.DisplaySideUpload div.accountFilter2 span, div.UserAccount div.accountFilter2 span{display:block;} div.EventUpload div.accountFilter2 .inputs span, div.DisplaySideUpload div.accountFilter2 .inputs span, div.UserAccount div.accountFilter2 .inputs span{display:block;overflow:hidden;} div.Aggregation div.AggregationFilter2 .inputs div span, div.Aggregation div.AggregationFilter2 .inputs div a, div.Calendar div.CalendarFilter2 .inputs div span, div.Calendar div.CalendarFilter2 .inputs div a, div.Product div.ProductFilter2 .inputs div span, div.Product div.ProductFilter2 .inputs div a{clear:none;float:none;margin-top:0;} /* filter header */ div.ProductFilter2 fieldset div.head, div.CalendarFilter2 fieldset div.head, div.AggregationFilter2 fieldset div.head, div.accountFilter2 fieldset div.head{overflow:hidden;padding:5px 5px 2px 5px;} div.Product div.ProductFilter2 fieldset div.head span, div.CalendarFilter2 fieldset div.head span, div.AggregationFilter2 fieldset div.head span{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{width:9px;} div.Product div.ProductFilter2 fieldset div.head h4, div.CalendarFilter2 fieldset div.head h4, div.AggregationFilter2 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{clear:none;cursor:pointer;float:right;margin:0;padding:0;width:35px;} /* see Less - seeMore - min - zero */ div.AggregationFilter2 fieldset.seeMore div.seeMore, div.ProductFilter2 fieldset.seeMore div.seeMore, div.CalendarFilter2 fieldset.seeMore div.seeMore, div.AggregationFilter2 fieldset.seeLess div.more, div.ProductFilter2 fieldset.seeLess div.more, div.CalendarFilter2 fieldset.seeLess div.more, div.AggregationFilter2 fieldset.seeMore div.less, div.ProductFilter2 fieldset.seeMore div.less, div.CalendarFilter2 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{display:block;} div.AggregationFilter2 fieldset.seeLess div.seeMore, div.ProductFilter2 fieldset.seeLess div.seeMore, div.CalendarFilter2 fieldset.seeLess div.seeMore, div.AggregationFilter2 fieldset.seeLess div.less, div.ProductFilter2 fieldset.seeLess div.less, div.CalendarFilter2 fieldset.seeLess div.less, div.AggregationFilter2 fieldset.seeMore div.more, div.ProductFilter2 fieldset.seeMore div.more, div.CalendarFilter2 fieldset.seeMore div.more, div.AggregationFilter2 fieldset.hideZero div.zero, div.ProductFilter2 fieldset.hideZero div.zero, div.CalendarFilter2 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.AggregationFilter2 fieldset.seeLess.min div.more, div.ProductFilter2 fieldset.seeLess.min div.more, div.CalendarFilter2 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{display:none;} div.Aggregation{} div.Aggregation div.AggregationResults{clear:both;} div.Aggregation div.AggregationFilter{} /* SEARCH RESULTS */ .SearchResults .smartSearchTitle{margin-top:10px;} .SearchResults .organicSearchResults .OneCol div{padding-bottom:19px;overflow:hidden;} .IE6 .SearchResults .organicSearchResults .OneCol div{height:1%;} .SearchResults .smartSearchResults{margin:10px 0;padding:15px 15px 0 15px;} .SearchResults .smartSearchResults h3{margin:0 0 15px 0;padding:0;} .SearchResults .smartSearchResults .OneCol div{margin-bottom:19px;} .SearchResults .docMatch{margin:10px 0;} .SearchResults .titleMiddle{display:none;} .SearchResults .didYouMean{margin:15px 0;padding-bottom:15px;} .SearchResults .didYouMean h2{margin:5px 0;} /* ERROR MESSAGES */ .FormEditor .ErrorMessage, .EventUpload .ErrorMessage, .commentForm .ErrorMessage{margin:10px 0;padding:5px;} .FormEditor .ErrorMessage .SFMessage, .EventUpload .ErrorMessage .SFMessage, .commentForm .ErrorMessage .SFMessage{padding-left:5px;} .FormEditor .ErrorMessage .SFMessage:before, .EventUpload .ErrorMessage .SFMessage:before, .commentForm .ErrorMessage .SFMessage:before{content: "-";} /* PHOTO BLOCK */ .PhotoBlock div.directory, .PhotoBlock div.filmstrip{padding:15px 0 10px 0;} .PhotoBlock div.webImages, .PhotoBlock div.thumbnails{text-align:center;width:355px;} .PhotoBlock div.filmstrip div h3{padding:5px 0 0 0;} .PhotoBlock div.leftArrow, .PhotoBlock div.rightArrow{margin:50px 10px;float:left;cursor:pointer;} .PhotoBlock div.webImages{float:left;} .PhotoBlock div.filmstrip img{cursor:pointer;margin:5px;} /* EVENT UPLOAD */ .EventUpload .startDate .icon, .EventUpload .endDate .icon{display:inline;padding:1px 6px;margin-left:5px;cursor:pointer;} .Firefox3.MacPPC .EventUpload .startDate .icon, .Firefox3.MacPPC .EventUpload .endDate .icon, .Firefox3.Unknown .EventUpload .startDate .icon, .Firefox3.Unknown .EventUpload .endDate .icon{padding:1px 7px;} .EventUpload .eventName input, .EventUpload .description textarea, .EventUpload .sponsor input, .EventUpload .location input, .EventUpload .startDate input, .EventUpload .startTime input, .EventUpload .endDate input, .EventUpload .endTime input, .EventUpload .contactName input, .EventUpload .contactEmail input, .EventUpload .notes textarea{width:184px;} .Firefox3 .EventUpload .eventName input, .Firefox3 .EventUpload .description textarea, .Firefox3 .EventUpload .sponsor input, .Firefox3 .EventUpload .location input, .Firefox3 .EventUpload .startDate input, .Firefox3 .EventUpload .startTime input, .Firefox3 .EventUpload .endDate input, .Firefox3 .EventUpload .endTime input, .Firefox3 .EventUpload .contactName input, .Firefox3 .EventUpload .contactEmail input, .Firefox3 .EventUpload .notes textarea{width:182px;} .Firefox.MacPPC .EventUpload .eventName input, .Firefox.MacPPC .EventUpload .description textarea, .Firefox.MacPPC .EventUpload .sponsor input, .Firefox.MacPPC .EventUpload .location input, .Firefox.MacPPC .EventUpload .startDate input, .Firefox.MacPPC .EventUpload .startTime input, .Firefox.MacPPC .EventUpload .endDate input, .Firefox.MacPPC .EventUpload .endTime input, .Firefox.MacPPC .EventUpload .contactName input, .Firefox.MacPPC .EventUpload .contactEmail input, .Firefox.MacPPC .EventUpload .notes textarea, .Firefox.Unknown .EventUpload .eventName input, .Firefox.Unknown .EventUpload .description textarea, .Firefox.Unknown .EventUpload .sponsor input, .Firefox.Unknown .EventUpload .location input, .Firefox.Unknown .EventUpload .startDate input, .Firefox.Unknown .EventUpload .startTime input, .Firefox.Unknown .EventUpload .endDate input, .Firefox.Unknown .EventUpload .endTime input, .Firefox.Unknown .EventUpload .contactName input, .Firefox.Unknown .EventUpload .contactEmail input, .Firefox.Unknown .EventUpload .notes textarea{width:214px;} .Firefox3.MacPPC .EventUpload .eventName input, .Firefox3.MacPPC .EventUpload .sponsor input, .Firefox3.MacPPC .EventUpload .location input, .Firefox3.MacPPC .EventUpload .startDate input, .Firefox3.MacPPC .EventUpload .startTime input, .Firefox3.MacPPC .EventUpload .endDate input, .Firefox3.MacPPC .EventUpload .endTime input, .Firefox3.MacPPC .EventUpload .contactName input, .Firefox3.MacPPC .EventUpload .contactEmail input, .Firefox3.Unknown .EventUpload .eventName input, .Firefox3.Unknown .EventUpload .sponsor input, .Firefox3.Unknown .EventUpload .location input, .Firefox3.Unknown .EventUpload .startDate input, .Firefox3.Unknown .EventUpload .startTime input, .Firefox3.Unknown .EventUpload .endDate input, .Firefox3.Unknown .EventUpload .endTime input, .Firefox3.Unknown .EventUpload .contactName input, .Firefox3.Unknown .EventUpload .contactEmail input, .AppleMAC-Safari.MacPPC .EventUpload .eventName input, .AppleMAC-Safari.MacPPC .EventUpload .sponsor input, .AppleMAC-Safari.MacPPC .EventUpload .location input, .AppleMAC-Safari.MacPPC .EventUpload .startDate input, .AppleMAC-Safari.MacPPC .EventUpload .startTime input, .AppleMAC-Safari.MacPPC .EventUpload .endDate input, .AppleMAC-Safari.MacPPC .EventUpload .endTime input, .AppleMAC-Safari.MacPPC .EventUpload .contactName input, .AppleMAC-Safari.MacPPC .EventUpload .contactEmail input, .AppleMAC-Safari.Unknown .EventUpload .eventName input, .AppleMAC-Safari.Unknown .EventUpload .sponsor input, .AppleMAC-Safari.Unknown .EventUpload .location input, .AppleMAC-Safari.Unknown .EventUpload .startDate input, .AppleMAC-Safari.Unknown .EventUpload .startTime input, .AppleMAC-Safari.Unknown .EventUpload .endDate input, .AppleMAC-Safari.Unknown .EventUpload .endTime input, .AppleMAC-Safari.Unknown .EventUpload .contactName input, .AppleMAC-Safari.Unknown .EventUpload .contactEmail input{width:217px;} .Firefox3.MacPPC .EventUpload .description textarea, .Firefox3.MacPPC .EventUpload .notes textarea, .Firefox3.Unknown .EventUpload .description textarea, .Firefox3.Unknown .EventUpload .notes textarea{width:221px;} .AppleMAC-Safari.MacPPC .EventUpload .description textarea, .AppleMAC-Safari.MacPPC .EventUpload .notes textarea, .AppleMAC-Safari.Unknown .EventUpload .description textarea, .AppleMAC-Safari.Unknown .EventUpload .notes textarea{width:221px;} .AppleMAC-Safari .EventUpload .description textarea, .AppleMAC-Safari .EventUpload .notes textarea{width:182px;} .IE .EventUpload .attachment input{width:191px;} .IE6 .EventUpload .attachment input{width:188px;} 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;} /* === 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 */ /* COMMENTS - EVENT UPLOAD */ .Commenting .icon, .commentForm .ErrorMessage, .EventUpload .icon{display:none;} /* COMMENT FORM - EVENT UPLOAD FORM */ .commentForm{margin-bottom:30px;padding-bottom:20px;} .commentForm .name, .commentForm .email, .commentForm .rating, .commentForm .title, .commentForm .comment, .commentForm .recaptcha, .commentForm .thankYouFor, .EventUpload .eventName, .EventUpload .description, .EventUpload .sponsor, .EventUpload .location, .EventUpload .startDate, .EventUpload .startTime, .EventUpload .endDate, .EventUpload .endTime, .EventUpload .contactName, .EventUpload .contactEmail, .EventUpload .attachment, .EventUpload .notes, div.LogIn div.username, div.LogIn div.password, div.LogIn div.email, div.UserAccount div.accountForm div, div.UserAccount div.hintQuestions div{margin-top:10px;} .commentForm .label, .EventUpload 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;} .commentForm .comment .label{float:left;padding-right:4px;} .commentForm .comment textarea{clear:both;float:left;} .commentForm table{border-collapse:collapse;margin:0;padding:0;}/* for rating */ .commentForm table tr{margin:0;padding:0;} .commentForm table td{margin:0;padding:0;text-align:center;} .commentForm .nameMessage, .commentForm .emailMessage, .commentForm .titleMessage, .commentForm .ratingMessage, .commentForm .commentMessage, .commentForm .recaptchaMessage, .EventUpload .eventNameMessage, .EventUpload .descriptionMessage, .EventUpload .sponsorMessage, .EventUpload .locationMessage, .EventUpload .startDateMessage, .EventUpload .startTimeMessage, .EventUpload .endDateMessage, .EventUpload .endTimeMessage, .EventUpload .contactNameMessage, .EventUpload .contactEmailMessage, .EventUpload .attachmentMessage, .EventUpload .notesMessage, div.UserAccount div.ErrorMessage{display:none;} .commentForm .messageOn, .commentForm .error, .EventUpload .messageOn, .EventUpload .error, div.LogIn span.error{display:block;clear:both;} .commentForm .buttons, .EventUpload .buttonsConfirm, .EventUpload .buttonsSubmit, .FormEditor .buttons, div.LogIn div.buttons{margin-top:20px;} div.LogIn div.buttons /*div.LogIn div.buttons*/{margin-top:5px;} .commentForm .buttons, .commentForm .thankYouForm, .commentForm .recaptcha, .EventUpload .buttons, .EventUpload .thankYouForm, .EventUpload p, .FormEditor .buttons{clear:both;} div.Commenting div.commentForm div.buttons, div.EventUpload div.buttons, div.EventUpload div.buttonsSubmit, div.DisplaySideUpload div.upload, div.LogIn div.buttons, div.UserAccount div.buttons, div.FormEditor div.buttons, div.Aggregation div.AggregationFilter2 input.btnSubmit{clear:both;display:block;} /* === ERROR MESSAGES === form editor, event upload, comment form, log in */ div.FormEditor div.ErrorMessage, div.EventUpload div.ErrorMessage, div.Commenting div.commentForm div.ErrorMessage, div.UserAccount div.ErrorMessage, div.LogIn div.ErrorText, div.LogIn div.ErrorMessage, div.DisplaySideUpload div.error{margin:10px 0;padding:5px;} 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;} /* COMMENTS RESULTS */ .comments .label, .comments .value, .summary .label, .comments .value span, .summary .value span, .OneCol .label, .TwoCol .label, .OneCol label, .TwoCol label{float:left;margin-right:5px;} .OneCol .value span.ofValue, .TwoCol .value span.ofValue, .OneCol .hitCount label, .TwoCol .hitCount label{margin-right:0;} .summary .count{clear:both;} .Commenting .icon, .commentForm .ErrorMessage{display:none;} .comments .label{width:49px;} .comments .comment .label{width:100%;} .comments .comment .label{float:none;} .comments div.OneCol div{clear:none} .summary{margin-bottom:20px;padding-bottom:10px;} .summary h3{margin-bottom:5px;} .summary .average, .summary .count{margin-bottom:5px;} .comments .OneCol div{overflow:hidden;padding:5px 0;margin-bottom:8px;} .IE6 .comments .OneCol div{height:15;} .comments .OneCol div .title, .comments .OneCol div .rating, .comments .OneCol div .user, .comments .OneCol div .dateTime, .comments .OneCol div .comment{margin-bottom:2px;padding:0px;} .comments .OneCol div .title div, .comments .OneCol div .rating div, .comments .OneCol div .user div, .comments .OneCol div .dateTime div, .comments .OneCol div .comment div{padding:0px;margin:0;} .comments .comment .value p{margin-bottom:0;padding-bottom:5px;margin-top:0;padding-top:0;} /* LOG IN */ #LoginScreen{padding-left:220px;} #LoginScreen fieldset, #LoginScreen fieldset legend{margin:0;padding:0;} #LoginScreen label, #LoginScreen input, #LoginScreen .changePasswordLink, #LoginScreen .ErrorMessage{margin-left:7px;} #LoginScreen .ErrorMessage{display:block;height:10px;padding-top:10px;} #LoginScreen label{display:block;} #LoginScreen input.input, #LoginScreen input#oldPasswordCP, #LoginScreen input#newPassword1CP, #LoginScreen input#newPassword2CP{width:150px;} #LoginScreen input{margin-bottom:10px;} 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{} /* === 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 16px 0 0;} .IE6 div.Product .sorter ul li{padding:0 13px 0 0;} div.Product .sorter label, div.Product .sorter .select{float:left;} div.Product .sorter label {padding-right:5px;} /*CatalogListing */ div.Product .CatalogListing{position:relative;} div.Product .CatalogListing .category, div.Product .CatalogListing .noCategory, div.Product .CatalogListing .other{margin:0 0 20px 0;position:relative;} div.Product .CatalogListing .category, div.Product .CatalogListing .noCategory, div.Product .CatalogListing .other{height:1%;} div.Product .CatalogListing .products{padding:0 5px;} div.Product .categoryTeaser{padding:0 10px;} div.Product .viewMore{position:absolute;right:10px;top:8px;} div.Product div.ProductListing h2{padding:5px;} div.Product div.listingTools{margin-bottom:10px;overflow:hidden;padding:10px 5px;} /*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 0 20px 0;width:340px;} div.Product .productDetail .mainPhoto img{padding:2px;} div.Product .productDetail .photos .imgTools{padding:5px 0 10px 0;} div.Product .productDetail .photos .imgTools span, div.Product .productDetail .photos span img{cursor:pointer;} div.Product .productDetail .photos span img{padding-right:2px;} div.Product .productDetail .photos .imgTools span.viewLarger span{padding-left:15px;} div.Product .productDetail .shortDescrip{clear:none;float:left;width:300px;} div.Product .productDetail .shortDescrip h2{padding-bottom:10px;} div.Product .productDetail .shortDescrip div{clear:both;float:none;padding-bottom:5px;} div.Product .productDetail .longDescrip{clear:both;padding:10px 0;} /* larger product view */ .outerPopUp{position:fixed;top:0;left:0;width:100%;height:100%;} .innerPopUp{position:fixed;top:2%;left:50%;margin-left:-325px} .innerPopUp .wrapper{height:620px;overflow:hidden;padding:10px 10px 0 10px;width:657px;} .innerPopUp .wrapper .close{float:right;height:15px;width:14px;cursor:pointer;} .innerPopUp .wrapper .image, .innerPopUp .wrapper .previewPhotos{margin-left:8px;} .innerPopUp .wrapper .mainPhoto{height:485px;} div.Product .productDetail .innerPopUp .wrapper .mainPhoto img{padding:0;} .innerPopUp .wrapper h2{margin-bottom:7px;} .innerPopUp .wrapper div.previewPhotos{clear:both;height:85px;overflow-y:scroll;overflow-x:hidden;width:641px;} /* === 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;} /* COMMENTING POP UP - when coming from an TOC or Filter block Read Comments or Write Comments Link */ .commentFormPop #contentContainer, .commentsPop #contentContainer{padding-left:100px;}