@import "genericStyles.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. s
*/

/* ========================================================================================== 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
*/  

@import 'blocks.css';
/* ========================================================================================== 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;}

/* -- 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:#ce7246;font:bold 16px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;}/* page title */
h2{color:#bf0000;font:16px "Trebuchet MS",Arial,Helvetica,sans-serif;}
h3{color:#b4592d;font-size:14px;}/* default block title */
h4{color:#444;font-size:11px;}/*default block page links */
h5{color:#ce7246;font-size:11px;}
h6{color:#666;font-size:11px;}

.floatLeft{float:left;margin:0 7px 0 0;}	 
.floatRight{float:right;margin:0 0 0 7px;}

.imgBorder{border:1px solid #ccc;padding:2px;}
.readMore{background:url('images/bgReadMoreBullet.gif') no-repeat right 2px;display:inline;padding-right:15px;}
.readMore a{text-decoration:none;}

/* ========================================================================================== PAGE LAYOUT */
#mainBody,
#bottomContainer{margin:0 auto;width:785px;}

	#pageTopArea{height:98px;padding-right:20px;}
		
		#logoControlContainer{float:left;padding-top:10px;}
			#logoControlContainer a{}
					#logoControlContainer a img{}
					
		#utilityNavContainer{float:left;width:320px;padding-top:30px;}
		.Firefox.MacPPC #utilityNavContainer{width:318px;}
			#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:28px;}
			#searchBarContainer input#searchTerms{height:14px;padding:1px 3px;width:150px;}
			.Firefox.MacPPC #searchBarContainer input#searchTerms{height:13px;padding:1px 3px;width:150px;}
			#searchBarContainer input#searchGo{border:0;cursor:pointer;font-size:0px;height:18px;line-height:30px;margin:-3px 0 0 -9px;vertical-align:middle;width:61px;}
			.Firefox.MacPPC #searchBarContainer input#searchGo{margin-left:-7px;}

		#topNavContainer{clear:both;height:29px;overflow:hidden;padding-top:2px;}
		.Firefox2.MacPPC #topNavContainer,
		.AppleMAC-Safari.MacPPC #topNavContainer{padding-top:3px;}
		.Firefox3.MacPPC #topNavContainer{padding-top:1px;}
			#topNavContainer ul{margin:0;padding:0;float:right;}
				#topNavContainer ul li{float:left;}
					#topNavContainer ul li a{float:left;padding:8px 10px;}
					.IE6 #topNavContainer ul li a{padding:7px 10px;}
						
		#topContentContainer{display:none;}
			#topContentContainer img{width:265px;height:212px;}/* rotator image */
			#topZone{}

	#contentArea{clear:both;padding:5px 0 20px 0;margin-top:1px;}
		#leftContentContainer{float:left;padding:26px 24px 0 4px;width:167px;padding-top:26px;}
			#contentNavContainer{}/* look for separate section CONTENT NAV - left column secoondary nav */		
			#leftZone{}
			
		#contentContainer{padding-top:23px;}/* breadcrumb, pagetools, centerzone, rightzone */
			#toolContainer{padding:7px 5px 5px 5px;margin-bottom:20px;}
			
				#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:1px 0 1px 20px;}
						.Firefox.MacPPC #pageTools ul li,
						.AppleMAC-Safari.MacPPC #pageTools ul li{padding-top:1px;padding-bottom:3px;}	
							#pageTools ul li a{}
				
			#centerZone{float:left;width:400px;padding-left:10px;}
				#titleBarContainer{margin-bottom:10px;}
					#titleBarContainer h1{}
					
			#rightZone{float:right;padding-top:29px;width:150px;}

	/* footer */
	#bottomContainer{clear:both;padding:10px 10px 5px 10px;margin-top:25px;margin-bottom: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;}


/* ========================================================================================== 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{margin-left:14px;padding-left:0;}

.Freeform ol,
.FAQ dl ol,
.FormEditor ol{margin-left:20px;padding-left:0;}

.IE .Freeform ul,
.IE .FAQ dl ul,
.IE .FormEditor ul{margin-left:17px;padding-left:0;}

.IE .Freeform ol,
.IE .FAQ dl ol,
.IE .FormEditor 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;}

.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%;}

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 */


/*SITE MAP */
.SiteMap li{margin-top:10px;}

/* FAQ - question section*/
.FAQ ul{margin-left:0;padding:0;}
.FAQ ul li{padding-bottom:20px;}
/* FAQ - answer section*/
.FAQ dl{margin:0;padding:0;}
.FAQ dt{padding-top:10px;padding-bottom:10px;}
.FAQ dl dd{margin:0;overflow:hidden;}
.IE6 .FAQ dl dd{height:1%;}
.FAQ dd ul li{padding-bottom:0px;}

.FAQ dd a.ToTop{float:left;margin-bottom:20px;}

/* FILE UPLOAD - center zone only */
.DisplaySideUpload div.uploadFields div.file  label,
.DisplaySideUpload div.uploadFields div.title  label,
.DisplaySideUpload div.uploadFields div.description 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{width:214px;}
.AppleMAC-Safari .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{width:217px;}
.Firefox3.MacPPC .DisplaySideUpload div.uploadFields div.description textarea,
.AppleMAC-Safari.MacPPC .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 input.displayUploadSubmit{margin-left:82px;}

/* IMAGES - teaser, text editor, PhotoBlock, video block - only want to float teaser image for wider zones - like center */
.CenterZone div.image a img,
.CenterZone div.VideoLineup img,
.CenterZone div.FilmstripThumbs a,
.CenterZone div.videoPlayer{float:left;}

div.OneCol div.image a img,
div.TwoCol div.image a img,
div.tocList div.image a img{margin-bottom:5px;}

.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,
.TOCBlock h3,
.WhatsNew h3,
.LogIn h3,
.logInForm h3,
.UserAccount h3{padding-bottom:10px;}

div.OneCol div,
div.TwoCol div{margin-bottom:20px;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.tocList{height:1%;}

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;}

.CenterZone div.OneCol div.image p,
.CenterZone div.TwoCol div.image p,
.CenterZone div.tocList div.image p,
.CenterZone div.VideoLineup div.image p,
.CenterZone div.OneCol div.image h4,
.CenterZone div.TwoCol div.image h4,
.CenterZone 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,
.CenterZone div.OneCol div.image span.date,
.CenterZone div.TwoCol div.image span.date,
.CenterZone 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:90px;}

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;}

#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{margin-bottom:0;padding-bottom:0;}

div.OneCol p.averageRating a,
div.TwoCol p.averageRating a,
div.tocList 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;}

div.TwoCol{clear:both;}
div.TwoCol div{float:left;width:45%;}
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:5px 0 15px 0px;width:169px;}
.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{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;}

/* 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, useraccount (registration block) */
.AggregationFilter,
.CalendarFilter,
.accountFilter{padding-bottom:10px;overflow:hidden;}

.AggregationFilter fieldset,
.CalendarFilter fieldset,
.accountFilter fieldset{background:transparent;margin-bottom:5px;padding-right:15px;}

.AggregationFilter h3,
.CalendarFilter h3,
.accountFilter h3{margin-bottom:5px;}

.CenterZone .AggregationFilter fieldset,
.CenterZone .CalendarFilter fieldset,
.CenterZone .accountFilter fieldset{float:left;}
.IE6 .CenterZone .AggregationFilter fieldset,
.IE6 .CenterZone .CalendarFilter fieldset,
.IE6 .CenterZone .accountFilter fieldset{width:150px;}

.AggregationFilter fieldset h4,
.CalendarFilter fieldset h4,
.accountFilter fieldset h4{margin-bottom:5px;}

.AggregationFilter fieldset span,
.CalendarFilter fieldset span,
.accountFilter fieldset span{clear:both;float:left;}

#mainBody .AggregationFilter fieldset span,
#mainBody .CalendarFilter fieldset span,
#mainBody .accountFilter fieldset span{height:100%;width:100%;} /*don't let show in wkst */

.IE .AggregationFilter fieldset span,
.IE .CalendarFilter fieldset span,
.IE .accountFilter fieldset span{margin-bottom:5px;}

.AggregationFilter fieldset span input,
.CalendarFilter fieldset span input,
.accountFilter fieldset span input{height:16px;float:left;vertical-align:middle;}

.AggregationFilter fieldset span label,
.CalendarFilter fieldset span label,
.accountFilter fieldset span label{display:block;float:left;}

.Firefox .AggregationFilter fieldset span label,
.Firefox .CalendarFilter fieldset span label,
.Firefox .accountFilter fieldset span label{margin-top:4px;}

.AggregationFilter .clear,
.CalendarFilter .clear,
.accountFilter .clear{clear:both;}

.AggregationResults,
.AggregationFilter input.btnSubmit{clear:both;}

.AggregationFilter input.btnSubmit{margin-bottom:15px;display:block;}

/* 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,
.LogIn .ErrorMessage,
.logInForm .ErrorMessage,
.passwordForgot .ErrorText,
.UserAccount .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{text-align:center;}
.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{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{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,
.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{width:217px;}
.Firefox3.MacPPC .EventUpload .description textarea,
.Firefox3.MacPPC .EventUpload .notes textarea{width:221px;}
.AppleMAC-Safari.MacPPC .EventUpload .description textarea,
.AppleMAC-Safari.MacPPC .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;}

/* 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{margin-top:10px;}

.commentForm .label,
.EventUpload 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{display:none;}

.commentForm .messageOn,
.commentForm .error,
.EventUpload .messageOn,
.EventUpload .error{display:block;clear:both;}

.commentForm .buttons,
.EventUpload .buttonsConfirm,
.EventUpload .buttonsSubmit,
.FormEditor .buttons{margin-top:20px;}

.commentForm .buttons,
.commentForm .thankYouForm,
.commentForm .recaptcha,
.EventUpload .buttons,
.EventUpload .thankYouForm,
.EventUpload  p,
.FormEditor .buttons{clear:both;}

/* 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;}

/* COMMENTING POP UP  - when coming from an TOC or Filter block Read Comments or Write Comments Link */
.commentFormPop #contentContainer,
.commentsPop #contentContainer{padding-left:100px;}

/* ========================= LogIn */
.logInForm,
.loggedIn,
.passwordExpired,
.UserAccount .accountForm{margin-bottom:20px;overflow:hidden;}

.logInForm .username,
.logInForm .password,
.logInForm .email,
.LogIn .question,
.passwordExpired div,
.passwordForgot div{display:block;margin-bottom:5px;clear:both;}
.passwordForgot div div{margin-bottom:0;}

.logInForm label,
.passwordExpired label,
.passwordForgot label{display:block;}
.logInForm .remember label{display:inline;}

.logInForm .username input,
.logInForm .password input,
.logInForm .email input,
.passwordExpired .username input,
.passwordExpired .password input,
.passwordForgot input
.LogIn .question input{height:14px;padding:2px 2px 0px 2px;}

.logInForm .remember,
.logInForm .forgot,
.passwordExpired .forgot,
.logInForm .account{white-space:nowrap;}

.logInForm .forgot,
.logInForm .remember,
.logInForm .account,
.logInForm .buttons,
.passwordExpired .forgot{float:none;clear:both;margin-bottom:5px;}

.logInForm .buttons,
.logInForm .forgot,
.logInForm .account,
.passwordExpired .forgot{margin-top:0;margin-left:0;margin-left:3px;}

.LogIn .changeTOU .TOU div{margin:10px 0 10px 0;}
.LogIn .changeTOU .TOUAgree{margin-left:0;margin-bottom:10px;}

.LogIn .passwordForgot .ErrorMessage,
.passwordForgot div span.error{display:none;}

/* ========================= UserAccount */
.UserAccount span.reqYes,
.UserAccount span.req{float:left;width:7px;}

.UserAccount .update,
.UserAccount .terms{clear:both;padding:10px;margin:10px;}
.accountProfile .required{margin-bottom:15px;}
.UserAccount .required{clear:both;float:none;}

.UserAccount .accountForm div,
.UserAccount .hintQuestions div{clear:both;margin-bottom:10px;}

.UserAccount .accountForm label,
.UserAccount .hintQuestions label{float:left;margin-top:3px;}
.UserAccount .accountForm label{width:130px;}

.UserAccount .accountForm input{width:200px;}

.UserAccount .accountForm select{width:206px;}

.UserAccount .accountForm .state{height:40px;}
.UserAccount .accountForm .state select{margin-top:13px;}
.UserAccount .Firefox3 .accountForm select{padding:3px;}
.UserAccount .Firefox2 .accountForm select{padding:1px;}
.UserAccount .IE6 .accountForm select,
.UserAccount .IE7 .accountForm select{width:208px;}

.UserAccount .TOU div{padding:5px 0 0 10px;}

.IE6 .UserAccount .TOU div,
.IE7 .UserAccount .TOU div{padding:0 0 0 10px;margin:0;}

.UserAccount .TOUAgree label{float:none;}

.UserAccount .TOUAgree input{width:20px;margin-left:7px;}
.IE7 .UserAccount .TOUAgree input,
.IE7 .UserAccount .TOUAgree{padding:0;}

.UserAccount .accountForm div input{height:14px;padding:2px 2px 0px 2px;}

.UserAccount .buttons{clear:both;float:none;}

.UserAccount .hintForm div{margin-bottom:8px;}
.UserAccount .hintQuestions{clear:both;}
.UserAccount .hintQuestions label{display:block;margin-bottom:1px;}
.UserAccount .hintQuestions input{width:337px;}
.Firefox2 .UserAccount .hintQuestions input{width:341px;}
.IE .UserAccount .hintQuestions input{width:339px;}
.IE6 .UserAccount .hintQuestions input{width:342px;}

.UserAccount .ErrorMessage{display:none;}