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

.anQuestion {background: #FF0}


#WrapperTop { width: 960px; } /* Width of "page" */
#WrapperBottom { width: 1008px; } /* Width of "page" */
#WrapperFooter { width: 960px; } /* Width of "page" */
#MainChannel { width: 960px; } /* Width of left channel and center channel combined */
#Sidebar { width: 220px; } /* Width of right channel */ 
#Content { width: 715px; } /* Width of center channel */
	body.home #Content {width: 960px;}
	body.sectionLanding #Content, body.sitemap #Content { width: 960px; }
/* = End Widths = */

html {background: #eee;}
body {
	background: #eee;
	color: #000;
}
#WrapperTop {
	background: #fff;
  margin: 0 auto; /* Make content centered */
	padding: 0 25px;
	padding-bottom: 20px;
}
#WrapperBottom {
	background: #fff;
  margin: 0 auto; /* Make content centered */
	padding: 0 1px 7px 1px;
}
	#WrapperBottomContent {background: #ddd;}
#WrapperFooter {
	margin: 0 auto;
	padding: 0 25px 0 15px;
}

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

#Header { margin-bottom: 8px; position: relative; z-index: 10; }

#Toolbar {padding-top: 20px; position: relative; z-index: 15;}
		#Toolbar li {
			background: url(../images/common/toolbar-divider.gif) no-repeat 100% 4px;
			float: left;
			padding: 0 14px;
		}
	#Toolbar ul.links { float: right; padding-bottom: 10px;}
		#Toolbar ul.links li.last { background: 0; position: relative;}
	#Toolbar a {
		color: #666;
		font-size: 93%;
		text-decoration: none;
	}
		#Toolbar a:hover {color: #bb9900; text-decoration: underline;}
		
		#Toolbar a.worldwide {background: url(../images/common/worldwide/language-arrow.gif) no-repeat 100% 5px; padding-right: 12px;}
			#Toolbar a.worldwide:hover, #Toolbar a.over {background-image: url(../images/common/worldwide/language-arrow-active.gif); color: #bb9900; text-decoration: none;}
		
		#WorldwideFlyout {
			display: none;
			position: absolute;
			right: 0;
			top: 100%;
			width: 165px;
		}
			#WorldwideFlyout .channel {
				background: url(../images/common/worldwide/language-flyout-bg.png) no-repeat 0 0; 
				display: block;
				margin-top: 8px;
				width: 165px;
			}
			#WorldwideFlyout ul {display: block; padding-top: 10px;}
			#WorldwideFlyout li {background: 0; float: none; padding: 0 23px 8px 23px;}
			#WorldwideFlyout a {color: #334466; padding-left: 31px;}
				#WorldwideFlyout a:hover {color: #bb9900;}
				#WorldwideFlyout a.usa {background: url(../images/common/worldwide/usa.jpg) no-repeat 0 0;}
				#WorldwideFlyout a.china {background: url(../images/common/worldwide/china.jpg) no-repeat 0 0;}
				#WorldwideFlyout a.taiwan {background: url(../images/common/worldwide/taiwan.jpg) no-repeat 0 0;}
				#WorldwideFlyout a.germany {background: url(../images/common/worldwide/germany.jpg) no-repeat 0 0;}
				#WorldwideFlyout a.spain {background: url(../images/common/worldwide/spain.jpg) no-repeat 0 0;}
				#WorldwideFlyout a.france {background: url(../images/common/worldwide/france.jpg) no-repeat 0 0;}
				#WorldwideFlyout a.korea {background: url(../images/common/worldwide/korea.jpg) no-repeat 0 0;}
				#WorldwideFlyout a.japan {background: url(../images/common/worldwide/japan.jpg) no-repeat 0 0;}
				#WorldwideFlyout a.brazil {background: url(../images/common/worldwide/brazil.jpg) no-repeat 0 0;}
			#WorldwideFlyout .footer {
				background: url(../images/common/worldwide/language-flyout-bg.png) no-repeat 0 100%;
				height: 10px;
				width: 165px;
			}
		
	#Toolbar .search {display: block; float: right;}
		#Toolbar .search input.searchbox {
			background: url(../images/common/searchbox.gif) no-repeat 0 0;
			border: 0;
			color: #666;
			display: block;
			float: left;
			height: 20px;
			padding: 3px 0 0 6px;
			width: 147px;
		}
		#Toolbar .search input.submit {float: left;}
		
#SiteId { padding-top: 25px; position: absolute; z-index: 20;}


/* Top Navigation */
#NavigationPrimary {
	display: block;
	margin-top: 25px;
	position: relative;
	z-index: 2;
}
	#NavigationPrimary ul {
		background: url(../images/primary-navigation/right-edge.gif) no-repeat 100% 0;
		display: block;
		height: 31px;
		padding-right: 11px;
		z-index: 2;
	}
	  #NavigationPrimary li { /* Topnav item */
	    background: url(../images/primary-navigation/nav-divider.gif) no-repeat 100% 0;
			/* border: 1px solid #fff; */
	    float: left; /* Keep nav in a line */
			padding-left: 0;
			padding-right: 2px;
			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.last {background: 0; padding-right: 0;}
	    #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 */
	      background: url(../images/primary-navigation/nav-bg.gif) repeat-x;
				color: #666;
				display: block;
				font-size: 108%;
				font-weight: bold;
				height: 25px;
				padding-top: 6px;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
	    }
				#NavigationPrimary a.active {color: #bb9900;}
				#NavigationPrimary a.over {background: url(../images/primary-navigation/nav-bg-active.png) repeat-x; color: #fff;}
				#NavigationPrimary li.last a {color: #fbeeb6;}
					#NavigationPrimary li.last a:hover {background: url(../images/primary-navigation/last-bg.gif) repeat-x 100% 0; color: #fbeeb6;}
					
				/* Main topnav items, uses sprites for background */
				li#NavigationPrimaryProducts a { background: url(../images/primary-navigation/first-nav-bg.gif) no-repeat; width: 152px; }
				li#NavigationPrimarySolutions a { width: 157px; }
				li#NavigationPrimaryTechnology a { width: 174px; }
				li#NavigationPrimarySupport a { width: 145px; }
				li#NavigationPrimaryPartners a { width: 156px; }
				li#NavigationPrimaryFreeTrials a { background: url(../images/primary-navigation/last-bg.gif) repeat-x 100% 0; width: 155px; }

	    #NavigationPrimary div.flyout {
				display: none; 
				left: 0;
				position: absolute;
				top: 100%;
			}
				#NavigationPrimary div.flyout .header {background: url(../images/primary-navigation/header-bg.gif) no-repeat 100% 0; padding-right: 1px;}
					#NavigationPrimary div.flyout .header .content {background: url(../images/primary-navigation/header-bg.gif) no-repeat 0 0; display: block; height: 7px; padding-left: 1px;}
				#NavigationPrimary ul li.over div {
	        display: block; /* Show the dropdown on hover */
	      }
				
				/* Set the position and the width of the flyouts. The width is required for IE6 but it is being applied to all here so that a change will break the layout and be obvious in any browser */
				li#NavigationPrimaryProducts div.flyout {left: -1px; width: 705px;}
				li#NavigationPrimarySolutions div.flyout {left: -1px; width: 205px;} /*left: -101px; width: 535px for 3 columns*/
				li#NavigationPrimaryTechnology div.flyout {left: -1px; width: 375px;}
				li#NavigationPrimarySupport div.flyout {left: -1px; width: 205px;}
				li#NavigationPrimaryPartners div.flyout {left: -1px; width: 205px;}
				li#NavigationPrimaryFreeTrials div.flyout {right: 0; width: 0;}
				
			#NavigationPrimary .channel {
				background: url(../images/primary-navigation/flyout-left-bg.png) no-repeat 0 100%;
				display: block;
				padding-left: 35px;
			}
	    #NavigationPrimary ul ul { /* Dropdown menu */
	      background: 0;
				display: inline;
				height: auto;
				margin-bottom: 0;
				margin-top: 0;
				padding-right: 0;
				z-index: 3;
	    }
			
				#NavigationPrimary ul ul.navCols {
					background: url(../images/primary-navigation/flyout-right-bg.png) no-repeat 100% 100%; 
					display: block; 
					padding: 30px 35px 20px 0 !important;
					width: 130px;
				}
					#NavigationPrimary ul ul.oneCol {width: 135px;}
					#NavigationPrimary ul ul.twoCol {width: 305px;}
					#NavigationPrimary ul ul.threeCol {width: 465px;}
					#NavigationPrimary ul ul.fourCol {width: 635px;}
	      
					#NavigationPrimary ul.navCols li {background: 0; padding-right: 0;}
					
					#NavigationPrimary ul.navCols li.col { 
						background: 0;
						float: left; 
						display: block; 
						padding-right: 35px; 
						width: 130px;
					}
						#NavigationPrimary ul.navCols li.last { padding-right: 0; }
					
					#NavigationPrimary ul ul ul {display: block;}
					#NavigationPrimary li li li {float: none;}
					#NavigationPrimary li li li a, #NavigationPrimary li li.last li a {
						background: 0;
						color: #666;
						display: block;
						font-size: 100%;
						font-weight: bold;
						height: auto;
						padding-top: 0;
						padding-bottom: 5px;
						text-align: left;
						text-decoration: none;
						text-indent: 0;
						text-transform: none;
						width: auto;
					}
						#NavigationPrimary li li li span {color: #666; display: block; font-weight: bold; padding-bottom: 5px;}
						#NavigationPrimary li li li a:hover, #NavigationPrimary li li.last li a:hover {background: 0; color: #bb9900; text-decoration: underline;}
	        
					#NavigationPrimary li li li li a, #NavigationPrimary li li.last li li a, #NavigationPrimary li li li li a.over { 
						background: 0;
						color: #334466; 
						font-weight: normal;
					}

					
						

