/**
 * Type CSS, includes ClearInsights specific styles.
 * @browsers: All
 **/
 
	/* Element styles */
	
		body {
			background: #D4DCE2 url(/_media/clearinsights/images/backgrounds/body.gif) repeat-x top left; 
		}
		
	/* General styles */
	
		.rule {
			margin-bottom: 10px;
			padding-bottom: 4px;
			border-bottom: solid 1px #D6D7D9;
		}
		
				.rule.group {
					margin-top: 44px;
				}
		
			.rule.dotted {
				width: 100%;
				height: 1px;
				padding: 0;
				background: transparent url(/_media/clearinsights/images/backgrounds/ruleDotted.gif) repeat-x;
				border: 0;
				overflow: hidden;
			}
		
				.rule.dotted.form {
					padding-top: 4px;
					background-position: left 4px;
				}
				
				#content .newsletterTitle .rule.dotted {
					margin-bottom: 2px;
					background-position: left top;
				}
				
				#content .newsletterBody .rule.dotted {
					margin-bottom: 8px;
					padding-top: 8px;
					background-position: left 8px;
				}
				
		.requiredLegend {
			line-height: 2.15em;
		}
		
		.required {
			margin-right: 2px;
		}
	
		.validationError {
			margin-top: 4px;
			padding: 0 0 3px 22px;
			background: transparent url(../../_media/common/images/icons/error.gif) no-repeat left top;
			font-size: 9pt;
			font-weight: bold;
			line-height: 1.35em;
			color: #FA710D !important;
		}
		
		.lightGrayBackground {
			background-color: #E9EDF0;
		}
		
	/* Layout styles */
	
		#wrapper {
			width: 931px;
			margin: 30px auto 40px auto;
		}
		
			#header #menubar,
			#content {
				width: 753px;
				margin: 0 auto;
			}
		
		/* Header */
		
			#header {
				width: 931px;
				height: 123px;
				margin-bottom: 18px;
			}
			
				#header #siteLogo {
					height: 55px;
				}
			
				#header #auxmenu {
					padding-top: 24px;
				}
			
					#header #auxmenu .menuItem {
						padding-left: 24px;
					}
			
				#header #menubar {
					margin-top: 36px;
				}
			
					#header #menubar .menuButton {
						display: block;
						width: 182px;
						height: 32px;
						margin-right: 8px;
					}
			
						#header #menubar .menuButton.current {
							cursor: default;
						}
					
						#header #menubar .menuButton.webinars {
							background: transparent url(/_media/clearinsights/images/menu/menuButtonWebinars.gif) no-repeat top left;
						}
					
							#header #menubar .menuButton.webinars.current,
							#header #menubar .menuButton.webinars:hover {
								background-image: url(/_media/clearinsights/images/menu/menuButtonWebinarsOn.gif);
							}
					
						#header #menubar .menuButton.whitePapers {
							background: transparent url(/_media/clearinsights/images/menu/menuButtonWhitePapers.gif) no-repeat top left;
						}
					
							#header #menubar .menuButton.whitePapers.current,
							#header #menubar .menuButton.whitePapers:hover {
								background-image: url(/_media/clearinsights/images/menu/menuButtonWhitePapersOn.gif);
							}
					
						#header #menubar .menuButton.webArticles {
							background: transparent url(/_media/clearinsights/images/menu/menuButtonWebArticles.gif) no-repeat top left;
						}
					
							#header #menubar .menuButton.webArticles.current,
							#header #menubar .menuButton.webArticles:hover {
								background-image: url(/_media/clearinsights/images/menu/menuButtonWebArticlesOn.gif);
							}
					
						#header #menubar .menuButton.newsletters {
							background: transparent url(/_media/clearinsights/images/menu/menuButtonNewsletters.gif) no-repeat top left;
						}
					
							#header #menubar .menuButton.newsletters.current,
							#header #menubar .menuButton.newsletters:hover {
								background-image: url(/_media/clearinsights/images/menu/menuButtonNewslettersOn.gif);
							}
			
						#header #menubar .menuButton.last {
							margin-right: 0;
						}
		
		/* Content */
						
			#content {
				margin-bottom: 20px;
			}
			
				#content .billboard {
					height: 193px;
				}
		
				#content .previewSection {
					margin-top: 32px;
				}
		
				#content .contentSection {
					margin-bottom: 32px;
				}
		
					#content .contentSection.last {
						margin-bottom: 0;
					}
		
					#content .contentBody .mainColumn .contentSection.half {
						width: 248px;
					}
						
					#content .newsletterBody .sideColumn .contentSection {
						padding: 4px 12px;
					}
					
				#content .listSection {
					margin: 6px 0 12px 0;
					line-height: 1.35em;
				}
					
					#content .newsletterBody .listSection {
						margin: 0;
					}
					
						#content .newsletterBody .sideColumn .listSection {
							margin: 6px 0;
						}
					
					#content .listSection .quote {
						position: relative; 
						padding-left: 1.5em;
					}
					
						#content .listSection .quote .leftMark,
						#content .listSection .quote .rightMark {
							display: inline-block;
						}
					
						#content .listSection .quote .leftMark { 
							position: absolute; 
							top: 5px;
							left: 3px;
						}
					
							#content .sideColumn .listSection .quote .leftMark { 
								top: 3px;
								left: 2px;
							}
			
				#content .mediaBody {
					padding: 0;
					background: #30383F url(/_media/clearinsights/images/backgrounds/contentCapTopDarkGray.gif) no-repeat top left;
				}
			
					#content .mediaBody .title {
						padding: 8px 25px;
					}
				
				#content .newsletterTitle {
					padding: 14px 26px;
					background: #677684 url(/_media/clearinsights/images/backgrounds/contentCapTopMediumGray.gif) no-repeat top left;
					font-size: 8pt;
					color: #D4DCE2;
				}
				
					#content .newsletterTitle .title {
						padding: 4px 0;
					}
				
					#content .newsletterTitle .dateTitle {
						padding: 8px 12px;
						font-size: 11pt;
					}
				
					#content .newsletterTitle .socialNetworkIcon {
						position: relative;
						top: 2px;
						padding: 0 2px;
					}
				
					#content .newsletterTitle a {
						font-size: 9pt;
						color: #FFFFFF;
						text-decoration: underline;
					}
					
				#content .newsletterBody {
					padding: 25px 25px 40px;
					background-color: #FFFFFF;
				}
					
					/* Main column */
						
						#content .newsletterBody .mainColumn {
							width: 492px;
							padding-right: 28px;
						}
					
							#content .newsletterBody .mainColumn .itemOverview {
								width: 386px;
							}
						
					/* Side column */
						
						#content .newsletterBody .sideColumn {
							width: 182px;
						}
						
							#content .newsletterBody .sideColumn a {
								font-size: 1em;
							}
						
							#content .newsletterBody .sideColumn p {
								font-size: .90em;
							}
					
				#content .contentBody {
					padding: 25px 25px 40px;
					background: #FFFFFF url(/_media/clearinsights/images/backgrounds/contentCapTopWhite.gif) no-repeat top left;
				}
						
					#content .contentBody.sibling {
						margin-top: 16px;
					}
						
					#content .contentBody.noTopCap {
						background-image: none;
					}
					
					/* Main column */
						
						#content .contentBody .mainColumn {
							width: 518px;
							padding-right: 28px;
							border-right: solid 1px #D6D7D9;
						}
					
							#content .contentBody .mainColumn .itemOverview {
								width: 412px;
							}
					
							#content .mainColumn .itemThumbnail {
								width: 90px;
								margin-right: 16px;
								text-align: right;
							}
						
					/* Side column */
						
						#content .contentBody .sideColumn {
							width: 136px;
							margin-left: -1px;
							padding-left: 20px;
							border-left: solid 1px #D6D7D9;
						}
					
				#content .contentBottomCap {
					height: 5px;
					background: #FFFFFF url(/_media/clearinsights/images/backgrounds/contentCapBottomWhite.gif) no-repeat top left;
				}
				
		/* Form Elements */
			
			div.formRow {
				width:518px;
				margin-bottom: 12px;
			}
				
				div.formRow label.entryTitle {
					display: block;
					margin-bottom: 2px;
					font-weight: bold;
				}
			
				div.formRow .formColumn.whole {
					width: 100%;
				}
			
				div.formRow .formColumn.half {
					width: 178px !important; /* had to add '!important' marker for IE6 */
					margin-right: 25px;
				}
			
				div.formRow .formColumn.half input.textbox {
					width: 158px;
				}
				
			div.buttonRow {
				padding: 10px 0 0;
			}
			
				div.buttonRow button {
					margin-left: 10px;
					cursor: pointer;
					outline: 1;
				}
				
			div.errorRow {
				padding: 8px 0 0;
			}
				
			span.controlList {
				display: block;
			}
			
				span.controlList input {
					position: relative;
					top: 2px;
				}
				
				span.controlList label {
					margin: 0px 20px 0 5px;
				}
			
		/* Footer */
		
			#footer {
				width: 703px;
				margin: 0 auto;
				padding: 0 25px;
				color: #808B96;
				line-height: 1.7em;
			}

			#footer a {
				font-weight: bold;
				color: #808B96;
				text-decoration: none;
				white-space: nowrap;
				line-height: 1.7em;
			}

				#footer a.rss {
					 background: transparent url('/_media/common/images/icons/rss.gif') no-repeat left center; 
					 padding-left: 21px;
				}

			#footer .legal {
				width: 220px;
			}

			#footer .column {
				margin: 0 0 38px 43px;
			}