@import "AEMCorp_styles.css";

/* ========================================================================================== RESETS */
.titanBody,div,img,h1,h2,h3,h4,h5,h6,form
{margin:0;padding:0;}

.titanBody p,.titanBody blockquote,.titanBody ol,.titanBody ul,.titanBody dl,
.mainBody p,.mainBody blockquote,.mainBody ol,.mainBody ul,.mainBody dl,
.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:6px;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 -- */
#topContentContainer,#contentArea,#contentNavContainer,#contentContainer,#toolContainer,#centerZone,#rightZone,#bottomNavContainer{overflow:hidden;}

/* ========================================================================================== Text Editor megaMenu Downs - titan */
h1{color:#772432;font-weight:bold;font-size:32px;}
h2{color:#000;font-size:20px;font-weight:bold;}
	#rightZone h2{font-size:17px;padding-bottom:6px;}
h3{color:#675c53;font-size:11px;font-weight:bold;text-transform:uppercase;padding-bottom:6px;letter-spacing:1px;}
	#topNavContainer h3{letter-spacing:0;}
h4{color:#444;font-size:13px;}
h5{color:#772432;font-size:13px;}
h6{color:#666;font-size:13px;}

.floatLeft{float:left;margin:4px 8px 4px 0;}	 
.floatRight{float:right;margin:4px 0 4px 8px;}
.floatLeft_ImgBorder{float:left;margin:4px 8px 4px 0;border:1px solid #ccc;padding:2px;}
.floatRight_ImgBorder{float:right;margin:4px 0 4px 8px;border:1px solid #ccc;padding:2px;}
.imgBorder{border:1px solid #ccc;padding:2px;}

p.footNote{font-size:10px;line-height:10px;}
.removeBorder{padding-top:0;margin-top:0;} /* n Freeform, what's new and aggregation blocks - removes bottom border*/
/* other classes names that are applied to blocks are:
.bulletList - used with Freeform ul lists of links - adds blue circular dot with blue bold text 
.bulletRedLink - used with Freeform anchor tag - adds red rectangular bullet with white arrow and red bold text 
.bulletFeatured - used with aggregation block - bullet like bulletRedLink though text is blue bold
.bulletRedArrow - used with aggregation block - red arrwo bullet - whats new block will automatically display the red bullet when there is no image
.columns - used with two freeforms to create two columns of text  .Freeform.columns .col + .col
*/

/* ========================================================================================== PAGE LAYOUT */
#mainBody,
#toolContainerWrapper,
#bottomWrapper{margin:0 auto;width:987px;}

	#pageTopArea{height:180px;}
		
		#logoControlContainer{float:left;height:62px;padding:37px 0 23px 25px;width:224px;}
			#logoControlContainer a{}
					#logoControlContainer a img{}
					
		#utilityNavContainer{float:right;height:51px;margin-bottom:20px;padding:0 0 0 28px;}
			#utilityNavContainer ul{margin:0;padding:12px 28px 21px 0;}
				#utilityNavContainer ul li{display:inline;}
				#utilityNavContainer ul li span{padding:0 2px 0 7px; color:#999;}
					#utilityNavContainer ul li a{}			
					#utilityNavContainer ul li.navLast a{padding-left:10px;}
					
		#searchBarContainer{clear:right;float:right;padding-right:23px;width:300px;}
			#searchBarContainer input#zoom_query{float:left;height:15px;margin:0 9px 0 0;padding-top:2px;width:200px;}
			/*#searchBarContainer input#searchTerms{float:left;height:15px;margin:1px 9px 0 0;padding-top:2px;width:200px;}*/
			#searchBarContainer input#searchGo{border:0;cursor:pointer;float:left;height:21px;padding-bottom:2px;vertical-align:middle;width:68px;}

		#topNavContainer{clear:both;}
			#topNavContainer ul{margin:0; padding:0;}
				#topNavContainer ul li{float:left; margin-left:-1px; padding:2px 0 0 0; position:relative; z-index:999;}
					#topNavContainer ul li a{float:left; height:48px; padding:8px 11px 0 12px; cursor:default;}
					
					#topNavContainer ul li div.megaMenu{display:none; padding:0; position:absolute; top:58px;}
					#topNavContainer ul li:focus div.megaMenu, #topNavContainer ul li:hover div.megaMenu, #topNavContainer ul li:active div.megaMenu{display:block;}
					
					#topNavContainer ul li div.megaMenu div.col{float:left; width:210px; margin:0; padding:0 0 0 10px;}
						#topNavContainer ul li div.megaMenu div.col h3{margin:10px 0 5px 0; padding:0;}
							#topNavContainer ul li div.megaMenu div.col h3 a{float:none; margin:0; padding:0; height:16px; font-size:1em; color:#772432; cursor:pointer;}
								#topNavContainer ul li div.megaMenu div.col h3 span {font-size:9px; font-weight:normal; color:#666;}
						
						#topNavContainer ul li div.megaMenu div.col ul{float:none; clear:both; list-style:disc; margin:0 5px 10px 15px; padding:0;}
							#topNavContainer ul li div.megaMenu div.col li{float:none; clear:both; margin:0; padding:0;}
							#topNavContainer ul li div.megaMenu div.col li a{float:none; margin:0; padding:0; font-size:11px; line-height:1.5em; cursor:pointer;}

	#contentArea{clear:both;margin-top:1px;padding:0 7px 0 0;}
	
		#topContentContainer{height:150px;}
			#topRightZone{float:left;padding:22px 28px 28px 30px;width:538px;}
			#topLeftZone{float:right;width:378px;}
			
		#contentContainer{padding:20px 17px 60px 17px;}

			#centerZone{float:left;padding:0 21px 0 0;width:551px;}
					
			#rightZone{float:right;width:343px;}
			
			#oneColZone{float:left;padding:0;width:915px;}
		
			#bottomZone{background:url('/CSS/images/AEMCorpImages/bgBottomZone.gif') repeat-y 48% top;}
			
#toolContainer{height:24px;}
	#toolContainerWrapper{}
		#breadCrumbContainer{float:left;padding-left:12px;width:600px; font-size:11px;}
			#breadCrumbContainer ul{margin:0;padding:0;}
				#breadCrumbContainer ul li{float:left;height:25px;padding:5px 20px 5px 6px;}
					#breadCrumbContainer ul li a{}
		
		#social{float:left;padding:5px 0 5px 8px; font-size:11px;}
			#social ul{margin:0;padding:0;}
				#social ul li{display:inline;padding:0 7px 0 0;}
					#social ul li span img{padding:0 2px 0 0;}
			
		#pageTools{float:right; padding:5px 45px 0 0; font-size:11px;}
			#pageTools img {margin:0 2px; border:0;}
			#pageTools a {display:block; float:left; margin-left:6px; color:#666; text-decoration:none;}
				#pageTools a:hover {color:#000000; cursor:pointer;}
			/*
			#pageTools ul{margin:0;padding:0;}
				#pageTools ul li{float:left;padding:1px 0;}
				#pageTools ul li.email{padding-left:10px;}
					#pageTools ul li a{padding:1px 0 1px 17px;}
			*/
						
/* footer */
#bottomContainer{clear:both; padding-bottom:40px;}
#bottomWrapper{overflow:hidden;}
		
	#contentFooter{float:left;padding:18px 0 0 20px;}	
	
	#bottomUtilityContainer{float:right;padding:20px 43px 0 0;}
	/* used on content divs like Freeform, what's new & Aggregation to remove bottom border*/
	#bottomUtilityContainer ul{padding:0;margin:0;}
			#bottomUtilityContainer li{display:inline;}
				#bottomUtilityContainer li a{}
				#bottomUtilityContainer li span{margin:0 6px;}

	#bottomNavContainer{float:left;clear:both;width:987px;margin-top:40px;}
	#bottomNavContainer h4{padding-bottom:3px;}
		
		#bottomNavContainer #sectorLinks{float:left;padding:0 0 0 20px;width:290px;}
			#bottomNavContainer #sectorLinks ul{float:left;padding:0;margin:0;}
		
		#bottomNavContainer #siteLinks{float:left;}
			#bottomNavContainer #siteLinks ul{float:left;padding:0;margin:0 30px 0 0;width:190px;}
		
		#bottomNavContainer #locations{float:right;width:200px;height:165px;}
			#bottomNavContainer #locations select{margin:6px 0 4px 0;width:163px;}
		#bottomNavContainer p, #bottomNavContainer a{margin-bottom:0; font-size:12px;}
			#bottomNavContainer p#LocationAddress{height:125px;}

/* ==========================================================================================BLOCKS */				
.Freeform,.Aggregation,.WhatsNew{padding-bottom:10px;margin-bottom:15px;overflow:hidden;}

/* Two col Freeform */
.columns{margin-bottom:15px;margin-top:-15px;}

/* to create two columns out of freeforms -use with .columns or .loggedin  */
.contentLeft{float:left;width:45%;clear:left;margin-top:17px;}
.contentRight{float:right;width:45%;clear:right;margin-top:17px;} 
.LoggedIn .contentLeft,
.LoggedIn .contentRight{margin-top:0px;margin-bottom:17px;}
.LoggedIn{overflow:hidden;}

/* Calendar */	
.Calendar .OneCol{clear:both;}
.Calendar .OneCol div{padding-bottom:15px;padding-left:15px;}
.Calendar .OneCol .startDate{padding-right:8px;}
.Calendar .OneCol .location{padding-left:4px;}
.Calendar .OneCol span{white-space:nowrap;}

/* TradeShows */
.tradeShows{padding-bottom:0;}
.tradeShows .OneCol div{clear:both;margin-bottom:10px;overflow:hidden;padding-bottom:10px;}
.tradeShows .OneCol a.teaserImage{float:left;}
.tradeShows .OneCol span.date{padding-right:8px;}
.tradeShows .OneCol span.location{padding-left:4px;}
.tradeShows .OneCol .linkText{padding-left:10px;}
.tradeShows .OneCol .image h4, .tradeShows .OneCol .image h6, .tradeShows .OneCol .image p {margin-left:95px;margin-bottom:0;}
.tradeShows .OneCol .image .date{margin-left:15px;}
	
/* Freeform with the CINN News Feed and RSS Subscribe */	
.links .newsFeed{float:left;}
.links .RSS{float:right;}
.links .help{margin-left:3px;}
.links img,
.links span{float:left;}
.links img{margin-right:3px;}
.links .RSS img{margin-top:1px;}
.links .show,
.links .stories{float:left;margin-top:5px;}

#rightZone .links{padding-bottom:8px;}
/*#rightZone .links h3{padding-top:1px;}*/

#centerZone .links{float:left;margin-bottom:20px;overflow:hidden;width:100%;}
#centerZone .links .newsFeed{margin-right:30px;}
#centerZone .links .newsFeed,
#centerZone .links .RSS{margin-top:4px;}

/* pagination - calendar & centerzone Whats new (really in the links above it)  */
ul.pagination{float:left;list-style:none;padding:0 0 0 10px;}
	.Calendar ul.pagination{width:100%; margin-bottom:18px;}
	.links ul.pagination{margin:0 7px 0 0;}
ul.pagination li{float:left;;text-align:center;}
/*.links ul.pagination li{width:35px;padding-left:12px; padding-right:12px;}*/
	.links ul.pagination li a, .Calendar ul.pagination li a {display:block; padding:5px 18px;}
	/* hidden areas that show on tab click */
	ul.pagination li div.Content {display:none;}

/* what's new */
.WhatsNew{margin-bottom:0;padding-bottom:5px;}
.WhatsNew .OneCol div{clear:both;overflow:hidden;margin-bottom:10px;}
.WhatsNew span.date{margin-left:10px;}
.WhatsNew .image .teaserImage/*,
.WhatsNew .image .teaserInfo*/{float:left;}
/*.WhatsNew .image .teaserInfo{clear:none;padding-left:10px;}*/
.WhatsNew .image .teaserImage img{margin-top:4px;}
/*#rightZone .WhatsNew .image .teaserInfo{width:272px;}*/
.WhatsNew .image span.date{margin-left:0;}
.WhatsNew .image .teaserImage{width:60px;overflow:hidden;}
#rightZone .WhatsNew .image h4,
#rightZone .WhatsNew .image p,
#rightZone .WhatsNew .image span{margin-left:68px;}

/* form */
.Form table{border-collapse:collapse;}
.Form table td{vertical-align:top;width:50%;padding:25px;}
.Form table label{display:block;font-weight:bold;}
.Form input{margin-bottom:10px;display:block;}
.Form .button,
.Form .button input{float:left;height:21px;}
.Form .button input{background-position:right top;cursor:pointer;padding-bottom:2px;}
.Form .button{padding-left:1px;clear:both;}
.Form  .forgot{float:left;margin:3px 0 0 10px;}
.Form .input{width:200px;}

/*SeeMore */
.SeeMore{padding:15px 20px;}
.titanBody .SeeMore p{margin:0;padding:0;}

/* downloads - to be used in a contentLeft or content Right */
.downloads{overflow:hidden;}
.downloads div{padding:15px 10px;overflow:hidden;}
.downloads img{float:left;}
.downloads  p{font-size:13px;}
.downloads  .content{margin:0;padding:0 0 0 10px;}
.downloads div  span,
.downloads div  span input{height:21px;}
.downloads div  span{float:left;padding-left:2px;}
.downloads div  span input{cursor:pointer;background-position:right top;padding-bottom:2px;}

/* ==========================================================================================BULLET LISTS */

/* LEAVE DEFAULT MARGIN / PADDING
ul{margin-left:15px; padding-left:15px;}
*/

/* with blue dot */
ul.bulletList{margin-left:2px; padding-left:2px}
ul.bulletList li{margin-left:0;padding-left:8px;}
ul.bulletList li a{font-weight:normal;}

/* with red rectangle and white arrow */
.bulletFeatured h4,
.bulletRedLink{padding-left:16px; font-weight:bold;}
.bulletFeatured .OneCol div,
.bulletFeatured li{margin:3px 0 5px 0;}

/* with red arrow */
.bulletRedArrow .OneCol div{margin-bottom:7px;}
.WhatsNew h4,
.bulletRedArrow h4{padding-left:10px;}
.WhatsNew .image h4{background:0;padding-left:0;}

.uppercase{text-transform:uppercase;}



/**********************/
/* ADDITIONAL CREATED */
/**********************/

div.clearBoth {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
div.clear {clear: both;}


h4 a[target=_blank], p.linkText a.newWin {
	padding-right: 15px;
	background: url(/CSS/images/AEMCorpImages/icon-NewWindow.gif) right 2px no-repeat;
}

.small {font-size: .8em;}
	p.small {line-height: 1.2em;}

.grey {color: #666;}

p.tagline {font-size: 1em;}

.top20 {margin-top: 20px;}

div.rowAlt {background-color: #ddd;}

.Calendar {border-bottom: 1px #ccc solid;}


/* Link with Red Arrow */
.linkText {
	padding-left: 10px;
	background: url(/CSS/images/AEMCorpImages/bltRedArrow.png) left 4px no-repeat;
	/* CHANGE TO RED TEXT
	.linkText a {
		color: #661223;
	}
	*/
}
	p.linkText {line-height:1.3em;}
	/*p.linkText a {font-weight:bold;}*/
	p.linkText span.small a {font-weight:normal;}


/* BULLETS UNDER RIGHT SIDE RED ARROW LIST */
div.OneCol div div ul {
	margin: 5px 0 5px 12px;
	padding: 0 0 0 12px;
}


/******************/
/* STAFF ADMIN CLASSES */
/******************/
div.staffDelete {
	display: block;
	margin: 0;
	padding: 0 0 0 2px;
	width: 100%;
	cursor: default;
	font-size: 11px;
}
	div.staffDelete:hover {
		background-color: #FFFF99;
	}

div.staffDelete div.floatLeft {
	display: block;
	float: left;
	margin: 0;
	padding: 2px 0 2px 0;
	width: 515px;
}
div.staffDelete div.floatRight {
	display: block;
	float: right;
	margin: 0;
	padding: 0 2px 0 0;
}
/* Already in Database Items */
div.inDB {
	margin: 0 auto;
	width: 100%;
	font-size: .8em;
	text-align: left;
}

/* Tracking */
.TrackingResults {
	font-size: 10px;
}
	.TrackingResults tr:hover {
		background-color: #ddd;
	}


/* Dot Menu Styles */
ul.DotMenu {
	width: 325px;
	list-style: none;
	margin-left: 0; padding-left: 0;
	margin-bottom: 12px;
}
ul.DotMenu li {
	position: relative;
	clear: both;
	height: 12px;
	margin: 0;
	margin-bottom: 5px;
	border-bottom: dotted 1px #999;
}
	ul.DotMenu li.indent {
		height: 10px;
		margin-left: 10px;
		margin-bottom: 4px;
		font-size: .8em;
	}
ul.DotMenu strong {
	background: #fff;
	padding: 0 5px 0 0;
	font-weight: bold;
	position: absolute;
	bottom: -.3em;
	left: 0;
}
	ul.DotMenu li.indent strong {
		font-weight: normal;
	}
ul.DotMenu span {
	background: #fff;
	padding: 0 0 0 5px;
	position: absolute;
	bottom: -.3em;
	right: 0;
}