#MainBody { 
  position: relative; /* to facilitate */
  z-index: 2;         /* topnav dropdowns */
}

#PageTools { 
	background: url(../images/common/page-tools-left-bg.gif) no-repeat; 
	display: block; 
	margin-bottom: 20px; 
	min-height: 36px; 
}
	body.home #PageTools {display: none;}
	#PageTools .channel { background: url(../images/common/page-tools-right-bg.gif) no-repeat 100% 0; display: block; min-height: 36px; }
ul#Breadcrumbs { float: left; margin-left: 18px; margin-top: 12px; }
  ul#Breadcrumbs li { 
		background: url(../images/common/breadcrumb-divider.gif) no-repeat 100% 5px; 
		color: #675e5e;
		float: left; 
		font-size: 85%;
		padding: 0 10px 0 4px;
	}
		ul#Breadcrumbs li.first {padding-left: 0;}
		ul#Breadcrumbs li.last {background: 0;}
			ul#Breadcrumbs a {color: #675e5e; text-decoration: none;}
				ul#Breadcrumbs a:hover {color: #bb9900; text-decoration: underline;}
#Bookmark {float: right; margin-right: 5px; margin-top: 6px;}
	#Bookmark a { 
		background: url(../images/common/bookmark-left-bg.gif) no-repeat 0 0; 
		color: #787878;
		display: block; 
		float: left; 
		font-size: 85%;
		height: 24px;
		text-decoration: none;
	}
		#Bookmark a span {
			background: url(../images/common/bookmark-right-bg.gif) no-repeat 100% 0; 
			display: block; 
			height: 19px;
			padding: 5px 11px 0 27px;
		}

#Mast {margin-bottom: 5px;}
	body.home #Mast { margin-bottom: 15px; }

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

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


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

/* Same height columns */
div.columnWrapper {
	position: relative; /* relative position on display table element causes problems */
}
	ul.columns { display: table; margin: 0 !important; padding: 0 !important; }
		ul.columns li.column { background: none !important; display: table-cell; margin: 0 !important; padding: 0 !important; vertical-align: top; }
			ul.twoUp li.column { width: 50%; }
			ul.threeUp li.column { width: 33%; }

ul.buttons { }
	ul.buttons li {
		background: 0 !important;
		padding: 0 !important;
	}

#Content h1 { color: #bb9900; font-size: 220%; font-weight: normal; padding-bottom: 4px; }
#Content h1 sup {font-size: 50%;}
#Content em.subtitle { color: #666; display: block; font-size: 153.9%; padding-bottom: 20px;}
#Content h2 { color: #228822; font-size: 140%; padding-bottom: 8px; }
#Content h3 { color: #000; font-size: 116%; font-weight: bold; padding-bottom: 8px;}
#Content a {color: #334466; text-decoration: none;}
#Content a:hover {color: #bb9900; text-decoration: underline;}
/*
#Content ul {padding-left: 35px; margin-bottom: 5px;}
#Content ul li {
	background: url(../images/common/bullet.gif) no-repeat 0 5px;
	list-style-type: none;
	padding-bottom: 10px;
	padding-left: 20px;
}
*/
#Content img.inlineRight {float: right; padding-left: 10px; padding-bottom: 10px;}
#Content ol {padding-left: 35px; margin-bottom: 5px;}
#Content ol li {
	list-style-type: decimal;
	padding-bottom: 10px;
	padding-left: 20px;
}
p { margin-bottom: 12px; }

.viddlerVideos {display: none;}

#Content ul.iconList {padding-left: 0;}
#Content .twoCol ul.iconList {padding-left: 0;}
	#Content ul.iconList li {background-image: none;padding-left: 5px;}
	#Content ul.iconList li a {padding-left: 25px;}
		#Content ul.iconList li.learnMore a {background: url(../images/common/btnLearnMore.png) no-repeat 0 0;}
		#Content ul.iconList li.video a {background: url(../images/common/btnVideo.png) no-repeat 0 0;}
		#Content ul.iconList li.pdf a {background: url(../images/common/btnPdf.png) no-repeat 0 0;}
		#Content ul.iconList li.page a {background: url(../images/common/btnPage.png) no-repeat 0 0;}
		#Content ul.iconList li.podcast a {background: url(../images/common/btnPodcast.png) no-repeat 0 0;}

#Content span.btnStandard {background: url(../images/common/btn-standard-bg-left.gif) 0 0 no-repeat; padding-left: 18px;padding-top: 3px; padding-bottom: 7px;}
	#Content span.btnStandard a {background: url(../images/common/btn-standard-bg-right.gif) 100% 0 no-repeat; padding-left: 3px; padding-top: 3px; padding-right: 10px; padding-bottom: 7px; display: inline;}

#Content span.btnDownload {background: url(../images/common/btnDownload.png) 3px 4px no-repeat; padding-left: 18px;padding-top: 3px; padding-bottom: 7px;}
	#Content span.btnDownload a {padding-left: 3px; padding-top: 3px; padding-right: 10px; padding-bottom: 7px; display: inline; font-weight: bold;}

#Content p.note {font-size: 0.85em;}

#Content div.faq em {font-style:italic; font-weight: bold;}
#Content .quote {background: url(../images/common/quote-top-bg.gif) no-repeat 0 0; margin-bottom: 12px; width: 702px;}
	#Content .quote .channel {background: url(../images/common/quote-bottom-bg.gif) no-repeat 0 100%; padding: 18px 22px;}
#Content .quote q {
	color: #666; 
	display: block;
	font-size: 108%;
	padding-bottom: 10px;
}
#Content .quote cite {
	color: #666; 
	display: block; 
	font-size: 93%; 
	padding-left: 5px;
}
	#Content .quoteNarrow {
		background: url(../images/common/quote-narrow-top-bg.gif) no-repeat 0 0;
		margin-bottom: 12px;
		width: 340px;
	}
		#Content .quoteNarrow .channel {
			background: url(../images/common/quote-narrow-bottom-bg.gif) no-repeat 0 100%;
			padding: 18px 22px;
		}
		#Content .quoteNarrow q {
			color: #666; 
			display: block;
			font-size: 108%;
			padding-bottom: 10px;
		}
		#Content .quoteNarrow cite {
			color: #666; 
			display: block; 
			font-size: 93%; 
			padding-left: 25px;
		}

#Content dl.caseStudyList {border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 10px;}
	#Content .caseStudyList dt {text-align: center; width: 140px; float: left;}
	#Content .caseStudyList dd {margin-left: 140px; padding-left: 10px;}
		#Content .caseStudyList dd q {
			display: block;
			
			font-size: 1.1em;
			color: #228822;
		}
		#Content .caseStudyList dd cite {
			display: block;
			margin-bottom: 10px;
			text-align: right;
			color: #999;
		}

#Content dl.AwardsList {border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 10px;}
	#Content dl.AwardsList dt {text-align: center; width: 140px; float: left;}
	#Content dl.AwardsList dd {margin-left: 140px; padding-left: 10px;}
		#Content dl.AwardsList dd p.link {margin-bottom: 5px;}

#Content dl.pressReleaseListing {margin-bottom: 5px; padding-bottom: 5px;}
	#Content dl.pressReleaseListing dt {float: left; font-weight: bold; padding-left: 10px;}
	#Content dl.pressReleaseListing dd {margin-left: 80px; padding-left: 10px;}


