/* 
 * styles.css
 *
 * The styles.css file contains CSS styles that are used for all browsers.
 */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

.anNote { background: yellow; border: 1px solid red; color: #000; padding: 8px; }

#Wrapper, #ContentFooter, #Footer { width: 960px; } /* Width of "page" */
#MainChannel { width: 704px; } /* Width of left channel and center channel combined */
	body.noSidebar #MainChannel, body.form #MainChannel, body.landing #MainChannel {
		width: 960px;
	}
#ContentChannel { width: 704px; }
	body.noSidebar #ContentChannel, body.form #ContentChannel, body.landing #ContentChannel {
		width: 960px;
	}
	body.sfLogin #ContentChannel { width: 940px; }
#Sidebar { width: 236px; } /* Single sidebar on right */
/*#SidebarPrimary { width: 13.3em; }*/ /* Width of left channel */ 
/*#SidebarSecondary { width: 13.3em; }*/ /* Width of right channel */
/* = End Widths = */

body { background: #fff url(../images/common/body-bg.png) repeat-x 0 0; color: #888; }
	body.home { background-image: url(../images/common/home-body-bg.png); }
#Wrapper, #ContentFooter, #Footer {
  margin: 0 auto; /* Make content centered */
}

#ContentFooterWrapper { background: #2A2A2A; }
#FooterWrapper { background: #fff; }

/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { left: -32000em; position: absolute; }

#Header { height: 162px; position: relative; z-index: 10; }

#Toolbar { float: right; padding-top: 60px; }
	#Toolbar ul.links { float: right; }
		#Toolbar ul.links li.last { background: 0; }
		#Toolbar li {
			background: url(../images/common/toolbar-divider-bg.png) no-repeat 100% 50%;
			float: left;
			margin-top: 13px;
			padding: 0 12px 0 12px;
		}
	#Toolbar a {
		color: #D7E2E9;
		display: block;
		font-size: 93%;
		line-height: 18px;
		text-decoration: none;
	}
		#Toolbar a:hover { color: #fff; }
		#Toolbar li.search { background: 0; margin-top: 4px; }
			#Toolbar li.search form {
				background: url(../images/common/search-bg.png) no-repeat 0 50%;
			}
				#Toolbar li.search input {
					background: 0;
					border: 0;
					color: #fff;
					float: left;
					font-size: 93%;
					line-height: 28px;
					padding-left: 10px;
					height: 28px;
					width: 120px;
				}
				#Toolbar li.search input.searchbutton {
					background: url(../images/common/search-button-bg.png) no-repeat 0 0;
					border: 0;
					cursor: pointer;
					float: right;
					height: 28px;
					text-indent: -32000em;
					width: 33px;
				}

#SiteId {	float: left; padding-top: 32px; }


/* Top Navigation */
#NavigationPrimary {
	position: relative;
	clear: both;
	padding-top: 25px;
	z-index: 2;
}
	#NavigationPrimary ul {
		z-index: 2;
	}
	  #NavigationPrimary li { /* Topnav item */
	    float: left; /* Keep nav in a line */
			padding: 0 4px;
			position: relative; /* To position dropdowns based on topnav items */
	    z-index: 3; /* Need a known z-index so we can lap dropdowns over topnav items and flyouts over the dropdowns */
	  }
	    #NavigationPrimary li.over { 
	      z-index: 5; /* Make dropdowns appear over topnav items and flyouts over lower li's that are siblings to dropdown items */
	    }
	    #NavigationPrimary a { /* Topnav link */
				color: #fff;
	      display: block;
				padding-left: 20px;
				text-transform: uppercase;
				font-size: 107%;
				text-decoration: none;
	    }
				#NavigationPrimary li span { display: block; line-height: 26px; padding-right: 20px; }
				#NavigationPrimary li.active a, #NavigationPrimary li a:hover {
					background: url(../images/common/primary-nav-active-bg.png) no-repeat 0 50%;
					color: #6B99AE;
				}
					#NavigationPrimary li.active span, #NavigationPrimary li a:hover span {
						background: url(../images/common/primary-nav-active-bg.png) no-repeat 100% 50%;
					}

			#NavigationPrimary ul .dropdown {
				display: none;
	      left: 0px;
	      position: absolute;
	      top: 100%;
			}
				#NavigationPrimary ul #PrimaryNavigationProducts .dropdown {
					left: -200px;
				}
				
				#NavigationPrimary li.over .dropdown { display: block; }
				#NavigationPrimary .columns-1 { width: 200px; }
				#NavigationPrimary .columns-2 { width: 410px; }
				#NavigationPrimary .columns-3 { width: 620px; }
				#NavigationPrimary .columns-4 { width: 830px; }
				#NavigationPrimary .dropdown .header {
					background: url(../images/common/dropdown-right-bg.png) no-repeat 100% 0;
					padding-right: 10px;
				}
					#NavigationPrimary .dropdown .header .content {
						background: url(../images/common/dropdown-bg.png) no-repeat 0 0;
						padding-left: 10px;
						height: 29px;
					}
						#NavigationPrimary #PrimaryNavigationProducts .dropdown .header .content {
							background: url(../images/common/dropdown-products-bg.png) no-repeat 0 0;
						}
				#NavigationPrimary .dropdown .channel {
					background: url(../images/common/dropdown-right-bg.png) no-repeat 100% 100%;
					padding-right: 10px;					
				}
					#NavigationPrimary .dropdown .channel .content {
						background: url(../images/common/dropdown-bg.png) no-repeat 0 100%;
						padding: 0 0 10px 10px;
					}
						#NavigationPrimary #PrimaryNavigationProducts .dropdown .channel .content {
							background: url(../images/common/dropdown-products-bg.png) no-repeat 0 100%;
						}

	    #NavigationPrimary ul ul { } /* Dropdown menu */
	      #NavigationPrimary li li { /* Dropdown item */
						display: inline;
						margin-right: 30px;
						padding: 0;
						width: 180px;
	      }
	      	#NavigationPrimary li li li { margin: 0; }
	      	#NavigationPrimary li li.last, #NavigationPrimary div.columns-1 li { margin-right: 0; }
					#NavigationPrimary ul #PrimaryNavigationProducts li.third {}
					#NavigationPrimary ul #PrimaryNavigationProducts li.last {float: right; margin-right: 0;}
		      #NavigationPrimary li li a, #NavigationPrimary li li em {
						color: #cecece;
						display: block;
						font-size: 107%;
						font-weight: bold;
						padding: 0 0 16px 0;
						text-transform: none;
					} /* Dropdown link */
						#NavigationPrimary li.active li a, #NavigationPrimary li li a:hover {
							background: 0;
							color: #cecece;
						}
							#NavigationPrimary li.active li span, #NavigationPrimary li li a:hover span { background: 0; }
							#NavigationPrimary li li a:hover { color: #fff; }
	        	#NavigationPrimary li li span { display: inline; line-height: 1.2em; padding: 0; }
						#NavigationPrimary li li li a {
							background: url(../images/common/dropdown-arrow-icon.png) no-repeat 0 4px !important;
							color: #787878 !important;
							font-size: 100%;
							font-weight: normal;
							line-height: 1.2em;
							padding: 0 0 12px 12px;
						}
 							#NavigationPrimary li li li a:hover { color: #fff !important; }
