/* 
 * 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;}*/
#NavigationPrimary li.last a:hover
{
    background: url(../images/primary-navigation/last-bg.gif) repeat-x 100% 0;
}
					
				/* 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
{
    color: #fbeeb6;
    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: 535px;
}
/*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 a:hover, #NavigationPrimary li li.last li a:hover
{
    background: 0;
    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;
}
body.partners #PageTools
{
    margin-bottom: 8px;
}
#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;
}
body.partners #Mast
{
		background: url(../images/partners/banner_interior.jpg) no-repeat 0 0;
		height: 145px;
		margin-bottom: 15px;
		width: 723px;
	}
#Content #Mast h1
{
    color: #fff;
    padding: 54px 0 0 31px;
}
body.sectionLanding #Mast
{
			background: url(../images/partners/banner.jpg) no-repeat 0 0;
			height: 260px;
			margin-bottom: 15px;
			position: relative;
			width: 960px;
		}
body.sectionLanding #Mast h1
{
    left: -32000em;
    position: absolute;
}
body.sectionLanding #Mast p
{
    left: -32000em;
    position: absolute;
}
body.sectionLanding #Mast a
{
				display: block;
				height: 39px;
				left: 33px;
				position: absolute;
				text-indent: -32000em;
				top: 194px;
				width: 286px;
			}

/* 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: bold;
    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;
    text-decoration:none;
	font-weight: bold;
}

#Content h2 a
{
    color: #228822;
    font-size: 105%;
    padding-bottom: 8px;
    padding-top: 8px;
}
.h2download
{
    color: #228822;
    font-size: 180%;
    padding-bottom: 8px;
}
#Content h2download
{
    color: #228822;
    font-size: 180%;
    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 .quoteGov
{
    background: url(../images/common/quote-top-bg.gif) no-repeat 0 0;
    margin-bottom: 12px;
    width: 702px;
}
#Content .quoteGov .channel
{
    background: url(../images/common/quote-bottom-bg.gif) no-repeat 0 100%;
    padding: 18px 22px;
}
#Content .quoteGov q
{
	color: #666; 
	display: block;
	font-size: 90%;
	padding-bottom: 10px;
}
#Content .quoteGov cite
{
	color: #666; 
	display: block; 
	font-size: 90%; 
	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: #f5f5f5;
}
#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.patchesTable
{
    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: #f5f5f5;
}
#Content table.genericTable td.subHead
{
    text-align: left;
    font-weight: bold;
    font-style: normal;
    background: #d5d5d5;
}
#Content table.genericTable td.desc
{
    text-align: left;
    font-style: normal;
}
#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 #e5e5e5;
    padding: 5px;
}
#Content table.comparisonTable td
{
    text-align: right;
    border-bottom: 1px solid #e5e5e5;
    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 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: #f5f5f5;
}
#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, #Toolbar h1
{
    color: #282;
    font-size: 110%;
}
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 ul.columns li.two
{ *background:none!important;}
.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 0px 26px;
		}
.tabbedColumnBlock li.two .content
{
    height: 235px;
    padding-bottom: 0;
}

#Content .pluginHighlightBlock 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 .pluginHighlightBlock li.two h3 em
{
    color: #282;
    font-weight: bold;
}
#Content .pluginHighlightBlock 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: 6px 0 6px 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: normal;
    line-height: 1.4em;
}
p.intro em
{
    color: #000;
    font-weight: bold;
    font-style: normal;
}
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;
    padding-top: 20px;
}
#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/whatsconnected-wires.jpg);
}
#BannerTwo
{
    background-image: url(../images/home/discover_savings.jpg);
}
#BannerThree
{
    background-image: url(../images/home/banner_protect.jpg);
}
/*
	
			#Banner .banner h2, #Banner .banner p, #Banner .banner a { background: 0 !important; display: block; text-indent: -32000em;}
			#BannerOne { background-image: url(../images/home/banner_1_discover_savings.jpg);  }
			#BannerTwo { background-image: url(../images/home/banner_2_rover.jpg); }	
		#BannerThree { background-image: url(../images/home/banner_14.3.jpg); }

	#BannerOne { background-image: url(../images/home/banner_1_golden.jpg); }
	#BannerTwo { background-image: url(../images/home/banner_14.3.jpg); }	
    #BannerThree { background-image: url(../images/home/banner_2_toolkit_launch.jpg); }
	*/


#Banner ul.controls
{
    left: 19px;
    padding: 0;
    position: absolute;
    bottom: 20px;
}
#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;
					font-style: normal;
				}
.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;
					font-style: normal;
					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;
}

/* OLD Footer - need to keep for Marketo pages*/

#Footer
{
    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;
}