#Content .productIntro {
	background: url(../images/products/product-info-bg.jpg) no-repeat; 
	display:block; 
	margin-bottom: 15px;
	min-height: 341px;
	position: relative;
	width: 715px;
}
	#Content .productIntro .channel {padding: 26px 15px 0 25px;}
		#Content .productIntro h1 em {font-weight: bold;}
	#Content .productIntro .productImagery {
		display: block;
		float: left;
		width: 300px;
	}
		#Content .productIntro .imageryNav {
			background: url(../images/products/imagery-nav-left-bg.gif) no-repeat;
			display: table;
			height: 29px;
			margin: 0 auto;
		}
		#Content .productIntro .imageryNav .navContent {
			background: url(../images/products/imagery-nav-right-bg.gif) no-repeat 100% 0;
			display: block;
			height: 29px;
		}
			#Content .productIntro .imageryNav ul {padding: 8px 10px 0 10px;}
			#Content .productIntro .imageryNav ul li {background: 0; float: left; padding: 0 5px 0 0;}
			#Content .productIntro .imageryNav a {
				background: url(../images/products/imagery-nav-icon-inactive.gif) no-repeat;
				display: block;
				height: 14px;
				outline: 0;
				text-indent: -32000em;
				width: 20px;
			}
			#Content .productIntro .imageryNav a.active {background: url(../images/products/imagery-nav-icon-active.gif) no-repeat;}
			#Content .productIntro .imageryNav a.previous {
				background: url(../images/products/imagery-previous.gif) no-repeat 0 1px;
				height: 12px;
				margin-right: 15px;
				width: 13px;
			}
			#Content .productIntro .imageryNav a.next {
				background: url(../images/products/imagery-next.gif) no-repeat 0 1px;
				height: 12px;
				margin-left: 15px;
				width: 13px;
			}
	#Content .productIntro .productDesc {float: right; display: block; width: 330px;}
		#Content .productIntro .productDesc h1 {color: #fff; font-weight: normal;}
		#Content .productIntro .productDesc p {color: #fff; font-size: 123.1%; font-weight: bold; margin-bottom: 10px;}
		#Content .productIntro .productDesc ul {margin-bottom: 15px; padding-left: 0;}
			#Content .productIntro .productDesc ul li {
				background: url(../images/products/product-intro-bullet.gif) no-repeat 0 6px; 
				color: #fff; 
				font-size: 108%;
				padding-bottom: 7px;
			}
		#Content .productIntro .productDesc .freeEval {
			background: url(../images/products/free-eval-button-right.png) no-repeat 100% 0;
			display: block;
			float: left;
			padding-right: 25px;
		}
		#Content .productIntro .productDesc .freeEval a {
			background: url(../images/products/free-eval-button-left.png) no-repeat 0 0;
			color: #fff;
			display: block;
			float: right;
			font-size: 116%;
			font-weight: bold;
			height: 41px;
			padding-left: 18px;
			text-decoration: none;
		}
			#Content .productIntro .productDesc .freeEval a span {
				background: url(../images/products/button-raquo.gif) no-repeat 0 15px;
				display: block;
				padding: 10px 0 0 21px;
			}
	ul#ProductCarousel {padding-left: 0; width: 300px;}
		ul#ProductCarousel li {background: 0; padding-bottom: 0; padding-left: 0;}

#Content dl.generic {margin-bottom: 20px;}
	#Content dl.generic dt {margin-bottom: 5px; font-weight: bold;}
	#Content dl.generic dd {margin-bottom: 5px; margin-left: 40px;}

#Content div.videoList {height: 400px; overflow: auto; margin-bottom: 20px;}
	#Content div.videoList dt {float: left;}
	#Content div.videoList dd {margin-left: 125px; height: 90px; padding-top: 10px; font-weight: bold;}
	

#Content table.genericTable {border: 0; margin-bottom: 20px; width: 100%;}
	#Content table.genericTable th {font-weight: bold; background: #ddd; color: #666; border-bottom: 1px solid #ccc; padding: 5px}
	#Content table.genericTable td {border-bottom: 1px solid #ccc; padding: 5px;}
	#Content table.genericTable tr.even td {background: #eee}
	#Content table.genericTable td.subHead {text-align: left; font-weight: bold; font-style: normal; background: #d5d5d5;}
	#Content table.genericTable td.desc {text-align: right; font-style:italic}
	#Content table.genericTable td.included {text-align: center;}

#Content table.comparisonTable {border: 0; margin-bottom: 20px;} /* used for the comparison page in products */
	#Content table.comparisonTable th {font-weight: bold; background: #ddd; color: #666; border-bottom: 1px solid #ccc; padding: 5px}
	#Content table.comparisonTable td {text-align: right; border-bottom: 1px solid #ccc; padding: 5px; font-style:italic;}
	#Content table.comparisonTable td.included {width: 10%; text-align: center; font-style: normal;}
	#Content table.comparisonTable td.subHead {text-align: left; font-weight: bold; font-style: normal; background: #d5d5d5;}
	#Content table.comparisonTable tr.even td {background: #eee}
	#Content table.comparisonTable th a {color: #666;}
	#Content table.comparisonTable td strong {color: #900}

#Content dl.partnerList {margin-bottom: 20px; border-bottom: 1px solid #ccc;}
	#Content dl.partnerList dt {width: 200px; text-align:center; float: left;}
	#Content dl.partnerList dd {margin-left: 210px;}


/* Product content in tabs */
	#Content ul.systemRequirements li div.note {border: 1px solid #999; background: #FFC; font-size: 0.85em; padding: 3px; margin: 2px 10px; margin-right: 50px;}
	#Content table.hardwareRequirements {border: 0; margin-bottom: 20px;}
	#Content table.hardwareRequirements th {font-weight: bold; background: #ddd; color: #666; border-bottom: 1px solid #ccc; padding: 5px}
	#Content table.hardwareRequirements td {border-bottom: 1px solid #ccc; padding: 5px;  width: 30%;}
	#Content table.hardwareRequirements tr.even td {background: #eee}
	#Content table.hardwareRequirements td.requirementsDesc {text-align: right; width: 40%; font-style:italic}
	

#ContentInner { float: left; width: 550px; }
#SidebarInner { float: right; width: 310px; }
	#ContentInner a.more, #SidebarInner a.more { font-weight: bold; }
	#ContentInner h2, #SidebarInner h2 { font-size: 161.6%; }
	#ContentInner h3, #SidebarInner h3 { font-size: 131%; }
	#ContentInner h4, #SidebarInner h4 { font-size: 108%; font-weight: bold; padding-bottom: 8px; }
	
.calloutBox {
	background: url(../images/solutions/gold-bg.png) no-repeat 0 0;
	width: 894px;
	height: 97px;
	margin-bottom: 20px;
	padding: 18px 38px 18px 28px;
}
	#Content .calloutBox h2 {
		color: #F1E4A8;
		float: left;
		font-size: 161.6%;
		width: 200px;
		padding-top: 22px;
	}
	.calloutBox .vertBox { border-left: 1px solid #E4D79F; margin-left: 210px; padding-left: 20px; }
		#Content .calloutBox .quote { background: 0; margin: 0; width: auto; }
			#Content .calloutBox .quote p { margin: 0; }
			#Content .calloutBox .quote q { color: #fff; font-size: 131%; padding-bottom: 6px; }
			#Content .calloutBox .quote cite { color: #fff; font-size: 108%; padding-left: 0; }

#Content div.callout {width: 334px; height: 116px; margin-bottom: 20px; padding-top: 15px; padding-right: 10px; font-size: 0.9em; font-weight: bold; }	
	#Content div.callout h3 {color: #c0a011; margin-left: 162px; margin-bottom: 5px !important; padding-bottom: 0;}
	#Content div.callout p {margin-left: 162px; margin-bottom:  11px;}
	
		#Content div.calloutWireless {background: url(../images/common/callout-wireless.gif) 0 0 no-repeat;}
		#Content div.calloutWebinar  {background: url(../images/common/callout-webinar.gif) 0 0 no-repeat;}

#Content .featureBox {margin-bottom: 25px; width: 960px;}
	#Content .featureBox .channel {background: url(../images/common/feature-box-bg.png) no-repeat 0 0; display: block; min-height: 247px;}
		#Content .featureBox .channel .screenshot {
			float: right; 
			display: block; 
			padding: 22px 32px 10px 0; 
			text-align: right;
			width: 325px;
		}
		#Content .featureBox .channel .content {
			display: block; 
			float: left; 
			min-height: 150px;
			padding: 22px 0 60px 25px; 
			position: relative;
			width: 500px;
		}
			#Content .featureBox .channel .content h2 {color: #fff; font-size: 167%;}
			#Content .featureBox .channel .content p {color: #fff; font-size: 108%;}
			#Content .featureBox .channel .content .button {bottom: 5px; position: absolute;}
				#Content .featureBox .channel .content .button ul {padding-left: 0; margin-bottom: 0;}
					#Content .featureBox .channel .content .button ul li {
						background: url(../images/common/feature-box-button.png) no-repeat 100% 100%; 
						display: block;
						float: left; 
						height: 41px;
						margin-right: 10px;
						padding: 0 10px 0 0;
					}
						#Content .featureBox .channel .content .button a {
							background: url(../images/common/feature-box-button.png) no-repeat 0 0; 
							color: #fff;
							display: block; 
							float: left;
							font-size: 116%;
							font-weight: bold;
							height: 41px;
							padding-left: 18px;
							padding-right: 20px;
							text-decoration: none;
						}
							#Content .featureBox .channel .content .button a span {background: url(../images/products/button-raquo.gif) no-repeat 0 15px; display: block; padding: 10px 0 0 21px;}
					
	#Content .featureBox .footer {background: url(../images/common/feature-box-bg.png) no-repeat 0 100%; display: block; height: 6px;}