#MainBody { 
	padding-bottom: 30px;
  position: relative; /* to facilitate */
  z-index: 2;         /* topnav dropdowns */
}

/* Wrap left and center channel so that we can put center channel first */
/* in markup for optimal content ordering */
#MainChannel { float: left; }

/* Left channel */
#SidebarPrimary { float: left; }

/* Center channel */
#Content { float: right; }

/* Right Channel */
#SidebarSecondary { float: right; }

/* If there's only a right channel */
#Sidebar { float: right; }

#Footer {
	color: #7d7d7d;
	padding: 9px 26px 0;
	font-size: 93%;
}
	#Footer a { color: #7d7d7d; text-decoration: none; }
		#Footer a:hover { text-decoration: underline; }
  #Footer p.copy { display: inline; }
  #Footer ul.siteLinks { float: right; }
    #Footer ul.siteLinks li { display: inline; padding: 0; }
	#Footer .vcard { display: inline; }
		#Footer .vcard span.tel { display: none; }
		#Footer .vcard p.note { display: none; }

/* Utility Classes */
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Setup some defaults, site-wide */
h1 { color: #7A7A7A; font-size: 146.5%; font-weight: bold; padding-bottom: 4px; }
h2 { color: #6595AA; font-size: 123.1%; padding-bottom: 8px; }
h3 { color: #6695AA; font-size: 123.1%; font-weight: bold; margin-top: 20px; padding-bottom: 10px;}
h4 { color: #888; font-weight: bold; }
	h4 a { color: #666; }
body.home h3 { color: #7A7A7A; border-bottom: 1px solid #E4E4E4; }
p { line-height: 1.4em; margin-bottom: 12px; }
	p.intro { font-size: 108%; }
hr { height: 1px; border: 0; background: #E4E4E4; margin-bottom: 14px; }

#Mast { height: 71px; }
	body.home #Mast { height: auto; }
	#Breadcrumbs { float: left; margin-top: 13px; }
	  #Breadcrumbs li {	float: left; font-size: 85%; padding: 0 0 0 8px; }
			#Breadcrumbs li.first { padding-left: 0; }
			#Breadcrumbs li.last { background: 0; padding-right: 0; }
			#Breadcrumbs a { color: #6595AA; padding-right: 6px; text-decoration: none; }
				#Breadcrumbs a:hover { text-decoration: underline; }
	#PageTools { float: right; margin-top: 6px; }
		#PageTools #Print {
			background: url(../images/icons/print.png) no-repeat 0 0;
			float: left;
			height: 23px;
			text-indent: -32000em;
			width: 61px;
		}
		#PageTools .addthis_toolbox { float: left; margin-left: 30px; }
			#PageTools .addthis_toolbox a {
				background: url(../images/icons/share.png) no-repeat 0 0;
				display: block;
				height: 23px;
				text-indent: -32000em;
				width: 57px;
			}
			/* make it small, but keep it visible because it's a hook for the solution */
			#PageTools .addthis_toolbox span { height: 1px; width: 1px; }

	#SlideDeckFrame, #SlideDeckFrameIESix {
		background: url(../images/home/slide-deck-frame-shadow-bg.png) no-repeat 50% 100%;
		height: 302px;
		margin: 13px 0 17px;
		padding-bottom: 18px;
		width: 960px;
	}

/* The standard li treatment for lists in the content */
/* We don't style the li site-wide because we also use it in a utility capacity */
#Content li {
	background: url(../images/icons/bullet.png) no-repeat 2px 5px;
	line-height: 1.4em;
	padding-bottom: 6px;
	padding-left: 14px;
}
	#Content h2 { border-bottom: 1px solid #E4E4E4; margin-bottom: 10px; }

.promo { margin-bottom: 14px; position: relative; }
	.promo h3 { left: -32000em; position: absolute; }
	.cxRevealTour {
		background: url(../images/promos/cxReveal-quick-tour-bg.png) no-repeat 0 0;
		height: 149px;
		width: 704px;
	}
	.cxImpactTour {
		background: url(../images/promos/quicktour-impact-bg.png) no-repeat 0 0;
		height: 149px;
		width: 704px;
	}
	.cxResultsTour {
		background: url(../images/promos/quicktour-results-bg.png) no-repeat 0 0;
		height: 149px;
		width: 704px;
	}
	.cxViewTour {
		background: url(../images/promos/quicktour-view-bg.png) no-repeat 0 0;
		height: 149px;
		width: 704px;
	}
	.cxVerifyTour {
		background: url(../images/promos/quicktour-verify-bg.png) no-repeat 0 0;
		height: 149px;
		width: 704px;
	}
	.cxConnectTour {
		background: url(../images/promos/quicktour-connect-bg.png) no-repeat 0 0;
		height: 149px;
		width: 704px;
	}
	.cxMobileTour {
		background: url(../images/promos/quicktour-mobile-bg.png) no-repeat 0 0;
		height: 149px;
		width: 704px;
	}
	.promo p { color: #fff; padding: 70px 20px 0 303px; }
	.promo p.more {
		bottom: 8px;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 10px;
	}
		.promo a.more {
			background: url(../images/icons/dbl-arrow-right-on-blue.png) no-repeat 100% 50%;
			color: #fff;
			display: block;
			font-size: 108%;
			font-weight: bold;
			padding-right: 16px;
			text-decoration: none;
		}

.quoteBox {
	background: url(../images/common/quote-bg.png) no-repeat 0 0;
	height: 138px;
	margin-bottom: 14px;
}
	.quoteContainer { height: 138px; }
	.quoteBox .logo { text-align: center; width: 168px; }
	.quoteBox a.caseStudy {
		color: #6695AA;
		display: block;
		font-size: 77%;
		margin-top: 15px;
	}
	.quoteBox .quote { width: 536px; }
	.quoteBox q {
		color: #6695AA;
		display: block;
		font-weight: bold;
		line-height: 1.4em;
		padding: 0 38px;
	}
	
	.quoteBox cite {
		color: #C4AA20;
		display: block;
		margin-top: 6px;
		padding-right: 30px;
		text-align: right;
	}
	
.solutionBox { margin-bottom: 20px; }
	.solutionBox .header {
		background: url(../images/common/solution-box-bg.png) no-repeat 0 0;
		padding-left: 30px;
	}
		.solutionBox .header .content {
				background: url(../images/common/solution-box-bg.png) no-repeat 100% 0;
				padding-right: 30px;
		}
	.solutionBox h3 { color: #fff; line-height: 46px; }
	.solutionBox div.channel {
		background: url(../images/common/solution-box-bg.png) no-repeat 0 -46px;
		padding-left: 30px;
	}
		.solutionBox div.channel div.content {
				background: url(../images/common/solution-box-bg.png) no-repeat 100% -46px;
				padding-right: 30px;
		}
	.solutionBox .footer {
		background: url(../images/common/solution-box-bg.png) no-repeat 0 100%;
		padding-left: 24px;
	}
		.solutionBox .footer .content {
				background: url(../images/common/solution-box-bg.png) no-repeat 100% 100%;
				padding: 6px 24px 16px 0;
		}
	.solutionBox ul.options { }
		.solutionBox ul.options li {
			background: 0 !important;
			color: #fff;
			float: left;
			padding: 0 0 6px !important;
			width: 309px;
		}
	.solutionBox label { font-size: 108%; font-weight: bold; padding-left: 6px; }
	.solutionBox .channel a { color: #eee; font-size: 108%; font-weight: bold; text-decoration: none; }
		.solutionBox .channel a:hover { color: #fff; }
	.solutionBox a.button {
		background: url(../images/common/solution-button-bg.png) no-repeat 0 0;
		float: none;
		padding-left: 10px;
	}
		.solutionBox a.button span {
			background: url(../images/common/solution-button-bg.png) no-repeat 100% 0;
			float: none;
			padding-right: 10px;
		}
			.solutionBox a.button em {
				color: #C4AA20;
				float: none;
				font-size: 116%;
				font-weight: bold;
				line-height: 29px;
				text-align: center;
			}
			.solutionBox em.content { padding-right: 4px; }

.additionalInfo { padding-left: 4px; }
	.additionalInfo .primary { float: left; width: 500px; }
		body.landing .additionalInfo .primary { width: 703px; }
	.additionalInfo .secondary { float: right; width: 178px; }
		body.landing .additionalInfo .secondary { width: 243px; }
	.additionalInfo dl { }
		.additionalInfo dt { color: #7A7A7A; font-size: 93%; font-weight: bold; }
		.additionalInfo dd { font-size: 93%; padding-bottom: 14px; }
			.additionalInfo dd a { color: #888; }
				.additionalInfo dd a:hover { color: #c0ad00; }
			
	.additionalInfo ul.buttons { }
		.additionalInfo ul.buttons li {	float: none; margin: 0 0 10px 0 !important; }
			.additionalInfo ul.buttons a {
				background: url(../images/common/additional-info-button-bg.png) no-repeat 0 0;
				color: #6695AA;
				display: block;
				font-size: 93%;
				line-height: 47px;
				padding: 0 11px;
				text-decoration: none;
			}
				.additionalInfo ul.buttons a:hover { color: #c0ad00; }
				.additionalInfo ul.buttons em { font-weight: bold; }

.quotesCarousel { display: relative; width: 704px; height: 138px; }
	body.home .quotesCarousel { height: 106px; width: 960px; }
	.quotesCarousel li { padding: 0 !important; }
	 body.home .quotesCarousel li {
		background: url(../images/home/quotes-carousel-divider.png) no-repeat 300px 50% !important;
		width: 960px;
	}
	.quotesCarousel .channel { height: 138px; padding: 0 33px; }
		body.home .quotesCarousel .channel { height: 106px; padding: 0 70px; }
		.quotesCarousel .logo { text-align: center; width: 140px; }
			body.home .quotesCarousel .logo { width: 230px; }
		.quotesCarousel .quote { width: 496px; }
			body.home .quotesCarousel .quote { width: 590px; }
		.quotesCarousel q { display: block;	font-size: 93%; padding: 0 35px; }
			body.home .quotesCarousel q { font-size: 100%; }
		.quotesCarousel cite {
			color: #c0ad00;
			display: block;
			font-size: 93%;
			padding: 4px 35px 0;
		}
			body.home .quotesCarousel cite { text-transform: uppercase; }
			
	.quotesCarousel .jcarousel-prev, .quotesCarousel .jcarousel-next {
		background: url(../images/common/carousel-controls.png) no-repeat 0 0;
		cursor: pointer;
		height: 52px;
		position: absolute;
		top: 40px;
		width: 30px;
	}
		body.home .quotesCarousel .jcarousel-prev, body.home .quotesCarousel .jcarousel-next {
			background: url(../images/home/carousel-controls.png) no-repeat 0 0;
			top: 25px;
			width: 44px;
		}
	.quotesCarousel .jcarousel-prev {	left: 0; }
	.quotesCarousel .jcarousel-next, 	body.home .quotesCarousel .jcarousel-next {	background-position: 100% 0; right: 0; }

	dl.prList { }
		dl.prList dt { color: #7A7A7A; }
		dl.prList dd { padding-bottom: 14px; }
			dl.prList dd a { color: #888; font-weight: bold; }
				dl.prList dd a:hover { color: #c0ad00; }

body.home #ContentChannel ul.columns { width: 100%; }
body.home #ContentChannel li.column {
	background: url(../images/home/bottom-border-bg.png) no-repeat 0 100% !important;
	padding-bottom: 1px !important;
}
	body.home #ContentChannel li.one .content { padding-right: 18px; }
	body.home #ContentChannel li.two .content { padding: 0 9px; }
		body.home #ContentChannel li.two { background-position: 50% 100% !important; }
	body.home #ContentChannel li.three .content { padding-left: 18px; }
		body.home #ContentChannel li.three { background-position: 100% 100% !important; }
body.home #ContentChannel h3 { margin-bottom: 10px; padding-bottom: 8px; }
	body.home #ContentChannel li.two h3 { margin-bottom: 0; }
	
ul.cemCalls { }
	ul.cemCalls li { background: 0 !important; border-top: 1px solid #E5E5E5; padding: 0 !important; }
		ul.cemCalls a {
			background: url(../images/home/cem-call-sprites.png) no-repeat 0 0;
			color: #7A7A7A;
			font-size: 93%;
			font-weight: bold;
			height: 58px;
			padding-left: 68px;
			text-decoration: none;
		}
			ul.cemCalls a:hover { color: #c0ad00; }
			ul.cemCalls a.start { background-position: 0 -58px; }
			ul.cemCalls a.build { background-position: 0 -116px; }
			ul.cemCalls a.guide { background-position: 0 -168px; }
			ul.cemCalls a.megaphone { background-position: 0 -234px; }
			ul.cemCalls a.webinar {
				background: url(../images/home/current-features-sprites.png) no-repeat 0 -205px;
			}
			ul.cemCalls a.report {
				background: url(../images/home/current-features-sprites.png) no-repeat 3px -110px;
			}

ul.currentFeatures { }
	ul.currentFeatures li {
		background: url(../images/home/current-features-sprites.png) no-repeat 0 0 !important; 
		border-top: 1px solid #e5e5e5;
		height: 88px;
		line-height: 1.2em !important;
		padding: 0 0 0 63px !important;
	}
		ul.currentFeatures li.first { border: 0; }
	    ul.currentFeatures li.whitepaper { background-position: 0 -282px !important; }
		ul.currentFeatures li.report { background-position: 0 -94px !important; }
		ul.currentFeatures li.webinar { background-position: 0 -188px !important; }
		ul.currentFeatures li.video { background: url(../images/home/cem-call-sprites.png) no-repeat 0 20px !important; }
		ul.currentFeatures li .content { padding: 0 !important; }
		ul.currentFeatures a { color: #888; font-size: 93%; }
			ul.currentFeatures a:hover { color: #c0ad00; }

.focusBox { margin: 16px 0 20px; }
	.focusBox .header {
		background: url(../images/common/focus-box-bg.png) no-repeat 0 0;
		padding-left: 15px;
	}
		.focusBox .header .content {
			background: url(../images/common/focus-box-bg.png) no-repeat 100% 0;
			height: 52px;
			padding-right: 15px;
		}
	.focusBox .channel {
		background: url(../images/common/focus-box-bg.png) no-repeat 0 100%;
		padding-left: 15px;
	}
		.focusBox .channel div.content {
			background: url(../images/common/focus-box-bg.png) no-repeat 100% 100%;
			padding: 10px 15px 16px 0;
		}
	.focusBox ul.tabNav { border: 0; float: left; padding: 0; width: 230px; }
		.focusBox ul.tabNav li { float: none; }
			.focusBox ul.tabNav a {
				border-bottom: 1px solid #A3BCC8;
				color: #fff;
			}
				.focusBox ul.tabNav li.ui-state-active a { color: #6594AA; background: #fff; }
				.focusBox ul.tabNav span { line-height: 33px; }
					.focusBox ul.tabNav li.ui-state-active span { background: #fff; }
	.focusBox .tabContent {
		background: #fff; float: right; width: 412px; padding: 15px 15px 0 17px;
	}

	#Content .focusBox h2 {
		border: 0;
		color: #fff;
		font-weight: bold;
		line-height: 52px;
		padding: 0 12px;
	}
	.focusBox p { color: #fff; font-size: 108%; padding: 0 12px; }
		.focusBox p a { color: #fff; }
	.focusBox ul.columns { width: 930px; }
	.focusBox ul.columns li.column {
		background: url(../images/common/focus-box-column-bg.png) no-repeat 50% 100% !important;
		padding-bottom: 10px !important;
		width: 310px;
	}
		.focusBox ul.fourUp li.column { 
				background: url(../images/common/focus-box-four-column-bg.png) no-repeat 50% 100% !important; 
				width: 232px !important;
			}

		.focusBox li.column div.content {
			background: url(../images/common/focus-box-column-bg.png) no-repeat 50% 0;
			padding: 0 24px;
			color: #fff;
		 }
			.focusBox ul.fourUp li.column div.content { background: url(../images/common/focus-box-four-column-bg.png) no-repeat 50% 0 !important; }
			.focusBox li.column div.content h4 {
				color: #fff;
				font-size: 108%;
				line-height: 32px;
			}
			#Content .focusBox li.column div.content li {
				background: 0;
				border-top: 1px solid #D2E2E9;
				margin: 0 0 1px;
				padding: 1px 0 0;
				position: relative;
			}
				#Content .focusBox li.column div.content li.last {
					border-bottom: 1px solid #D2E2E9;
					padding-bottom: 1px;
				}
					
				.focusBox a.trigger {
					display: block;
					line-height: 33px;
					color: #fff;
					padding: 0 20px;
					text-decoration: none;
				}
					.focusBox a.trigger:hover {
						background: #fff;
						color: #6594AA;
					}
					
.focusBoxTip { }
	.focusBoxTip a {
		display: block;
		color: #C4AA20;
	}
		.focusBoxTip a.title { font-weight: bold; padding-bottom: 3px; }
		.focusBoxTip a.more { text-align: right; }

	
dl.expandableContent { }
	dl.expandableContent dt {
		color: #7A7A7A;
		font-weight: bold;
		padding-bottom: 6px;
	}
	dl.expandableContent dd { border-bottom: 1px solid #E4E4E4; margin-bottom: 10px; padding-bottom: 12px; }
		dl.expandableContent dd.last { border: 0; margin: 0; }
		dl.expandableContent a {
			font-size: 93%;
			color: #7a7a7a;
		}
		dl.expandableContent .controls {
			border-right: 1px solid #7A7A7A;
			float: left;
			padding-right: 6px;
			margin-right: 6px;
		}
			dl.expandableContent .controls a {
				display: block;
				padding-left: 20px;
			}
				dl.expandableContent a.expand { background: url(../images/common/expand-bg.png) no-repeat 0 50%; }
				dl.expandableContent a.collapse { background: url(../images/common/collapse-bg.png) no-repeat 0 50%; }
				
		dl.expandableContent a.download { float: left; }
		dl.expandableContent p {
			clear: both;
			color: #888;
			font-size: 93%;
			margin: 0;
			padding-top: 12px;
		}
			dl.expandableContent p a { font-size: 100%; }

.solutionBox ul.grid { }
	.solutionBox ul.grid li {
		width: 155px;
		margin: 0 1px 5px;
	}
	.solutionBox ul.grid a {
		background: url(../images/common/solution-button-small-bg.png) no-repeat 0 0;
		color: #7a7a7a;
		display: block;
		font-size: 100%;
		line-height: 1.2em;
		padding-left: 10px;
		position: relative;
	}
		.solutionBox ul.grid a:hover { color: #BEA31E; }
	.solutionBox ul.grid span {
		background: url(../images/common/solution-button-small-bg.png) no-repeat 100% 0;
		height: 50px;
		width: 145px;
	}

div.customers { margin: 0 auto; width: 877px; }
div.customers div.tabContent {
	background: url(../images/common/customers-bg.png) no-repeat 0 100%;
	padding: 8px;
}

ul.legend { margin: 6px 0; }
	#Content ul.legend li {
		background: url(../images/icons/customer-sprite-icons.png) no-repeat 0 0;
		border-right: 1px solid #d9d9d9;
		float: left;
		line-height: 19px;
		vertical-align: bottom;
		padding: 0 16px 0 24px;
		margin: 0 8px;
	}
		#Content ul.legend li.last { border: 0; }
		#Content ul.legend li.caseStudy { background-position: 0 0; }
		#Content ul.legend li.video { background-position: 0 25%; }
		#Content ul.legend li.pressRelease { background-position: 0 50%; }
		#Content ul.legend li.webinar { background-position: 0 75%; }
		#Content ul.legend li.newsArticle { background-position: 0 100%; }
		
ul.customers { }
	#Content ul.customers li {
		background: url(../images/common/customers-border.png) no-repeat 0 0;
		height: 92px;
		margin: 3px;
		width: 163px;
		position: relative;
	}
		ul.customers div.channel { height: 92px; position: relative; text-align: center; width: 163px; }
	
	ul.customers div.more {
		position: absolute;
		left: 6px;
		bottom: 6px;
		z-index: 20;
	}
		ul.customers div.more a {
			background: url(../images/icons/customer-sprite-icons.png) no-repeat 0 0;
			float: left;
			margin: 0 4px;
			width: 18px;
			height: 19px;
			text-indent: -32000em;
			display: inline;
		}
			ul.customers div.more a.caseStudy { background-position: 0 0; }
			ul.customers div.more a.video { background-position: 0 25%; }
			ul.customers div.more a.pressRelease { background-position: 0 50%; }
			ul.customers div.more a.webinar { background-position: 0 75%; }
			ul.customers div.more a.newsArticle { background-position: 0 100%; }
		
.tooltip { z-index: 20; }
	.solutionTip { width: 235px; }
	.focusBoxTip { width: 485px; }
	.tooltip .header {
		background: url(../images/common/tooltip-bg-right.png) no-repeat 100% 0;
		height: 12px;
		padding: 0 12px 0 0 !important;
	}
		.tooltip .header .content {
			background: url(../images/common/tooltip-bg.png) no-repeat 0 0 !important;
			height: 12px;
			padding: 0 0 0 12px !important;
		}
			.focusBox ul.columns li.column .tooltip .header .content {
						background: url(../images/common/tooltip-bg.png) no-repeat 0 0 !important;
					}
	.tooltip .channel {
		background: url(../images/common/tooltip-bg-right.png) no-repeat 100% 100%;
		padding: 0 12px 0 0;
	}
		.focusBox ul.columns li.column .tooltip .channel {
			background: url(../images/common/tooltip-bg-right.png) no-repeat 100% 100%;
		}
		.tooltip .channel .content {
			background: url(../images/common/tooltip-bg.png) no-repeat 0 100% !important;
			padding: 0 0 40px 12px !important;
			color: #fff;
		}
		.focusBox ul.columns li.column .tooltip .channel .content {
				background: url(../images/common/tooltip-bg.png) no-repeat 0 100% !important;
			}
			.focusBoxTip .channel .content { padding-bottom: 20px !important; }
			.small .channel .content { padding-bottom: 22px !important; }

	
.ui-tabs-hide { display: none; }
ul.tabNav { border-bottom: 1px solid #DCDCDB; padding: 0 6px; }
	ul.tabNav li { background: 0 !important; float: left; padding: 0 !important; }
		ul.tabNav a {
			color: #A1A1A1;
			display: block;
			font-size: 93%;
			padding-left: 10px;
			text-decoration: none;
		}
			ul.tabNav li.ui-state-active a {
				background: url(../images/common/active-tab-bg.png) no-repeat 0 0;
				color: #BAA500;
			}
			ul.tabNav a span { display: block; padding-right: 10px; line-height: 24px; }
				ul.tabNav li.ui-state-active span {
					background: url(../images/common/active-tab-bg.png) no-repeat 100% 0;
				}
.tabContent { padding: 14px; }

body.home .tabContent dl { }
	body.home .tabContent dt { color: #7A7A7A; font-size: 93%; font-weight: bold; }
	body.home .tabContent dd { line-height: 1.2em; padding-bottom: 20px; }
		body.home .tabContent dd a { color: #888; font-size: 93%; }
			body.home .tabContent dd a:hover { color: #c0ad00; }

.featureBox { margin-top: 16px; }
	.featureBox .header {
		background: url(../images/common/feature-box-bg.png) no-repeat 0 0;
		padding-left: 17px;
	}
		.featureBox .header .content {
			background: url(../images/common/feature-box-bg.png) no-repeat 100% 0;
			height: 42px;
			padding-right: 17px;
		}
	.featureBox .channel {
		background: url(../images/common/feature-box-bg.png) no-repeat 0 100%;
		padding-left: 17px;
	}
		.featureBox .channel .content {
			background: url(../images/common/feature-box-bg.png) no-repeat 100% 100%;
			padding: 22px 17px 17px 0;
		}
	.featureBox .header h3 { line-height: 42px; margin: 0; }

p.image { text-align: center; }
	p.image img { border: 1px solid #666; }

dl.feature {
	border-bottom: 1px solid #E4E4E4;
	clear: left;
	margin: 24px 0;
	padding-bottom: 24px;
}
	dl.feature dt {	color: #6595AA; float: right; font-size: 93%; font-weight: bold; margin-bottom: 4px; width: 504px;}
		.tabContent dl.feature dt { width: 476px; }
		dl.feature a { color: #7A7A7A; }
	dl.feature dd { font-size: 108%; margin-left: 200px; }
		dl.feature dd.image { float: left; margin: 0; width: 200px; }
		dd.linespacing { line-height:22px; }

.docBlock li { border-bottom: 1px solid #E4E4E4; padding: 36px 0 24px 76px !important; }
	#AnalystReports li { 
		background: url(../images/icons/analyst.png) no-repeat 0 10px;
		padding: 20px 0 24px 76px !important; margin-top: 6px; 
	}
	#Whitepapers li {
		background: url(../images/icons/whitepapers.png) no-repeat 0 0;
		padding: 10px 0 36px 76px !important;  margin-top: 16px;
	}
	#CaseStudies li { background: url(../images/icons/case_studies.png) no-repeat 0 10px; }
	#Datasheets li { background: url(../images/icons/datasheets.png) no-repeat 0 10px; }
	#Guides li { background: url(../images/icons/guides.png) no-repeat 0 10px; }
	#ServicesMaterials li { background:url(../images/icons/service_materials.png) no-repeat 0 10px; }
	#OverviewsWhiteboards li, #CustomerTestimonials li, #ProductQuicktours li { background: url(../images/icons/video-large.png) no-repeat 0 20px; }
	.docBlock li em { color: #6595AA; display: block; font-size: 93%; font-weight: bold; }
	.docBlock li span { display: block; }
	.docBlock li a { color: #7A7A7A; font-size: 108%; }
	
ul.viewpoints { }
	ul.viewpoints li { background: 0 !important; border-bottom: 1px solid #e4e4e4; padding: 26px !important; }
		ul.viewpoints li.last { border: 0; }
		ul.viewpoints q { display: block; }
		ul.viewpoints cite { display: block; }
		ul.viewpoints li li {
			background: url(../images/icons/bullet.png) no-repeat 2px 5px !important;
			border: 0;
			line-height: 1.4em;
			padding: 0 0 6px 14px !important;
		}
		
ul.bestPractices { margin-top: 8px; }
	ul.bestPractices li {
		background: url(../images/services/best-practices-content-bg.png) no-repeat 0 100% !important;
		padding: 0 0 8px !important;
	}
		ul.bestPractices h4 {
			background: url(../images/services/best-practices-content-bg.png) no-repeat 0 0;
			color: #C4AA20;
			padding: 16px 16px 8px;
		}
		ul.bestPractices p {
			color: #fff;
			padding: 0 16px;
		}
			ul.bestPractices p.download { text-align: right; }
				ul.bestPractices p.download a { color: #c4aa20; }
		
ul.bestPracticesNav {
	background: url(../images/services/best-practices-bg.png) no-repeat 0 0;
	height: 108px;
	position: relative;
	width: 704px;
}
	ul.bestPracticesNav li { background: 0 !important; position: absolute; padding: 0 !important; display: none;}
		#Item1 { left: 9px; display: block; }
		#Item2 { left: 104px; display: block; }
		#Item3 { left: 198px; display: block; }
		#Item4 { left: 293px; display: block; }
		#Item5 { left: 388px; display: block; }
		#Item6 { left: 483px; display: block; }
		#Item7 { left: 578px; display: block; }
		ul.bestPracticesNav a {
			background: url(../images/services/best-practices-bg.png) no-repeat 0 0;
			display: block;
			position: relative;
			height: 108px;
			width: 113px;
		}
			ul.bestPracticesNav a.over { z-index: 5; }
			#Item1 a { background-position: -9px 0; }
				#Item1 a.over { background-position: -9px 50%; }
			#Item2 a { background-position: -104px 0; }
				#Item2 a.over { background-position: -104px 100%; }
			#Item3 a { background-position: -198px 0; }
				#Item3 a.over { background-position: -198px 50%; }
			#Item4 a { background-position: -293px 0; }
				#Item4 a.over { background-position: -293px 100%; }
			#Item5 a { background-position: -388px 0; }
				#Item5 a.over { background-position: -388px 50%; }
			#Item6 a { background-position: -483px 0; }
				#Item6 a.over { background-position: -483px 100%; }
			#Item7 a { background-position: -578px 0; }
				#Item7 a.over { background-position: -578px 50%; }


#Content div.radioButtonTall { width: 100%; }
	#Content div.radioButtonTall label { display: block; float: none; text-align: left; width: auto; }
		#Content div.radioButtonTall div.options label {
			float: left;
			margin-right: 30px; 
			width: 380px;
		}
		#Content div.radioButtonTall div.options input {
			float: left;
			margin: 10px 5px 0 20px;
			width: 20px;
		}
			#Content div.radioButtonTall div.options input.alt {
				clear: left;
			}
#Content form { }
	#Content form div { float: left; margin-bottom: 12px; width: 450px; }
		#Content form div.alt { clear: left; }
		#Content form div.other { clear: none; }
			#Content form div.other label { padding-top: 0; }
	#Content form span.error {
		display: block;
		color: red;
		margin-left: 122px;
	}
	#Content form input.valid {
		color: #000;
	}
	#Content form input.error {
		color: red;
	}
	#Content form select.error {
		color: red;
	}
	#Content label {
		float: left;
		font-size: 108%;
		line-height: 14px;
		margin: 0 12px 0 0;
		padding-top: 16px;
		text-align: right;
		width: 110px;
	}

		#Content div.checkbox label {
			margin: 0;
			text-align: left;
			width: 310px;
		}
		#Content div.radioButton label {
			margin: 0;
			width: 170px;
		}

		#Content div.rug label {
			margin: -10px 0 0 0;
			text-align: left;
			width: 310px;
			vertical-align:top;
		}

			#Content div.options { float: left; width: auto; }
			#Content div.options label {
				width: auto;
			}
			
	#Content input, #Content select {
		display: inline;
		float: left;
		height: 27px;
		margin: 0 35px 0 0;
		width: 278px;
		font-size: 108%;
	}
	
	#Content div.rug input, #Content div.rug select {
		display: inline;
		float: left;
		height: 27px;
		margin: 5px 35px 0 0;
		width: 100px;
		font-size: 108%;
		vertical-align:bottom;
	}
		#Content div.checkbox input {
			margin: 10px 5px 0 75px;
			width: 20px;
		}
		#Content div.radioButton input {
			margin: 10px 5px 0 20px;
			width: 20px;
		}
		#Content select { height: 30px; width: 284px; }
			#Content select.heightFix { border: 1px solid #999; }
		#Content input.submit {
			background: url(../images/common/button-blue-bg.png) no-repeat 0 0;
			border: 0;
			clear: both;
			color: #fff;
			font-weight: bold;
			height: 39px;
			margin-left: 570px;
			width: 284px;
		}

.leftImage {display: block; float: left; padding: 0 30px 10px 0;}

.rightImage { float: right; padding: 0 0 10px 30px; }

#NavigationSecondary {
	background: url(../images/secondary-navigation/main-bg.png) no-repeat 0 100%;
	margin: 10px 0 24px;
	padding-bottom: 4px;
}
	#NavigationSecondary h3 {
		background: url(../images/secondary-navigation/main-bg.png) no-repeat 0 0;
		color: #7a7a7a;
		padding: 28px 5px 6px 12px;
	}
	#NavigationSecondary ul { padding: 0 1px; }
		#NavigationSecondary ul li { border-top: 1px solid #E4E6E7; }
			#NavigationSecondary ul li.active { border-color: #BFCCD3; }
			#NavigationSecondary ul li a, #NavigationSecondary ul li span {
				background: url(../images/secondary-navigation/level-2-bg.png) no-repeat 0 50%;
				color: #888;
				display: block;
				font-size: 93%;
				line-height: 30px;
				padding: 0 5px 0 25px;
				text-decoration: none;
			}
				#NavigationSecondary ul li a:hover { color: #c0ad00; }
				#NavigationSecondary ul li.active a, #NavigationSecondary ul li.active span {
					background-position: 100% 50%;
					color: #fff;
				}
					#NavigationSecondary ul ul { padding: 0; }
						#NavigationSecondary ul ul li { border-color: #DBE3E7; }
							#NavigationSecondary ul ul li.active { border-color: #E2ECF1; }
								#NavigationSecondary ul ul li a, #NavigationSecondary ul li.active ul li a {
									background: #84A2AF;
									color: #d7e2e8;
									line-height: 28px;
								}
									#NavigationSecondary ul ul li a:hover, #NavigationSecondary ul li.active ul li a:hover {
										color: #fff;
									}
									#NavigationSecondary ul ul li.active a, #NavigationSecondary ul li.active ul li.active a {
										background: #9CBFCE;
										color: #fff;
									}
										#NavigationSecondary ul ul ul li a, #NavigationSecondary ul li.active ul li.active ul li a {
											background: #84a2af;
											color: #d7e2e8;
											padding-left: 40px;
										}
											#NavigationSecondary ul li.active ul li.active ul li.active a {
												background: #9CBFCE;
												color: #fff;
											}
ul.promoButtons {
	background: url(../images/promos/promo-buttons-bg.png) no-repeat 50% 100%;
	margin-bottom: 10px;
	padding-bottom: 17px;
}
	ul.promoButtons li { margin-bottom: 10px; }
		ul.promoButtons li.last { margin: 0; }
		ul.promoButtons a {
			background-position: 0 0;
			background-repeat: no-repeat;
			display: block;
			height: 47px;
			text-indent: -32000em;
			width: 236px;
		}
			ul.promoButtons a.watchDemo { background-image: url(../images/promos/watch-demo.png); }
			ul.promoButtons a.watchVideo { background-image: url(../images/promos/watch-video.png); }
			ul.promoButtons a.watchCEMOverview { background-image: url(../images/promos/watch-cem-overview.png); }
			ul.promoButtons a.buildSolution { background-image: url(../images/promos/build-solution.png); }
			ul.promoButtons a.requestMeeting { background-image: url(../images/promos/request-meeting.png); }
			ul.promoButtons a.YouTube { background-image: url(../images/promos/youtube.png); }
			ul.promoButtons a.readBlog { background-image: url(../images/promos/read-blog.png); }

ul#Sitemap { margin-top: 20px !important; width: 100%; }

#Sidebar .promo { }
	#Sidebar .promoOne {
		background: url(../images/promos/promo-one-bg.png) no-repeat 0 0;
		padding-top: 20px;
	}
		#Sidebar .promoOne .content {
			background: url(../images/promos/promo-one-bg.png) no-repeat 0 100%;
			padding: 0 24px 30px;
		}
	#Sidebar .promoUK {
		background: url(../images/promos/promo-uk-bg.png) no-repeat 0 0;
		padding-top: 67px;
	}
		#Sidebar .promoUK .content {
			background: url(../images/promos/promo-uk-bg.png) no-repeat 0 100%;
			padding: 0 20px 35px;
		}

	#Sidebar .promoSupportLogin {
		background: url(../images/promos/promo-support-login-bg.png) no-repeat 0 0;
		padding-top: 247px;
	}
		#Sidebar .promoSupportLogin .content {
			background: url(../images/promos/promo-support-login-bg.png) no-repeat 0 100%;
			padding: 0 20px 35px;
		}
	#Sidebar .promoCXPA {
		background: url(../images/promos/promo-cxpa2-bg.png) no-repeat 0 0;
		padding-top: 190px;
	}
		#Sidebar .promoCXPA .content {
			background: url(../images/promos/promo-cxpa2-bg.png) no-repeat 0 100%;
			padding: 0 20px 35px;
		}
		
	#Sidebar .promoTealeaf8 {
		background: url(../images/promos/promo-tealeaf8-bg.png) no-repeat 0 0;
		padding-top: 200px;
	}
		#Sidebar .promoTealeaf8 .content {
			background: url(../images/promos/promo-tealeaf8-bg.png) no-repeat 0 100%;
			padding: 0 20px 35px;
		}
	#Sidebar .promoRealTime {
		background: url(../images/promos/promo-real-time-bg.png) no-repeat 0 0;
		padding-top: 204px;
	}
		#Sidebar .promoRealTime .content {
			background: url(../images/promos/promo-real-time-bg.png) no-repeat 0 100%;
			padding: 0 20px 35px;
		}
	#Sidebar .promoMobile {
		background: url(../images/promos/promo-mobile-bg.png) no-repeat 0 0;
		padding-top: 170px;
	}
		#Sidebar .promoMobile .content {
			background: url(../images/promos/promo-mobile-bg.png) no-repeat 0 100%;
			padding: 0 20px 35px;
		}
	#Sidebar .promoWebcasts {
		background: url(../images/promos/promo-webcasts-bg.png) no-repeat 0 0;
		padding-top: 180px;
	}
		#Sidebar .promoWebcasts .content {
			background: url(../images/promos/promo-webcasts-bg.png) no-repeat 0 100%;
			padding: 0 23px 35px;
		}
	#Sidebar .promoEvents {
		background: url(../images/promos/promo-events-bg.png) no-repeat 0 0;
		padding-top: 210px;
	}
		#Sidebar .promoEvents .content {
			background: url(../images/promos/promo-events-bg.png) no-repeat 0 100%;
			padding: 0 23px 35px;
		}
	#Sidebar .promo h3 { margin: 0; }
	#Sidebar .promo p { color: #888; padding: 0; }
		#Sidebar .promoOne p { padding: 0 80px 0 0; }
		#Sidebar .promo p.more { padding: 0; position: static; }
			#Sidebar .promo a.button {
				background: url(../images/promos/promo-button-bg.png) no-repeat 0 0;
				color: #fff;
				float: none;
				padding-left: 15px;
			}
				#Sidebar .promoOne a.button { float: left; }
				#Sidebar .promo a.button span {
					background: url(../images/promos/promo-button-bg.png) no-repeat 100% 0;
					float: none;
					padding-right: 15px;
				}
					#Sidebar .promoOne a.button span { float: left; }
					#Sidebar .promo a.button em { float: none; font-weight: bold; line-height: 29px; text-align: center; }
						#Sidebar .promoOne a.button em { float: left; }
					