/* NEW FOOTER */
#SiteFooter
{
    background: #3e3e3e url(/images/home/footer-bgx.gif) repeat-x top left;
    color: #FFF;
    padding-bottom: 40px;
}
#SiteFooter ul, #footer li
{
    margin: 0;
    padding: 0;
}
#SiteFooter li strong
{
    display: block;
    margin-bottom: 7px;
}
#SiteFooter ul.social a
{
    display: block;
    background: url(/images/home/footer-icons.gif) no-repeat;
    background-position: 0 0;
    padding-left: 25px;
    margin-bottom: 5px;
}
#SiteFooter ul.social a.wugspace
{
    background:  none !important;
    padding-left: 0 !important;
}

#SiteFooter ul.social a.facebook
{
    background-position: 0 -21px;
}
#SiteFooter ul.social a.linkedin
{
    background-position: 0 -42px;
}
#SiteFooter ul.social a.twitter
{
    background-position: 0 -63px;
}
#SiteFooter ul.social a.youtube
{
    background-position: 0 -84px;
}
#SiteFooter hr
{
    background: #4e4e4e;
    color: #4e4e4e;
}
#SiteFooter hr.shadow
{
    background: #353535;
    color: #353535;
    margin-bottom: 0;
					}
#SiteFooter a
{
    color: #d6d6d6;
	}
#SiteFooter a:hover
{
    color: #FFF;
		}
#SiteFooter .container
{
    padding: 30px 0;
}
#SiteFooter .copyright
{
    font-size: 10px;
    color: #8e8e8e;
    padding: 0;
			}
#SiteFooter .copyright p
{
    padding: 0;
    margin: 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: 0px 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;
}

/* Indentation in dropdown navigation */
li.indent a:before
{
	content: "-";
	padding-left: 10px;
}

li.indent a:before
{
	content: "-";
	padding-left: 10px;
}

/* Custom button classes - djf */
div.buttonSimpleGreen
{
				background: url(/images/common/landing-tabcontent-button-left-bg.gif) no-repeat 0 0;				
				height: 43px;
				margin: 12px 0;

			}
div.buttonSimpleGreen a
{
					background: url(/images/common/landing-tabcontent-button-right-bg.gif) no-repeat 100% 0;
					color: #fff !important;
					display: block;
					font-size: 110%;
					font-weight: bold;
					width: auto;
					height: 43px;
					text-decoration: none;
				}
div.buttonSimpleGreen a span
{
						background: url(/images/common/button-raquo.gif) no-repeat 18px 15px;
						display: block;
						padding: 10px 25px 0 39px;
					}
					
.buttonShortGray, .buttonLongGray
{
	display: block;
	height: 37px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	background-position: 0 37px;
	text-decoration: none;
	text-align: center;
}

.buttonShortGray
{
	width: 180px;
	background-image: url(/images/common/resource_buttons_short.png);
}

.buttonLongGray
{
	width: 250px;
	background-image: url(/images/common/resource_buttons_long.png);
}


.buttonShortGray:hover, .buttonLongGray:hover
{
	background-position: 0 74px;
	text-decoration: none !important;
}

.buttonShortGray:active, .buttonLongGray:active
{
	background-position: 0 0;
}

.buttonShortGray strong, .buttonLongGray strong
{
	padding: 10px 0;
	display: block;
}
/* 
#ContentChannel a {
	text-decoration: underline;
}

#ContentChannel a:hover {
	text-decoration: none;
}
*/

.contactBlocks
{
}
.contactBlocks div
{
    float: left;
    margin-right: 20px;
    width: 218px;
}
	
ul.partnerBlocks
{
    margin-bottom: 28px !important;
}
ul.partnerBlocks li.column
{
    height: 143px;
    width: 320px;
}
ul.partnerBlocks div.content
{
    padding: 20px 8px 0 112px;
}
#Content ul.partnerBlocks li.column h3
{
			background-position: 0 0;
			background-repeat: no-repeat !important;
			height: 25px;
			padding: 0;
			text-indent: -32000em;
			width: 199px;
		}
#Content ul.partnerBlocks li.column p
{
    color: #666;
    margin-bottom: 5px;
}
#Content ul.partnerBlocks ul.moreLinks li
{
    padding-bottom: 2px;
}
			
ul.partnerBlocks li.findPartner
{
		background: url(../images/partners/tile1.gif) no-repeat 0 0 !important;
	}
ul.partnerBlocks li.findPartner h3
{
    background-image: url(../images/partners/find_a_partner.gif);
}
ul.partnerBlocks li.becomePartner
{
		background: url(../images/partners/tile2.gif) no-repeat 50% 0 !important;
	}
ul.partnerBlocks li.becomePartner div.content
{
    padding: 20px 4px 0 116px;
}
ul.partnerBlocks li.becomePartner h3
{
    background-image: url(../images/partners/become_a_partner.gif);
}
ul.partnerBlocks li.partnerLogIn
{
		background: url(../images/partners/tile3.gif) no-repeat 100% 0 !important;
	}
ul.partnerBlocks li.partnerLogIn div.content
{
    padding: 20px 0px 0 120px;
}
ul.partnerBlocks li.partnerLogIn h3
{
    background-image: url(../images/partners/partner_login.gif);
}