#Content .technologyHighlightBlock {margin-bottom: 10px;}
	#Content .technologyHighlightBlock .channel {background: url(../images/technology/technology-highlight-block.gif) no-repeat 0 0;}
	#Content .technologyHighlightBlock .footer {background: url(../images/technology/technology-highlight-block.gif) no-repeat 0 100%; height: 8px;}
	#Content .technologyHighlightBlock .content {display: block; float: left; width: 271px;}
	#Content .technologyHighlightBlock .last {display: block; float: right; width: 630px;}
		#Content .technologyHighlightBlock .content h3 {
			background: #666;
			border-bottom: 1px solid #ccc;
			color: #ccc;
			font-size: 138.5%; 
			margin-top: 15px; 
			min-height: 21px;
			padding: 0 20px 10px 23px; 
		}
		#Content .technologyHighlightBlock .content ul {padding-left: 0; margin-bottom: 30px;}
			#Content .technologyHighlightBlock .content ul li {background: 0; border-bottom: 1px solid #ccc; padding: 0;}
				#Content .technologyHighlightBlock .content ul li a {
					color: #fff; 
					display: block;
					font-weight: bold; 
					padding: 5px 35px 5px 23px;
				}
				#Content .technologyHighlightBlock .content ul li a.over {
					background: #ccc url(../images/technology/highlight-link-raquo.gif) no-repeat 245px 10px;
					color: #666;
					text-decoration: none;
				}
	/* I need to be able to create lists in the content areas. This class overwrites the defaults set for this section. -Dave */
	#Content .technologyHighlightBlock .content ul.normal {padding: 20px; margin: 10px;}
			#Content .technologyHighlightBlock .content ul.normal li {background: none; border-bottom: none; padding: 0;margin: 5px 0;list-style-type:disc;}
	#Content .technologyHighlightBlock .content ul.normal li a.over {
					background-color: #fff;
					background-image: none;
					color: #000;
					text-decoration: none;
				}
	#Content .technologyHighlightBlock .content ul.normal li a {
					color: #000; 
					display: inline;
					font-weight: normal; 
					padding: 0;
				}
	/* end -Dave */
	#Content .technologyHighlightBlock .details {
		display: none;
		left: 297px;
		position: absolute;
		top: 20px;
		width: 636px;
	}
		#Content .technologyHighlightBlock .details .more a {
			background: url(../images/common/raquo.gif) no-repeat 2px 5px;
			display: block;
			color: #334466;
			padding: 0 0 0 15px;
		}
		#Content .technologyHighlightBlock .screenshotDisplay {}
			#Content .technologyHighlightBlock .screenshotDisplay .screenshot {
				display: block; 
				float: right; 
				padding-top: 10px;
				text-align: right; 
				width: 295px;
			}
			#Content .technologyHighlightBlock .screenshotDisplay .desc {display: block; float: left; width: 300px;}
			
			
/* Product Carousel */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 300px;
    height: 227px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	display: none;
	z-index: 3;
}

.jcarousel-prev {
	display: none;
	z-index: 3;
}


#Content .twoCol {}
	#Content .twoCol .first {float: left; width: 48%;}
	#Content .twoCol .last {float: right; width: 48%;}
		#Content .twoCol ul {padding-left: 15px;}
		#Content .twoCol li {padding-left: 15px;}
		
#Content .threeCol {}
	#Content .threeCol .first {float: left; width: 32%;}
	#Content .threeCol .mid   {float: left; width: 32%;}
	#Content .threeCol .last  {float: right; width: 32%;}
		#Content .threeCol ul {padding-left: 15px;}
		#Content .threeCol li {padding-left: 15px;}		

#Content .productThreeCol {margin-bottom: 20px;}
	#Content .productThreeCol .first {float: left; padding-right: 60px; width: 280px;}
	#Content .productThreeCol .mid   {float: left; padding-right: 60px; width: 280px;}
	#Content .productThreeCol .last  {float: right; width: 280px;}
	
	
#Content .bottomBorder {border-bottom: 1px solid #ccc; padding-bottom: 20px;}

#Content .productFourCol {margin-bottom: 20px;}
	#Content .productFourCol .col {float: left; padding-right: 40px; width: 210px;}
	#Content .productFourCol .last  {float: right; padding-right: 0;}

#Content .dividedThreeCol {background: url(../images/common/divided-three-col-bg.gif) repeat-y; margin-bottom: 20px;}
	#Content .dividedThreeCol .first {float: left; padding-right: 40px; width: 260px;}
	#Content .dividedThreeCol .mid {float: left; padding: 0 40px 0 35px; width: 261px;}
	#Content .dividedThreeCol .last {float: right; padding-right: 25px; width: 260px;}
	
#Content .productPreview h3 {color: #334466; padding-bottom: 5px;}
	#Content .productPreview p {margin-bottom: 3px;}
	#Content .productPreview .links {color: #334466; font-size: 85%; font-weight: bold;}

#Content ul.newsAwards {padding-left: 0;}
	#Content ul.newsAwards li {background: 0; padding-left: 0;}

#Content ul.resources {padding-left: 0;}
	#Content ul.resources li {background: 0; padding-left: 0;}

#Content a.getStarted {
	background: url(../images/common/raquo.gif) no-repeat 0 4px;
	display: block;
	font-weight: bold;
	padding-left: 15px;
}
	#Content a.getStarted:hover {color: #bb9900; text-decoration: underline;}

#Content .knowledgeBaseSearch {margin: 12px 0;}
	#Content .knowledgeBaseSearch .channel {background: url(../images/common/knowledge-base-search-bg.gif) no-repeat 0 0; min-height: 70px;}
		#Content .knowledgeBaseSearch .channel .content {padding: 22px 35px 0 35px;}
			#Content .knowledgeBaseSearch label {
				color: #fff; 
				display: block;
				float: left;
				font-size: 138.5%; 
				font-weight: bold;
				padding-top: 6px;
			}
			#Content .knowledgeBaseSearch input.kbSearchBox {
				background: url(../images/common/knowledge-base-searchbox-bg.gif) no-repeat 100% 0;
				border: 0;
				display: block;
				float: left;
				font-size: 138.5%;
				font-weight: bold;
				height: 22px;
				margin: 0 10px;
				padding: 5px;
				width: 442px;
			}
			#Content .knowledgeBaseSearch input.submit {
				background: url(../images/common/search-button-bg.gif) no-repeat;
				border: 0;
				color: #fff;
				display: block;
				float: left;
				font-size: 138.5%; 
				height: 36px;
				width: 92px;
			}
			
	#Content .knowledgeBaseSearch .footer {background: url(../images/common/knowledge-base-search-bg.gif) no-repeat 0 100%; height: 5px;}

#Content .twoTiles {margin-bottom: 25px;}
	#Content .twoTiles .first {display: block; float: left; width: 476px;}
	#Content .twoTiles .last {display: block; float: right; width: 476px;}
		#Content .getHelpTile {
			background: url(../images/support/get-help-tile.jpg) no-repeat;
			display: block;
			height: 156px;
			text-indent: -32000em;
			width: 476px;
		}
		#Content .communityTile {
			background: url(../images/support/community-tile.jpg) no-repeat;
			display: block;
			height: 156px;
			outline: 0;
			text-indent: -32000em;
			width: 476px;
		}

#Content .supportThreeCols {background: url(../images/support/support-landing-columns-bg.gif) repeat-y; margin-bottom: 10px;}
	#Content .supportThreeCols .first {display: block; float: left; padding: 0 30px 0 15px; width: 320px;}
	#Content .supportThreeCols .mid {display: block; float: left; padding: 0 30px; width: 296px;}
	#Content .supportThreeCols .last {display: block; float: right; width: 212px;}

#Content ul.supportResources {padding-left: 0;}
#Content ul.supportResources li {background: url(../images/common/small-raquo.gif) no-repeat 3px 5px; padding-left: 15px;}

#Content ul.supportDocs {padding-left: 0;}
#Content ul.supportDocs li {background: 0; padding-left: 0;}

#Content .selectSupportDocs {margin-bottom: 10px;}
	#Content .selectSupportDocs .channel {background: url(../images/support/support-docs-form-bg.gif) no-repeat 0 0;}
		#Content .selectSupportDocs .channel .content {padding: 12px 15px 8px 15px;}
		#Content .selectSupportDocs label {
			display: block;
			float: left;
			font-size: 93%;
			font-weight: bold;
			padding-right: 7px;
			padding-top: 3px;
		}
		#Content .selectSupportDocs select {
			border: 1px solid #a8acad;
			display: block;
			float: left;
			font-size: 93%;
			font-weight: bold;
		}
	#Content .selectSupportDocs .footer {background: url(../images/support/support-docs-form-bg.gif) no-repeat 0 100%; height: 5px;}


#Content .logoWithHeadline {margin-bottom: 15px;}
	#Content .logoWithHeadline .logo {
		border-right: 3px solid #ccc; 
		display: block; 
		float: left;
		margin-top: 3px;
		padding-left: 18px;
		width: 250px;
	}
	#Content .logoWithHeadline .headline {display: block; float: right; width: 428px;}
		#Content .logoWithHeadline .headline h1 {color: #666; font-size: 138.5%;}