#ContentFooter { padding: 17px 0 36px; }
#ContentFooter ul.columns { width: 100%; }
	#ContentFooter li.column { border-left: 1px solid #404040; }
		#ContentFooter li.one { border: 0; }
		#ContentFooter li.column .content { padding-left: 22px; }
			#ContentFooter li.one .content { padding: 0; }
	#ContentFooter h2 { color: #CECECE; font-weight: bold; }
	#ContentFooter h3 {
		border: 0;
		color: #CECECE;
		font-size: 108%;
		margin: 0;
		padding-bottom: 2px;
	}
	#ContentFooter a { color: #737373; text-decoration: none; }
		#ContentFooter a:hover { color: #cecece; }
	#ContentFooter .content ul { padding-bottom: 20px; }
		#ContentFooter .content li { padding-bottom: 2px; }

	#ContentFooter .addthis_toolbox { margin-bottom: 20px; width: 162px; }
		#ContentFooter .addthis_toolbox a { float: left; margin: 0 10px 10px 0; }
			#ContentFooter a.addthis_button_digg { clear: left; }
/*
	TODO Standard Box Styles
*/
.highlightBox { }
.featureBox { }

/* 
	Image Block
	
	Image on left, content on right

	<div class="imageBlock selfClear">
		<h3>Content Title</h3>
		<p class="image"><a href="/images/larger-version.png" rel="prettyPhoto"><img src="/images/smaller-version.jpg" width="186" height="130" alt="alt text" /></a></p>
		<p>Info about the image</p>
	</div>
*/
.imageBlock { }
	.imageBlock p { float: right; }
		.imageBlock p.image { float: left; margin-right: 10px; text-align: left; width: auto; }
			.imageBlock p.image img { border: 0; }