#Content ul.moreLinks, Sidebar ul.moreLinks
{
    padding-left: 0;
}
#Content ul.moreLinks li, #Sidebar ul.moreLinks li
{
    background: url(../images/common/small-raquo.gif) no-repeat 3px 5px;
    padding-left: 15px;
}
	
ul.partnerColumns
{
}
ul.partnerColumns li.column
{
    border-right: 1px solid #ccc;
}
ul.partnerColumns li.three
{
    border: 0;
}
ul.partnerColumns div.content
{
    padding: 0 19px 32px;
}
ul.partnerColumns li.one div.content
{
    padding-left: 0;
}
ul.partnerColumns li.three div.content
{
    padding-right: 0;
}
#Content ul.partnerColumns li.two ul.moreLinks li
{
    padding-bottom: 2px;
}

#Content ul.partnerColumns ul.benefits
{
    padding-left: 10px;
}
#Content ul.partnerColumns ul.benefits li
{
		background-image: url(../images/common/bullet-black.png);
		padding: 0 0 2px 12px;
	}
	
ul.partnerColumns .imageBlock p
{
    font-weight: normal;
    width: 186px;
}
ul.partnerColumns .imageBlock ul.moreLinks
{
    float: right;
    width: 186px;
}
ul.partnerColumns .imageBlock p.image
{
    width: 80px;
}

#Content a.button
{
	background: url(../images/common/feature-box-button.png) no-repeat 100% 100%; 
	color: #fff;
	float: left; 
	height: 41px;
	margin-right: 10px;
	padding: 0 10px 0 0;
	text-decoration: none;
}
a.button span
{
		background: url(../images/common/feature-box-button.png) no-repeat 0 0; 
		cursor: pointer;
		float: left;
		font-size: 116%;
		font-weight: bold;
		height: 41px;
		padding: 0 20px 0 18px;
	}
a.button em
{
			background: url(../images/products/button-raquo.gif) no-repeat 0 50%;
			cursor: pointer;
			float: left;
			font-style: normal;
			font-weight: bold;
			line-height: 41px;
			padding: 0 0 0 21px;
		}
.greenButton
{
			background: url(/images/products/free-eval-button-right.png) no-repeat 100% 0;
			display: block;
			float: left;
			padding-right: 40px;
		}
.greenButton 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;
		}
.greenButton a span
{
				background: url(/images/products/button-raquo.gif) no-repeat 0 15px;
				color: #fff;
				display: block;
				padding: 10px 0 0 21px;
			}
			
/*** POLL-SPECIFIC STYLES ***/
.pollContainer 
{
   /*border: solid 1px #C2AB29;*/
}
.pollOptions 
{
    padding: 0;
    margin: 0;
}
.Poll_DisplayText
{
    font-weight: bold;  
}

.Poll_TotalVotes
{
    font-style: italic;
}

.pollForm 
{
    /*border: dashed 1px #666;     padding: 5px;      margin-left: 15px;     */
    margin-top: 10px;
}
.pollResults
{
    margin-top: 5px;
    padding-top: 0px;
}
.pollButton
{
    margin-top: 8px;
}
.pollOptions input
{
    border: 0px;
    height: 12px;
    width: 12px;
    margin: 0 5px 3px 5px;
    padding: 0 0 0 0;
}
.pollOptions tr
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.pollOptions tr td
{
    vertical-align: middle;
    height: 11px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.pollResultsTable
{
    font-size: 10px;
}
div.ppt
{
    position: relative !important;
}

/*Footer CSS */
/* grid.css */
.container
{
    width: 950px;
    margin: 0 auto;
}
.showgrid
{
    background: url(src/grid.png);
}
.column1, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24
{
    float: left;
    margin-right: 10px;
}
.container div.last
{
    margin-right: 0;
}
.span-1
{
    width: 30px;
}
.span-2
{
    width: 70px;
}
.span-3
{
    width: 110px;
}
.span-4
{
    width: 150px;
}
.span-5
{
    width: 190px;
}
.span-6
{
    width: 230px;
}
.span-7
{
    width: 270px;
}
.span-8
{
    width: 310px;
}
.span-9
{
    width: 350px;
}
.span-10
{
    width: 390px;
}
.span-11
{
    width: 430px;
}
.span-12
{
    width: 470px;
}
.span-13
{
    width: 510px;
}
.span-14
{
    width: 550px;
}
.span-15
{
    width: 590px;
}
.span-16
{
    width: 630px;
}
.span-17
{
    width: 670px;
}
.span-18
{
    width: 710px;
}
.span-19
{
    width: 750px;
}
.span-20
{
    width: 790px;
}
.span-21
{
    width: 830px;
}
.span-22
{
    width: 870px;
}
.span-23
{
    width: 910px;
}
.span-24
{
    width: 950px;
    margin-right: 0;
}

#SiteFooter
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
#SiteFooter
{
    font-size: 11px;
    display: block;
}
#SiteFooter div
{
    line-height: 1.5;
}
#SiteFooter a
{
    text-decoration: none;
}
h1.search
{
    color: #6D6D6D !important;
}