body.home #Content .logoWithHeadline {margin-bottom: 8px;}
	body.home #Content h1, body.home #Content h2 {color: #282; font-size: 131%; line-height: 28px; }
	body.home #Content .logoWithHeadline em {
		background: url(../images/home/wug-logo.gif) no-repeat 5px 3px;
		border-right: 2px solid #ccc; 
		display: block;
		float: left;
		margin-right: 12px;
		height: 28px;
		text-indent: -32000em;
		width: 158px;
	}
	body.home #Content .logoWithHeadline em.logoPlugins {
		background: url(../images/home/wug-plug-ins.gif) no-repeat 5px 3px;
		width: 245px;
	}
	body.home #Content .logoWithHeadline em.logoEventLogManagement {
		background: url(../images/home/event-log-management.gif) no-repeat 5px 3px;
		width: 360px;
	}
	
/* Tabs */
.ui-tabs-hide {display: none;}	
	
#Content ul.tabNav {
	border-bottom: 1px solid #ccc;
	display: block;
	height: 38px;
	margin-bottom: 30px;
	padding-left: 37px;
	position: relative; 
	z-index: 15;
}
	#Content ul.tabNav li { background: 0; float: left; font-size: 100%; padding: 0 5px 0 0; }
		#Content ul.tabNav li a {
			background: url(../images/common/tab-left-bg-inactive.gif) no-repeat;
			color: #666;
			display: block;
			float: left;
			font-size: 108%;
			height: 39px;
			outline: 0;
			text-decoration: none;
		}
			#Content ul.tabNav li a span {
				background: url(../images/common/tab-right-bg-inactive.gif) no-repeat 100% 0;
				display: block; 
				height: 27px;
				padding: 12px 16px 0 16px;
				text-align: center;
			}
			#Content ul.tabNav li.ui-state-active a {
				background: url(../images/common/tab-left-bg-active.gif) no-repeat 0 100%;
				color: #000;
			}		
				#Content ul.tabNav li.ui-state-active a span {
					background: url(../images/common/tab-right-bg-active.gif) no-repeat 100% 100%;
				}
body.landing #Content ul.tabNav {
	border: 0;
	background: url(../images/common/landing-tabs-bg.gif) no-repeat 0 0;
	display: block;
	height: 33px;
	margin-bottom: 5px;
	padding-left: 30px;
	padding-top: 12px;
	position: relative; 
	z-index: 15;
}
	body.landing #Content ul.tabNav li { background: 0; float: left; font-size: 100%; padding: 0 5px 0 0; }
		body.landing #Content ul.tabNav li a {
			background: url(../images/common/landing-tab-left-bg-inactive.gif) no-repeat;
			color: #fefefe;
			display: block;
			float: left;
			font-size: 108%;
			height: 33px;
			outline: 0;
			text-decoration: none;
		}
			body.landing #Content ul.tabNav li a span {
				background: url(../images/common/landing-tab-right-bg-inactive.gif) no-repeat 100% 0;
				display: block; 
				height: 24px;
				padding: 9px 24px 0 24px;
				text-align: center;
			}
			body.landing #Content ul.tabNav li.ui-state-active a {
				background: url(../images/common/landing-tab-left-bg-active.gif) no-repeat 0 100%;
				color: #2e2c2c;
			}		
				body.landing #Content ul.tabNav li.ui-state-active a span {
					background: url(../images/common/landing-tab-right-bg-active.gif) no-repeat 100% 100%;
				}

body.landing #Content .tabContent {
	background: url(../images/common/landing-tabcontent-top-bg.gif) no-repeat 0 0;
	margin-bottom: 10px;
}
	body.landing #Content .tabContent .channel {
		background: url(../images/common/landing-tabcontent-bottom-bg.gif) no-repeat 0 100%;
		display: block;
		min-height: 40px;
		padding: 20px 20px 15px 25px;
	}
	
	body.landing #Content .tabContent .screenshotDisplay {}
		body.landing #Content .tabContent .screenshotDisplay .screenshot {float: left; width: 265px;}
		body.landing #Content .tabContent .screenshotDisplay .content {padding-left: 270px;}
			body.landing #Content .tabContent .screenshotDisplay .content p {line-height: 170%;}
			body.landing #Content .tabContent .screenshotDisplay .content ul {padding-left: 0;}
				body.landing #Content .tabContent .screenshotDisplay .content ul li {padding-left: 15px;}
			body.landing #Content .tabContent .button {
				background: url(../images/common/landing-tabcontent-button-left-bg.gif) no-repeat 0 0;
				display: block;
				position: absolute; left: 450px; top: 335px;
				height: 43px;
				margin-top: 12px;

			}
				body.landing #Content .tabContent .button a {
					background: url(../images/common/landing-tabcontent-button-right-bg.gif) no-repeat 100% 0;
					color: #fff;
					display: block;
					font-size: 116%;
					font-weight: bold;
					height: 43px;
					text-decoration: none;
				}
					body.landing #Content .tabContent .button a span {
						background: url(../images/common/button-raquo.gif) no-repeat 18px 15px;
						display: block;
						padding: 10px 25px 0 39px;
					}

.tabbedColumnBlock { height: 271px; margin-bottom: 20px; }
	.tabbedColumnBlock ul.columns li.one { width: 730px; }
		.tabbedColumnBlock ul.columns li.one .content { background: url(../images/home/tabnav-bg.png) no-repeat 0 0; }
	.withPromo ul.columns li.two {
		background: url(../images/home/promo-bg.png) no-repeat 100% 100% !important;
		width: 230px;
	}
		.withPromo li.two .channel { padding-bottom: 20px; }
		.withPromo li.two .content {
			background: url(../images/home/promo-bg.png) no-repeat 100% 0;
			padding: 16px 16px 16px 26px;
		}
		.tabbedColumnBlock li.two .content { height: 235px; padding-bottom: 0; }

		#Content .tabbedColumnBlock li.two h3 {
			background: url(../images/home/whatsup-gold-vs-solarwinds-txt-bg.png) no-repeat 0 0;
			color: #555;
			height: 51px;
			text-indent: -32000em;
			width: 188px;
		}
			#Content .tabbedColumnBlock li.two h3 em { color: #282; font-weight: bold; }
			#Content .tabbedColumnBlock li.two h3 span { color: #b90; }

a.more {
	background: url(../images/common/blue-raquo-small-bg.png) no-repeat 0 60%;
	padding-left: 12px;
	font-size: 93%;
	font-weight: bold;
}

.pluginHighlightBlock { margin-bottom: 20px; }
	.pluginHighlightBlock ul.columns li.one {
		background: url(../images/home/plugin-list-bg.png) no-repeat 100% 100% !important;
		width: 730px;
	}
		.pluginHighlightBlock ul.columns li.one .channel { padding-bottom: 20px; }
		.pluginHighlightBlock ul.columns li.one .content {
			background: url(../images/home/plugin-list-bg.png) no-repeat 0 0;
/*			min-height: 200px;*/
		}


.eventLogManagementBlock { margin-bottom: 20px; position: relative; }
	.eventLogManagementBlock ul.columns li.one {
		background: url(../images/home/event-log-management-block-bg.png) no-repeat 100% 100% !important;
		width: 730px;
	}
		.eventLogManagementBlock ul.columns li.one .channel { padding-bottom: 20px; }
		.eventLogManagementBlock ul.columns li.one .content { background: url(../images/home/event-log-management-block-bg.png) no-repeat 0 0; }
		#Content .eventLogManagementBlock ul.columns li.one h3 {
			color: #fff;
			font-size: 138.5%;
			font-weight: normal;
			padding-bottom: 20px;
		}
			#Content .eventLogManagementBlock ul.columns li.one h3 a { color: #fff; }
				#Content .eventLogManagementBlock ul.columns li.one h3 a:hover { color: #fff; text-decoration: none; }
		.eventLogManagementBlock .footer { position: absolute; bottom: 10px; }
		
ul.pluginList { margin: 0 !important; padding: 0 !important; width: 252px; }
	ul.pluginList li { background: 0 !important; border-bottom: 1px solid #bdbdbd; margin: 0 !important; padding: 0 !important; }
		#Content ul.pluginList li.title h2 { color: #fff; font-size: 100%; padding: 0 0 0 12px; }
		#Content ul.pluginList li a {
			color: #fff;
			display: block;
			padding-left: 12px;
		}
			#Content ul.pluginList li a.over {
				background: url(../images/home/plugin-list-a-over-bg.png) no-repeat 0 100%;
				color: #333;
				text-decoration: none;
			}