/* Image Block layout Properties - custom for each site/implementation */
.imageBlock p { color: #666; font-weight: bold; width: 200px; }

/*
	Standard Document Lists

	<ul class="documents">
		<li><a href="#" class="pdf">PDF Document</a></li>
	</ul>
*/
#Content ul.documents { }
	#Content ul.documents li { background: 0 !important; padding-left: 0; }
		#Content ul.documents li a {
			color: #6293A9;
			display: block;
			font-size: 108%;
			padding-left: 24px;
			line-height: 18px;			
		}
			#Content ul.documents li a:hover { color: #c0ad00; }
			#Content ul.documents li a.pdf {
					background: url(../images/icons/pdf.png) no-repeat 0 0;
			}
			#Content ul.documents li a.video {
					background: url(../images/icons/video.png) no-repeat 0 0;
			}

/*
	Layout horizontal buttons

	<ul class="buttons">
		<li><a href="#" class="button sampleButton"><span><em>Button 1</em></span></a></li>
		<li><a href="#" class="button sampleButton"><span><em>Button 2</em></span></a></li>
		<li><a href="#" class="button sampleButton"><span><em>Button 3</em></span></a></li>
	</ul>
*/
ul.buttons { margin-bottom: 8px; }
	ul.buttons li {
		background: 0 !important;
		float: left;
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}