/*				#Content ul.pluginList li.first a.over { background-position: 0 0; }*/
				ul.pluginList li a span {	display: block; line-height: 27px; }
					ul.pluginList li a.over span { background: url(../images/common/grey-raquo-bg.png) no-repeat 95% 50%; }
					ul.pluginList li a.new em {
						background: url(../images/common/new-icon-bg.png) no-repeat 0 50%; padding-left: 37px;
						display: block;
						line-height: 27px;
					}
		ul.pluginList li div.details {
			display: none;
			left: 258px;
			padding: 20px;
			position: absolute;
			top: 0;
			width: 435px;
		}
			#Content ul.pluginList li div.details a { color: #346; }
				#Content ul.pluginList div.details h3 { font-size: 131%; }
					ul.pluginList div.details h3 em { color: #282; }
					#Content ul.pluginList div.details h3 span { color: #b90; display: block; font-weight: normal; }
					

ul.toolList { margin: 0 !important; padding: 0 !important; }
	ul.toolList li { background: 0 !important; width: 182px; float: left; padding: 0 !important; }
	ul.toolList li .content { background: 0 !important; padding: 15px; }

.moreInfo { background: url(../images/home/more-info-bg.gif) no-repeat 0 20px; }	
	.moreInfo ul { padding: 0 !important; }
		.moreInfo li { background: 0 !important; margin: 0 !important; padding: 0 !important; }

ul.infoCols { }
	ul.infoCols li { float: left; width: 244px; }
		ul.infoCols li.last { width: 228px; }
		ul.infoCols li li { width: 204px; }
		ul.infoCols li .content { padding: 0 20px; }

body.home #Content .moreInfo h2 { color: #346; font-size: 123.1%; font-weight: bold; line-height: 22px; }
body.home #Content .moreInfo .content a { text-decoration: underline; }
body.home #Content .moreInfo ul.headlines li { margin-bottom: 12px !important; }
body.home #Content .moreInfo ul.headlines a { text-decoration: none; }

body.home #Content p.quote {
	background: 0;
	border: 1px solid #e5e5e5;
	border-left: none;
	border-right: none;
	color: #666;
	padding: 10px 0;
	width: auto;
}
	body.home p.quote q { display: block; line-height: 1.6em; font-size: 108%; }
	
body.home #Content ul.tabNav {
	border: 0;
	display: block;
	height: 33px;
	margin-bottom: 5px;
	padding: 12px 0 0 30px;
	position: relative; 
	z-index: 15;
}
	body.home #Content ul.tabNav li { background: 0; float: left; font-size: 100%; padding: 0 5px 0 0; }
		body.home #Content ul.tabNav li a {
			background: url(../images/common/landing-tab-left-bg-inactive.gif) no-repeat;
			color: #fefefe;
			display: block;
			float: left;
			font-size: 108%;
			height: 33px;
			outline: 0;
			text-decoration: none;
		}
			body.home #Content ul.tabNav li a span {
				background: url(../images/common/landing-tab-right-bg-inactive.gif) no-repeat 100% 0;
				display: block; 
				height: 24px;
				padding: 9px 24px 0 24px;
				text-align: center;
			}
			body.home #Content ul.tabNav li.ui-state-active a {
				background: url(../images/common/landing-tab-left-bg-active.gif) no-repeat 0 100%;
				color: #2e2c2c;
			}		
				body.home #Content ul.tabNav li.ui-state-active a span {
					background: url(../images/common/landing-tab-right-bg-active.gif) no-repeat 100% 100%;
				}

body.home #Content .tabContent {
	background: url(../images/home/tab-bg.png) no-repeat 0 0;
	padding: 20px 20px 10px 25px;
	height: 193px;
}
	body.home #Content #Videos { height: 198px; padding-top: 15px; }
	body.home #Content #ComingSoon { padding-left: 246px; }
		body.home #Content #ComingSoon h2 { color: #b90; font-size: 223%; }
		body.home #Content #ComingSoon h3 { color: #666; font-size: 123.1%;}
		body.home #Content #ComingSoon p.button { margin-bottom: 0; padding-left: 30px; padding-top: 8px; }
	body.home #Content #CompareFeatures h2 { color: #b90; font-weight: bold; line-height: 1.1em; font-size: 182%; }
		body.home #Content #CompareFeatures h2 em { color: #282; float: left; margin-right: 0.2em; }
		body.home #Content #CompareFeatures h2 span { font-weight: normal; display: block; }
		body.home #Content #CompareFeatures .edCol p em { color: #b90; font-weight: bold; }
		
	body.home .tabs #Overview { background-image: url(../images/home/tab-overview-bg.png); }
	body.home .tabs #ComingSoon { background-image: url(../images/home/tab-coming-soon-bg.png); }
	body.home #Content .tabs .screenshotDisplay {}
		body.home #Content .tabs .screenshotDisplay .screenshot {float: left; width: 235px;}
		body.home #Content .tabs .screenshotDisplay p { margin: 20px 20px 0 230px; }
			p.intro { color: #666; font-size: 108%; font-weight: bold; }
				p.intro em { color: #000; font-weight: bold; }
			body.home #Content .tabs .screenshotDisplay .content ul {padding-left: 0;}
				body.home #Content .tabs .screenshotDisplay .content ul li {padding-left: 15px;}

.featuresColumns { padding-top: 8px; }
	.featuresColumns .colOne, .featuresColumns .colTwo { float: left; margin: 0; width: 48%; }
	.featuresColumns li { font-size: 93%; padding-bottom: 7px !important; }

div.editionsColumns { background: url(../images/home/editions-columns-bg.png) no-repeat 50% 0; height: 185px; }
	div.editionsColumns div.edCol { width: 203px; float: left; }
		div.colTwo { margin: 0 38px; }
	body.home .tabContent div.editionsColumns .footer { right: auto; bottom: 30px; }
		.tabContent div.editionsColumns ul.buttons { float: left; }
		
.tabContent ul.grid {
	margin: 0 20px !important;
}
.tabContent .vidBox { width: 300px; padding-right: 20px; }
	.tabContent .vidBox a.thumb { float: left; margin-right: 10px; }
	.tabContent .vidBox p { font-weight: bold; }
		.tabContent .vidBox p a { line-height: 1.4em; }
#Videos li.bottomRow {padding-bottom: 0;}
	#Videos li.bottomRow .vidBox p {margin-bottom: 0;}

body.home .tabContent .footer { position: absolute; bottom: 10px; right: 250px; }

#Banner { position: relative; }
	#Banner .banner {
		background-position: 0 0;
		background-repeat: no-repeat;
/*		display: none;*/
		cursor: pointer;
		height: 340px;
		width: 960px;
	}
	#Banner .banner h2, #Banner .banner p, #Banner .banner a { background: 0 !important; display: block; text-indent: -32000em; }
	
	#BannerOne { background-image: url(../images/home/banner_event_log_management.jpg); }
	#BannerTwo { background-image: url(../images/home/banner_WhatsUp_Gold_14.2.jpg); }
	#BannerThree { background-image: url(../images/home/banner_flow_publisher.jpg); }

	#Banner ul.controls {
		left: 19px;
		padding: 0;
		position: absolute;
		bottom: 15px;
	}
		#Banner ul.controls li { float: left; }
			#Banner ul.controls li a {
				background-position: 0 0;
				background-repeat: no-repeat;
				display: block;
				height: 47px;
				text-indent: -32000em;
				width: 307px;
			}
				#Banner ul.controls li a:hover, #Banner ul.controls li a.active { background-position: 100% 0; }
				#Banner ul.controls li.one a { background-image: url(../images/home/banner_button_left.png); }
				#Banner ul.controls li.two a { background-image: url(../images/home/banner_button_center.png); }
				#Banner ul.controls li.three a { background-image: url(../images/home/banner_button_right.png); }

.tabContent ul.buttons { float: right; padding: 0 !important; }
	.tabContent ul.buttons li { float: left; margin-right: 2px; }
		.tabContent ul.buttons a, p.button a {
			background: url(../images/common/button-bg.png) no-repeat 0 0;
			display: block;
			float: left;
			padding-left: 10px;
		}
			.tabContent ul.buttons span, p.button span {
				background: url(../images/common/button-bg.png) no-repeat 100% 100%;
				display: block;
				float: left;
				padding-right: 10px;
			}
				.tabContent ul.buttons em, p.button em {
					display: block;
					float: left;
					font-size: 93%;
					line-height: 25px;
					white-space: nowrap;
				}
					.tabContent ul.buttons em, p.button a.more em {
						background: url(../images/common/blue-raquo-small-bg.png) no-repeat 0 50%;
						padding-left: 12px;
					}
					.tabContent ul.buttons em { font-weight: bold; }
					
		p.buttonLarge { margin-bottom: 6px; }
		p.buttonLarge a { background-image: url(../images/common/button-large-bg.png); float: none; }
			p.buttonLarge span { background-image: url(../images/common/button-large-bg.png); float: none; }
				p.buttonLarge em {
					background: url(../images/common/blue-raquo-bg.png) no-repeat 5px 50%;
					float: none;
					font-size: 108%;
					font-weight: bold;
					line-height: 41px;
					padding-left: 22px;
				}