/* 
	Standard Button Display
	
	<p class="selfClear"><a href="#" class="button sampleButton"><span><em>Sample Button</em></span></a></p>
*/
a.button {
	display: block;
	float: left; /* Collapse around text */
	text-decoration: none;
}
	a.button:hover { text-decoration: none; }
	a.button span {	display: block;	float: left; }
		a.button em {	display: block; float: left; }

/*
	TODO More links
*/
a.more { }

/*
	TODO Button Style
*/
a.button { }
	a.buttonLarge { }
	a.button span { }
		a.button span em { }

/*
	Same height columns

<div class="columnWrapper">
	<ul class="columns twoUp">
		<li class="column"></li>
		<li class="column"></li>
	</ul>
</div>
*/
div.columnWrapper {
	position: relative; /* relative position on display table element causes problems */
}
	ul.columns {
		display: table;
		margin: 0 !important;  /* Override any values set for */
		padding: 0 !important; /* lists in the content area */
	}
		ul.columns li.column {
			display: table-cell;
			vertical-align: top;
			background: none !important; /* Override any values */
			margin: 0 !important;        /* set for lists in */
			padding: 0 !important;       /* the content area */
		}
			ul.twoUp li.column { width: 50%; }
			ul.threeUp li.column { width: 33%; }
			ul.fourUp li.column { width: 25%; }
			ul.fourUp li.column h4 {line-height: 17px !important; }