.highlightBox {
	background: url(../images/common/highlight-box-bg.png) no-repeat 0 0;
	margin: 10px 0 20px;
	padding-top: 15px;
	position: relative;
}
	.highlightBox .content {
		background: url(../images/common/highlight-box-bg.png) no-repeat 0 100%;
		padding: 0 15px 15px;
	}
	.highlightBox .channel {
		background: #ca2 url(../images/common/highlight-box-content-bg.png) no-repeat 0 0;
		padding-top: 18px;
		margin-bottom: 18px;
	}
		.highlightBox li.one .channel { margin-right: 6px; }
		.highlightBox li.two .channel { margin: 0 3px; }
		.highlightBox li.three .channel { margin-left: 6px; }
		.highlightBox ul.columns li.column {
			background: url(../images/common/highlight-box-content-bg.png) no-repeat 0 100% !important;
		}
			.highlightBox ul.columns li.two { background-position: 50% 100% !important; }
			.highlightBox ul.columns li.three { background-position: 100% 100% !important; }
			
		.highlightBox .channel .content {
			background: 0;
			padding: 0 18px;
		}
		.highlightBox .channel .withFooter { padding-bottom: 70px; }
			.highlightBox .channel .footer { bottom: 20px; position: absolute; width: 268px; }
		.highlightBox .channel label { display: inline-block; padding: 8px 0 4px; width: 90%; }
		.highlightBox .channel .content select { width: 241px; }
		#Content .highlightBox .channel .content h2 { font-size: 174%; }
		#Content .highlightBox .channel .content h3 { color: #666; padding-bottom: 15px; }

.columnBlock { margin-bottom: 20px; }
	.columnBlock li.column { border-right: 1px solid #ccc; }
	.columnBlock li.three { border-right: 0; }
		.columnBlock li.column .content { padding: 0 20px; }
		#Content .columnBlock h3 { color: #000; font-size: 108%; }
		#Content ul.documents { padding: 6px 0 0; }
			#Content ul.documents li { padding-left: 0; }
				#Content ul.documents a.pdf {
					background: url(../images/common/pdf-icon.png) no-repeat 0 0;
					display: block;
					font-weight: bold;
					font-size: 93%;
					padding-left: 24px;
					line-height: 16px;
				}
		p.docLinks a { font-weight: bold; }
		
		p a.pdf {
			background: url(../images/common/icon_pdf.png) no-repeat 0 50%;
			display: block;
			min-height: 16px;
			padding-left: 24px;
		}
		p a.video {
			background: url(../images/common/icon_video.png) no-repeat 0 50%;
			display: block;
			min-height: 16px;
			padding-left: 24px;
		}


.imageBlock { }
	.imageBlock p {
		color: #666;
		float: right;
		font-weight: bold;
		width: 200px;
	}
		.imageBlock p.image { float: left; margin-right: 10px; width: auto; display: inline; }
		#Content ul.pluginList li div.details .imageBlock p.image a {	padding: 0;	display: inline; }
		.details p.button em { font-weight: bold; }
	#Content div.details div.imageBlock h3 { float: right; font-size: 174%; line-height: 1.0em; width: 200px; }
	
#Content .edition {background: #aa7f00 url(../images/common/edition-box-top-bg.gif) no-repeat 0 0; display: block; margin-bottom: 10px;}
	#Content .edition .channel {background: url(../images/common/edition-box-bottom-bg.gif) no-repeat 0 100%; display: block; padding: 17px 20px 20px 15px;}
		#Content .edition h2 {color: #fff; font-size: 161.6%;}
		#Content .edition .compare {
			background: url(../images/common/compare-button-left-bg.gif) no-repeat 0 0; 
			display: block; 
			float: right; 
			height: 25px; 
		}
			#Content .edition .compare a {
				background: url(../images/common/compare-button-right-bg.gif) no-repeat 100% 0; 
				display: block; 
				font-size: 85%;
				font-weight: bold;
				height: 25px; 
			}
				#Content .edition .compare a:hover {color: #334466; text-decoration: none;}
				#Content .edition .compare a span {display: block; padding: 4px 15px 0 32px;}
		#Content .edition .channel .threeCol {}
			#Content .edition .channel .content {background: url(../images/common/edition-content-top-bg.gif) no-repeat 0 0; display: block; margin-top: 5px;}
			#Content .edition .channel .footer {background: url(../images/common/edition-content-bottom-bg.gif) no-repeat 0 100%; display: block;}
			#Content .edition .channel .threeCol .col {
				display: block; 
				float: left; 
				padding: 15px; 
				width: 190px;
			}
			#Content .edition .channel .content .col {padding-bottom: 0; }
			#Content .edition .channel .footer .col {padding-top: 0; }
			#Content .edition .channel .threeCol .first {margin-right: 10px;}
			#Content .edition .channel .threeCol .middle {margin-right: 10px;}
			#Content .edition .channel .threeCol .last {}
		#Content .edition .channel h3 {
			color:#228822; 
			font-size: 174%; 
			font-weight: normal;
			line-height: 1.1em;
		}
			#Content .edition .channel h3 span {color: #bb9900;}
			#Content .edition .channel h3 em {color: #bb9900; font-weight: bold;}
		#Content .edition .channel p {}
			#Content .edition .channel p em {color: #bb9900; font-weight: bold;}
		#Content .edition .channel .button {
			background: url(../images/common/edition-button-left-bg.gif) no-repeat 0 0; 
			display: block; 
			float: left;
			height: 26px;
			margin-bottom: 3px;
			margin-right: 3px;
		}
			#Content .edition .channel .button a {
				background: url(../images/common/edition-button-right-bg.gif) no-repeat 100% 0; 
				display: block; 
				font-size: 85%;
				font-weight: bold;
				height: 26px;
				white-space: nowrap;
			}
				#Content .edition .channel .button a:hover {color: #bb9900; text-decoration: none;}
				#Content .edition .channel .button a span {background: url(../images/common/edition-button-bullet.gif) no-repeat 9px 10px; display: block; padding: 6px 11px 0 19px;}
			
#Content .videoCarouselContainer {background: #26334d url(../images/common/video-carousel-top-bg.gif) no-repeat; display: block; margin-bottom: 10px;}
	#Content .videoCarouselContainer .channel {background: url(../images/common/video-carousel-bottom-bg.gif) no-repeat 0 100%; display: block; padding: 18px 0 5px 0;}
		#Content .videoCarouselContainer .channel .previous {display: block; float: left; margin: 0 6px 0 9px;}
			#Content .videoCarouselContainer .channel .previous a {
				background: url(../images/common/video-carousel-previous.gif) no-repeat 0 0;
				display: block;
				height: 35px;
				margin-top: 34px;
				outline: 0;
				text-indent: -32000em;
				width: 32px;
			}
		#Content .videoCarouselContainer .channel #VideoCarousel {float: left;}
			#Content .videoCarouselContainer .channel #VideoCarousel ul {padding-left: 0; margin-top: 18px;}
				#Content .videoCarouselContainer .channel #VideoCarousel ul li {background: 0; display: block; float: left; height: 132px; padding: 0 5px 0 0;}
		#Content .videoCarouselContainer .channel .next {display: block; float: left; margin: 0 0 0 1px;}
			#Content .videoCarouselContainer .channel .next a {
				background: url(../images/common/video-carousel-next.gif) no-repeat 0 0;
				display: block;
				height: 35px;
				margin-top: 34px;
				outline: 0;
				text-indent: -32000em;
				width: 32px;
			}
			#Content .videoCarouselContainer .channel .desc {text-align: center; padding-top: 3px; width: 120px;}
				#Content .videoCarouselContainer .channel .desc a {color: #fff; font-size: 85%;}

#Content a.wugVsSolarWinds {
	background: url(../images/products/wug-vs-solarwinds.gif) no-repeat 0 0;
	display: block;
	height: 140px;
	margin-bottom: 20px;
	outline: 0;
	text-indent: -32000em;
	width: 715px;
}

#Content .dividedTwoCol {background: url(../images/common/divided-two-col-bg.gif) repeat-y; display: block; margin-bottom: 10px;}
	#Content .dividedTwoCol .first {display: block; float: left; padding: 0 40px 0 0; width: 248px;}
		#Content .dividedTwoCol .first h2 {padding-left: 15px;}
		#Content .dividedTwoCol .first dl.resources dt {
			color: #333;
			font-weight: bold; 
			font-size: 108%; 
			padding-bottom: 2px; 
			padding-left: 15px;
		}
		#Content .dividedTwoCol .first dl.resources dd {color: #333; padding-bottom: 3px; padding-left: 15px;}
			#Content .dividedTwoCol dl.resources dd.date {font-style: italic;}
			#Content .dividedTwoCol dl.resources dd.link {border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 15px;}
				#Content .dividedTwoCol dl.resources dd.link a {background: url(../images/common/small-raquo.gif) no-repeat 3px 4px; font-size: 85%; font-weight: bold; padding-left: 13px;}
			#Content .dividedTwoCol dl.resources dd.bottom {border: 0; margin: 0;}
	#Content .dividedTwoCol .last {display: block; float: right; width: 405px;}
	