ul.sampleColumns { }
	ul.sampleColumns li { border-right: 1px solid #333; width: 275px; }
		ul.sampleColumns li.last { border-right: 0; }
		ul.sampleColumns div.content { padding: 8px 16px 12px; }
		ul.sampleColumns p.more {
			bottom: 2px;
			margin-bottom: 0;
			position: absolute;
			text-align: right;
			width: 243px;
		}

/* Standard Grid display */
/* From: http://www.hedgerwow.com/360/dhtml/css-inline-block-layout.php */
ul.grid { }
	ul.grid li {
		display:-moz-inline-stack !important;/* Firefox 2 and under to simulate display:inline-block */
		display: inline-block !important;
		padding: 0 !important;
		vertical-align: text-top;
	}

/* Set layout properties for specific grid implementations. The standard ul.grid
	selector should remain unchanged from project to project.
	
	<ul class="grid sampleGrid">
	
	Though you should use something more descriptive than just "sampleGrid"
 */
ul.sampleGrid li {
		background: 0 !important;
		margin: 0 10px 0 5px; /* Set as appropriate */
		padding-bottom: 10px !important;
		width: 250px; /* Set as appropriate */	
}

/* Need vertical centering solution that works for both one and two lines of text.
   See: http://www.ilikespam.com/blog/centering-multiple-line-content-with-css */
.vertBox .channel { display: table; }
	.vertBox .channel .content {	display: table-cell; vertical-align: middle; }

/* Set layout properties for specific vertical positioning implementations.
	The standard selector should remain unchanged from project to project.
	
	<div class="vertBox sampleVertBox">
		<a href="#" class="channel">
			<span class="content">lorem</span>
		</a>
	</div>
*/
div.sampleVertBox .channel {
	border: 1px solid #333;
	height: 39px; /* Set as appropriate */
}
	div.sampleVertBox .content {
		font-size: 93%; /* Set as appropriate  */
		line-height: 1.2em; /* Set as appropriate */
		padding: 0 6px;
		text-align: center;
		width: 88px; /* Set as appropriate */		
	}

#SlideDeckFrame {
	width: 960px;
	margin-top: 13px;
}
#SlideDeckFrame dl {
	width: 960px;
	height: 302px;
	margin: 0;
}
.slidedeck dt {
	cursor: pointer;
	height: 43px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	background: url(../images/home/slide-deck-spline-3.png) repeat-x 0 0;
	color: #505050;
}
.slidedeck dt.one { 
	background: url(../images/home/slide-deck-spline-1.png) repeat-x 0 0;
}
.slidedeck dt.two { 
	background: url(../images/home/slide-deck-spline-2.png) repeat-x 0 0;
}
.slidedeck dt.three { 
	background: url(../images/home/slide-deck-spline-3.png) repeat-x 0 0;
}

.slidedeck dt:hover {
	color: #000;
	background-position: center left;
}
.slidedeck dt.active, .slidedeck dt.active:hover {
	cursor: default;
	color: #fff;
	background-position: bottom left;
}
.slidedeck dt .index {
	font-size: 16px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
}
.slidedeck dt:hover .index { color: #000000; }
.slidedeck dt.active .index { color: #333; }

#SlideDeckFrameIESix { position: relative; }
	#SlideDeckFrameIESix dt {
		height: 302px;
		width: 40px;
		position: absolute;
		top: 0;
		visibility:;
	}
		#SlideDeckFrameIESix dt span {
			position: absolute;
			bottom: 20px;
			width: 40px;
			text-align: center;
		}
		#SlideDeckFrameIESix dt.two { left: 40px; }
		#SlideDeckFrameIESix dt.three { left: 80px; }
	#SlideDeckFrameIESix dd {
		position: absolute;
		left: 120px;
		top: 0;
		height: 302px;
	}
	
body.print { background: 0; }
body.print ol#footnoteLinks { margin-left: 30px; }
body.print ol#footnoteLinks li { font-size: 85%; list-style-type: decimal !important; background: 0 !important; }
body.print h2#footnoteLinksTitle { margin-top: 20px; border-top: 1px solid #e4e4e4; padding-top: 8px; }
body.print a#printPage { display: none; }
body.print #Wrapper { margin: 20px; width: 100%; }
body.print #Header { display: none; }
body.print #ContentFooterWrapper { display: none; }
body.print #FooterWrapper { display:none; }
body.print #Mast { display: none; }
body.print #Sidebar { display: none; }
/*body.print #MainChannel { width: 100%; }
body.print #Content { float: none; width: 100%; }*/