#Content .logoDisplay .caseStudy {border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px;}
#Content .logoDisplay .bottom {border: 0; margin-bottom: 0; padding-bottom: 20px;}
#Content .logoDisplay .logo {float: left; text-align: center; width: 175px;}
#Content .logoDisplay .content {color: #333; padding-left: 190px;}
	#Content .logoDisplay .content p {margin-bottom: 8px;}
	#Content .logoDisplay .content .download a {background: url(../images/common/small-raquo.gif) no-repeat 3px 4px; font-size: 85%; font-weight: bold; padding-left: 13px;}
	
#Content .iconDisplay {margin-bottom: 20px;}
#Content .iconDisplay .icon {float: left; text-align: center; width: 105px;}
#Content .iconDisplay .content {color: #333; padding-left: 120px;}
	#Content .iconDisplay .content p {margin-bottom: 8px;}
	#Content .iconDisplay .content .more a {background: url(../images/common/small-raquo.gif) no-repeat 3px 4px; font-size: 93%; font-weight: bold; padding-left: 13px;}
	
	
#Content .formTwoCol {}
#Content .formTwoCol .first {display: block; float: left; padding-right: 25px; width: 200px;}
#Content .formTwoCol .last {display: block; float: left;}

#Content fieldset.generic label {display: block; margin-bottom: 5px;}
#Content fieldset.generic input.textbox {
	border: 1px solid #a8acad; 
	display: block; 
	margin-bottom: 15px; 
	padding: 2px;
	width: 180px;
}
#Content fieldset.generic select {
	border: 1px solid #a8acad; 
	display: block; 
	margin-bottom: 15px; 
	padding: 2px;
}
#Content fieldset.checkboxes {margin-bottom: 15px;}
	#Content fieldset.checkboxes input {background: #fff; float: left; margin-bottom: 5px; margin-right: 10px;}
	#Content fieldset.checkboxes label {float: left; margin-bottom: 5px;}

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


/* Right channel */
#Sidebar { display: block; float: right; }
	body.home #Sidebar {display: none;}

#NavigationSecondary {}
	#NavigationSecondary h3 {
		background: #4c4c4c url(../images/secondary-navigation/header-bg.gif) no-repeat 0 0; 
		color: #ddd;
		display: block; 
		font-size: 108%;
		font-weight: bold;
		margin-bottom: 2px;
		min-height: 16px;
		padding: 10px 15px;
	}
	#NavigationSecondary ul {margin-bottom: 10px;}
		#NavigationSecondary ul li { border-top: 1px solid #ccc; position: relative; z-index: 25; }
			#NavigationSecondary ul li a {
				background: url(../images/secondary-navigation/nav-bg.png) no-repeat 0 0;
				color: #999; 
				display: block;
				font-size: 93%;
				font-weight: bold;
				text-decoration: none;
			}
				#NavigationSecondary ul li a.active { background-position: 100% 0; color: #b90; }
				#NavigationSecondary ul li a:hover { color: #346; }
				
					/* Only change the background on the class because we only want to do it when there's an actual flyout */					
					#NavigationSecondary ul li a.over {	background-position: 50% 0; }

					/* Let flyout go over later nav elements */
					#NavigationSecondary ul li.over { z-index: 30; }

				#NavigationSecondary ul li.last a { background-position: 0 100%; }
					#NavigationSecondary ul li.last a.active { background-position: 100% 100%; }
					#NavigationSecondary ul li.last a.over { background-position: 50% 100%; }
				#NavigationSecondary ul li a span {display: block; margin: 0 1px; padding: 8px 13px 7px 13px;}
					#NavigationSecondary ul li a.active span {
						background: url(../images/secondary-navigation/bullet.gif) no-repeat 13px 13px;
						padding-left: 25px;
					}

	#NavigationSecondary .flyout {
		background: url(../images/secondary-navigation/flyout-bg.png) 0 100%;
		display: none;
		left: -155px;
		padding-bottom: 16px;
		position: absolute;
		top: -22px;
		width: 155px;
	}
		#NavigationSecondary .flyout .content {
			background: url(../images/secondary-navigation/flyout-bg.png) 100% 0;
			padding: 16px 15px 0;
		}
			#NavigationSecondary .flyout p { color: #666; font-size: 93%; margin-bottom: 0; }
		
#Sidebar .promoBox {margin-bottom: 10px;}
	#Sidebar .promoBox a {display: block; text-indent: -32000em;}
		#Sidebar .promoBox a.promo1 {background: url(../images/sidebar/promo-box.gif) no-repeat 0 0; height: 232px; width: 220px;}
		#Sidebar .promoBox a.whatsVirtual {background: url(../images/sidebar/whatsvirtual-tech-preview-program.gif) no-repeat 0 0; height: 232px; width: 220px;}

/* Bottom Links */
#WrapperBottom .fiveCol {padding: 30px 24px 35px 24px;}
	#WrapperBottom .fiveCol .col {display: block; float: left; padding-right: 25px;}
	#WrapperBottom .fiveCol .first {width: 175px;}
	#WrapperBottom .fiveCol .second {width: 160px;}
	#WrapperBottom .fiveCol .third {width: 185px;}
	#WrapperBottom .fiveCol .fourth {width: 175px;}
	#WrapperBottom .fiveCol .last {padding-right: 0; width: 165px;}
	#WrapperBottom a {color: #333; font-size: 93%; text-decoration: none;}
		#WrapperBottom a:hover {color: #bb9900; text-decoration: underline;}
	#WrapperBottom ul li {padding-bottom: 10px;}
	#WrapperBottom ul li a {display: block; font-weight: bold; padding-bottom: 4px;}
	#WrapperBottom ul li span.header {display: block; font-weight: bold; padding-bottom: 4px; color: #333; font-size: 93%;}
		#WrapperBottom ul li a:hover {text-decoration: underline;}
		#WrapperBottom ul li li {padding-bottom: 0;}
		#WrapperBottom ul li li a {font-weight: normal;}

/* Footer */
#Footer {
/*	background: url(../images/common/footer-bg.png) repeat-x 0 0;*/
	color: #7d7d7d;
	padding: 9px 0 10px 0;
	font-size: 93%;
}
	#Footer ul.social {display: block; float: left;}
		#Footer ul.social li {float: left; padding-right: 4px;}
			#Footer ul.social a {
				display: block; 
				height: 45px;
				outline: 0;
				text-indent: -32000em;
				width: 45px;
			}
			#Footer ul.social a.rss {background: url(../images/common/rss.gif) no-repeat;}
			#Footer ul.social a.facebook {background: url(../images/common/facebook.gif) no-repeat;}
			#Footer ul.social a.linkedIn {background: url(../images/common/linkedin.gif) no-repeat;}
			#Footer ul.social a.twitter {background: url(../images/common/twitter.gif) no-repeat;}
			#Footer ul.social a.youTube {background: url(../images/common/youtube.gif) no-repeat;}
	#Footer .footLinks {display: block; float: right;}
	
	#Footer a { color: #334466; text-decoration: none; }
		#Footer a:hover { color: #bb9900; text-decoration: underline; }
  #Footer p.copy { margin-bottom: 5px; text-align: right; }
  #Footer ul.siteLinks { display: block; }
    #Footer ul.siteLinks li { 
			background: url(../images/common/footer-divider.gif) no-repeat 100% 2px; 
			display: inline; 
			padding: 0 8px 0 9px; 
		}
			#Footer ul.siteLinks li.last {background: 0; padding-right: 0;}

/* 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 */
div.vertBox p {
	display: table;
	float: none;
	height: 90px; /* Set as appropriate */
}
	div.vertBox div.quote {
		display: table;
		float: none;
		height: 97px;
	}
	div.vertBox p a, div.vertBox div.quote p {
		display: table-cell;
		float: none;
		height: auto;
		vertical-align: middle;
	}

/*body.sitemap div.col { float: left; width: 30%; }*/

/* Styles added by Dave Ferrick. Will add to styles.css at launch */
.clear {
	clear: both;
}
.justclear {
	clear: both;
	height: 1px;
	font-size: 1px;
}
.footnote, .footnote a {
	color: #666666 !important;
	font-size: 80%;
}
.evaluationSerialNumber {
	border: 1px solid #666;
	margin: 10px 0;
	padding: 10px;
}
.gray {
	color: #666666;
}
.red {
	color: #cc0000;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.screenShot {
	float: right;
	padding:10px 0 10px 20px;
	margin: 0;
	text-align:center
}/* Styles added by Dave Ferrick. Will add to styles.css at launch */
.clear {
	clear: both;
}
.justclear {
	clear: both;
	height: 1px;
	font-size: 1px;
}
.footnote, .footnote a {
	color: #666666 !important;
	font-size: 80%;
}
.evaluationSerialNumber {
	border: 1px solid #666;
	margin: 10px 0;
	padding: 10px;
}
.gray {
	color: #666666;
}
.red {
	color: #cc0000;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.screenShot {
	float: right;
	padding:10px 0 10px 20px;
	margin: 0;
	text-align:center
}

div.sitemap div.col { width: 30%; margin-right: 2%; float: left; }