/*-----------------------------------------
	Common Content Styles
-----------------------------------------*/


html, body {
    font-family:Arial;
    font-size:11px;
    color:#333;
}

h1{  
    font-size:28px;
    font-weight: normal;
    line-height: 30px;
    margin: 0 0 20px 0;
    color: #333;
}

h2 {
    font-size:20px;
    font-weight: normal;
    line-height: 24px;
    margin: 19px 0 9px 0;
    color: #333;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    /* margin-bottom:5px; */
    line-height: 19px;
    margin: 18px 0 8px 0;
    color: #0069D5;
}

h4 {
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    margin: 14px 0 6px 0;
    color: #0069D5;
}

h5 {
    font-size:11px;
    font-weight:normal;
    line-height: 14px;
    margin: 14px 0 6px 0;
    text-transform: uppercase;
    color: #0069D5;
}

h6 {
    font-size:11px;
    font-weight:normal;
    line-height: 14px;
    color: #333;
    margin: 14px 0 6px 0;
    text-transform: uppercase;
}

p {
    font-size:12px;
    color:#333333;
    line-height:17px;
    margin: 6px 0;
}

a {
    color:#333;
    text-decoration:none;
}

	a:hover {
		color:#0069D5;
	}

h3 a {
    font-size: 16px;
    /* font-weight: bold; */
    margin-bottom:5px;
}

	h3 a:hover {
	    color:#666666;
	}

p a {
    color:#0069D5;
    text-decoration:none;
}

	p a:hover {
		color:#333;
		text-decoration: underline;
	}

.green { 	color:#689434; }
.blue { 	color:#0069D5: }
.orange {	color:#e07f16;}

.left {float:left;}
.right {float:right;}
.block {display:block;}

hr {
	float: left;
	display: block;
	width: 540px;
	margin: 10px 0 20px 0;
	background-color: #666;
}

ul,
ol {
	font-size: 12px;
	line-height: 17px;
	margin:10px 30px;
}

	ul li { list-style: disc; }
	ol li { list-style: decimal; }
		
		li ul,
		li ol {margin:0 30px;}
		li ul li { list-style: circle; }
		li ol li { list-style: lower-alpha; }
	
	
	
		
/*-----------------------------------------
	Misc Content Styles
-----------------------------------------*/

div.spacer {
	width:100%;
	float:left;
	display:block;
}

.bottom {bottom:0;}

.dottedLine {
    width: 100%;
    border-bottom: dotted 2px #ababab;
    float: left;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.icon {
    float:left;
    display:block;
    margin-right:10px;
}

.moveUp {
    margin-top:-5px;
}

.moveDown {
    margin-top:5px;
}

.bottom-border {border-bottom: 2px dotted #ababab;}




/*-----------------------------------------
	Secondary Page Content Sytles
-----------------------------------------*/

div.intro {
	margin: 0 0 20px 0;
}

div.columns {
	float: left;
	background: url(/images/common/vr.gif) center top repeat-y;
}

	div.contentLeftColumn .column1 {
		float: left;
		width: 230px;
		margin-right: 30px;
	}
	
	div.contentLeftColumn .column2 {
		float: left;
		width: 230px;
		margin-left: 30px;
	}

		.columnBox {
			float: left;
			width:214px;
			margin: 0 0 20px 0;
			padding: 8px;
			background: #e8e8e8 url(/images/common/bkgrd_columnBox.gif) 0 0 repeat-y;
			border-right: 2px solid #d4d4d4;
			border-bottom: 2px solid #c6c6c6;
		}
		
		.columnBox h2 {
			margin: 5px 0 10px 0;
		}

			.columnBox input {
				float: left;
				width: 140px;
				height: 12px;
				padding: 4px;
				font-size: 11px;
				line-height: 14px;
				outline: none;
				border-top: 2px solid #d1d1d1;
				border-left: 2px solid #d1d1d1;
				border-bottom: 2px solid #e4e4e4;
				border-right: 2px solid #e4e4e4;
				background: #fff;
			}
			
			.columnBox select {
				float: left;
				width: 100%;
				height: 24px;
				font-size: 11px;
				line-height: 20px;
				outline: none;
				border-top: 2px solid #d1d1d1;
				border-left: 2px solid #d1d1d1;
				border-bottom: 2px solid #e4e4e4;
				border-right: 2px solid #e4e4e4;
				background: #fff;
			}
			
			.columnBox a.btn_search {
				float: left;
				margin: 2px 0 0 5px;
			}
			

/* Misc Content Styles ------------------*/
	
	h1.subtitle {
		font-weight:normal;
		/*margin-left:33px;*/
	}
	
	h2.topCopy {
	    font-weight:normal;
    	line-height:22px;
	}
	
	.intro p {
		font-size: 17px;
		font-weight: normal;
		line-height: 22px;
	}
	



/*-----------------------------------------
	Content Tabs v2	
-----------------------------------------*/

ul.tabs {
	position: relative;
	z-index: 1;
	float: left;
	width: 582px;
	margin: 0 -30px -1px -30px;
	padding: 0 0 0 18px;
	background: url(/images/common/tabs_top.png) 0 0 no-repeat;
}

body ul.skinny li a,
body ul.tabs.skinny li a {
	padding: 0 10px;
}

	ul.tabs li {
		float: left;
		list-style: none;
		padding: 0;
		margin: 0 1px 0 0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #b1b1b1;
	}

		ul.tabs li a {
			float: left;
			font-size: 10px;
			margin: 0;
			padding: 0 30px;
			line-height: 22px;
			height: 22px;		
			text-transform: uppercase;
			color: #fff;
			background: #777a7a url(/images/common/tabs_off.gif) 0 0 repeat-x;
			cursor:pointer;
		}
		
			ul.tabs li a:hover {
				color: #fff;
				background: #47484b url(/images/common/tabs_over.gif) 0 0 repeat-x;
			}
		
		ul.tabs li a.current {
			color: #333;
			padding-bottom: 1px;
			background: #eee url(/images/common/tabs_on.gif) 0 0 repeat-x;
			cursor:default;
		}

			ul.tabs li a:hover.current {
				color: #333;
				background: #eee url(/images/common/tabs_on.gif) 0 0 repeat-x;
				cursor: default;
			}
		

div.panes {
	position: relative;
	z-index: 0;
	float: left;
	width: 533px;
	padding: 15px 33px;
	margin: 0 -30px;
	background:  url(/images/common/tabs_bottom.png) 0 0 no-repeat
}

	div.panes div {
		/*float: left;*/
		width: 100%;
	}

	div.panes .sectionHeading {
		position: relative;
		float: left;
		width: 100%;
		padding: 6px 0;
		margin:20px 0;
		font-size: 27px;
		font-weight: bold;
		border-bottom: 1px solid #666;
	}

		div.panes .sectionHeading .top {
			position: absolute;
			float: right;
			top: 5px;
			right: 5px;
			font-size: 12px;
			font-weight: normal;
		}
		
div.panes div.jumpMenu {
	position: relative;
    float:left;
	width:533px;
    padding: 9px 15px;
    margin: -15px -15px 15px -15px;
    margin-left:0px;
    left:-15px !important;
    background:#efefef;
}

div.panes div.footerMenu,
div.panes div.jumpMenu.footerMenu {
	margin-top: 0px;
}

	div.jumpMenu h5 {
		margin: 2px 0 0 0;
		padding: 0;
		color: #333;
		text-transform: none;
		font-size: 12px;
	}
	
	.jumpMenu ul {
		margin: 0;
	}
	
		.jumpMenu ul li {
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		.jumpMenu ul li {
			float: left;
			padding: 0;
			margin: 4px 0 0 0;
			list-style: none;
			color:#ccc;
			border-left:1px solid #ccc;
			line-height: 16px;
		}
		
		.jumpMenu ul li.noborder,
		.jumpMenu ul li.first {border: none;}
		
			.jumpMenu ul li a {
				float: left;
				padding: 0 5px;
				color:#999999;
			}
				
				.jumpMenu ul li a:hover {
					color: #0069D5;
				}
				
			.jumpMenu ul li a.current {
				color: #333;
				font-weight: bold;
				cursor: default;
			}

	ul.pagination {
		float:left;
		margin: 0;
		padding: 0;
	}

	div.jumpMenu ul.pagination {
		float: right;
	}

		ul.pagination li.count {
			font-size: 10px;
			border: none;
			color: #333;
			margin-right: 8px;
		}
		
			ul.pagination li span {
				padding: 0 5px;
			}
					
			ul.pagination a.first,
			ul.pagination a.prev,
			ul.pagination a.next,
			ul.pagination a.last {
				float: left;
				width: 20px;
				height: 20px;
				text-indent: -9999px;
				overflow: hidden;
				padding: 0;
				margin: -2px 3px 0 3px;
				background-position: 0 0;
				background-repeat:no-repeat;
			}	

			ul.pagination a.first {	background-image:url(/images/common/pagination_first-gray.gif);}
			ul.pagination a.prev {	background-image:url(/images/common/pagination_prev-gray.gif); margin-right: 10px;}
			ul.pagination a.next {	background-image:url(/images/common/pagination_next-gray.gif);margin-left: 10px;}
			ul.pagination a.last {	background-image:url(/images/common/pagination_last-gray.gif);}
			
				ul.pagination a:hover.first {	background-image:url(/images/common/pagination_first-blue.gif);}
				ul.pagination a:hover.prev {	background-image:url(/images/common/pagination_prev-blue.gif);}
				ul.pagination a:hover.next {	background-image:url(/images/common/pagination_next-blue.gif);}
				ul.pagination a:hover.last {	background-image:url(/images/common/pagination_last-blue.gif);}
			




/*-----------------------------------------
	Jump Menu
-----------------------------------------*/

.jumpMenuWrapper ul {
	margin: 0;
}

	.jumpMenuWrapper ul li {
		list-style: none;
	}

div.jumpMenuWrapper
{
    width:100%;
    float:left;
    background-color:#efefef;
    height:57px;
    
}
/*
a.contentLink:hover {
    color:#0069D5;
}
*/
div.jumpMenuContent
{
    font-size:12px;
    padding-left:16px;
    padding-top:9px;
}
div.jumpMenuContent ul
{
    margin-top:8px;
    float:left;
}
div.jumpMenuContent ul li
{
    float:left;
}
div.jumpMenuContent ul li a
{
    display:block;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    color:#41a2ef;
    width:20px;
    border-right:solid 1px #ccc;
}
div.jumpMenuContent ul li a.first
{
    width:15px;
}
div.jumpMenuContent ul li a.last
{
    border-right:none;
}
	



/*-----------------------------------------
	Toggle Styles		
-----------------------------------------*/		

.toggle_open,
body .toggle_closed_active {
	float: left;
	width:100%;
	min-height: 20px;
	line-height: 20px;
	background-image: url(/images/common/toggle_minus-gray.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	outline: none;
}
	/*.toggle_open:hover,
	body .toggle_closed_active:hover {background-image: url(/images/common/toggle_minus-blue.gif);cursor: pointer;}*/

.toggle_closed,
body .toggle_open_active {
	float: left;
	width:100%;
	display: block;
	min-height: 20px;
	line-height: 20px;
	background-image: url(/images/common/toggle_plus-gray.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	outline: none;
}
	/*.toggle_closed:hover,
	body .toggle_open_active:hover {background-image: url(/images/common/toggle_plus-blue.gif); cursor: pointer;} */

.toggle_open:hover,
body .toggle_closed_active:hover {
    cursor:pointer;
}
.toggle_closed:hover,
	body .toggle_open_active:hover {
		cursor:pointer;
	}
	
.panel {
	float: left;
	width: 100%;
	position: relative;
}




/*-----------------------------------------
	Resource Box
-----------------------------------------*/

.resourcesBox,		
div.panes .resourcesBox {
	float: right;
	width: 205px;
	padding: 0 0 0 15px;
	margin: 10px 5px 20px 15px;
	border-left: 1px solid #666;
}

	.resourcesBox h4 {
		margin-top: 0;
	}

	.resourcesBox .linklist {
		margin-bottom: 0;
	}
	
		.resourcesBox .linklist .last {
			padding-bottom: 2px;
		}




/*-----------------------------------------
	Product Families list
-----------------------------------------*/

ul.productFamilies {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

	li.productFamliyContainer {
	    width: 265px;
	    float: left;
	    margin-bottom: 22px;
	    list-style: none;
	    display: inline;
	}
	
		.productFamilyContainerLeft {
		    float: left;
		    width: 87px;
		}
	
		.productFamilyContainerRight {
		    float: left;
		    width: 220px;
		}




/*-----------------------------------------
	Product Family Table
-----------------------------------------*/

table.productFamily {
	position:relative;
	z-index:1;
	margin:20px 20px 0 20px;
	border-bottom:2px dotted #999;
	width: 945px;
}

	table.productFamily td {
		padding: 0 10px 15px 10px;
		width: 20%;
		vertical-align: top;
	}
	
	table.productFamily td h3 {
		width: 100%;
	}
	
	
	
		
/*-----------------------------------------
	Links
-----------------------------------------*/

/* LinkLists ----------------------------*/

ul.linklist, ul.productlinklist {
	padding: 0;
	float: left;
	width: 100%;
}

ul.linklist {
	margin: 0 0 30px 0;
}

ul.productlinklist {
		border-top: 2px dotted #ababab;
		margin: 10px 0 25px 0;
	}

	ul.productlinklist li.last {
		border-bottom: none;
	}

	ul.productlinklist h4 {
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 3px 0;
	}

	ul.productlinklist h4.media {
		margin: 0;
	}

	ul.productlinklist a {
		color: #333;
		text-decoration: none;
	}

	ul.productlinklist a:hover {
		color: #e07f16;
	}

	ul.productlinklist em {
		font-style: italic;
		font-size: 11px;
	}
		
		

ul.topborder {
	border-top: 2px dotted #ababab;
}

	ul.linklist li, ul.productlinklist li {
		list-style: none;
		float: left;
		position: relative;
		width: 100%;
		font-size: 12px;
		line-height: 14px;
		padding: 8px 0;
		border-bottom: 2px dotted #ababab;
	}
	
	ul.linklist li.last { border: none; }

		ul.linklist ul {
			float: left;
			width: 100%;
			margin: 10px 0 0 0;
			border-top: 2px dotted #ababab;
		}

			.contentLeftColumn ul.linklist ul li {
				width: 520px;
				padding-left: 20px;
			}
					
			.contentLeftColumn .column1 ul.linklist ul li,
			.contentLeftColumn .column2 ul.linklist ul li {
				width: 210px;
				padding-left: 20px;
			}
			
			.contentRightColumn ul.linklist ul li {
				width: 316px;
				padding-left: 20px;
			}

	ul.linklist .date {
		float: left;
		width: 17%;
		font-weight: bold;
	}
	
	ul.linklist .title {
		float: left;
		width: 83%;
	}
	
	ul.linklist em {
		font-size: 11px;
		line-height: 12px;
		font-style: normal;
		font-weight: bold;
	}
	
	ul.linklist .lib_whitepaper,
	ul.linklist .lib_casestudy,
	ul.linklist .lib_solutionbrief,
	ul.linklist .lib_bestpractices,
	ul.linklist .lib_datasheet {
		padding-left: 25px;
		width: 415px;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	
	ul.linklist .lib_whitepaper,
	ul.linklist .lib_casestudy,
	ul.linklist .lib_bestpractices,
	ul.linklist .lib_datasheet {	background-image:url(/images/common/white-paper.gif);}
	ul.linklist .lib_solutionbrief{	background-image:url("/images/solutions/solution-demo.gif");}
	
		ul.linklist .title h4 {
			margin: 3px 0;
			color: #333;
		}
		
		ul.linklist .title .summary {
			margin: 10px 0;
			float:left;
		}

			ul.linklist .title .summary p {
				font-size: 11px;
				line-height: 14px;
			}	
		
		ul.linklist .title .ctas {
			color:#cccccc;
			font-size: 11px;
			margin: 3px 0 0 0;
			float:left;
		}

			ul.linklist .title .ctas a {
				padding: 0 4px;
				font-size: 11px;
			}
			ul.linklist .title .ctas a:hover {
				color: #0069D5;
			}
			
			ul.linklist .title .ctas a.toggle_summary {
				padding-left: 0;
			}


/* Arrow Links --------------------------*/

	a.arrowLinkGray,
	a.arrowLinkBlue,
	a.arrowLinkBlue2,
	a.arrowLinkOrange,
	a.arrowLinkGreen,
	a.arrowLink {
		display:block;
		height:20px;
		line-height:20px;
		padding-right:25px;
		background-repeat:no-repeat;
		background-position:right 0;
		font-family:Arial;
		font-size:11px;
		color:#333333;
	}
	
	a.arrowLinkGray {	background-image:url(/images/common/arrow-button-gray.gif);}
	a.arrowLinkBlue {	background-image:url(/images/common/arrow-button-blue.gif);}
	a.arrowLinkBlue2 {	background-image:url(/images/common/arrow-button-blue2.gif);}
	a.arrowLinkOrange { background-image:url(/images/common/arrow-button-orange.gif);}
	a.arrowLinkGreen {	background-image:url(/images/common/arrow-button-green.gif);}
	
		a.arrowLinkGray:hover {		color:#0069D5;	/*background-position:right -20px;*/}
		a.arrowLinkBlue:hover {		color:#0069D5;	/*background-position:right -20px;*/}
		a.arrowLinkBlue2:hover {	color:#41a2ef;	/*background-position:right -20px;*/}
		a.arrowLinkOrange:hover {	color:#e07f16;	/*background-position:right -20px;*/}
		a.arrowLinkGreen:hover {	color:#689434;	/*background-position:right -20px;*/}
	



/* Small Arrow Links --------------------*/

	a.smallArrowLinkOrange {
		line-height:12px;
		padding-right:15px;
		background-image:url(/images/common/small-arrow-button-orange.gif);
		background-repeat:no-repeat;
		background-position:right;
	}
	
	a.smallArrowLinkBlue {
		line-height:12px;
		padding-right:15px;
		background-image:url(/images/common/small-arrow-button-blue.gif);
		background-repeat:no-repeat;
		background-position:right;
	}


/* Submit Button ------------------------*/

a.btn_submit {
	display:block;
	width: 57px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/common/btn__submit-gray.gif) 0 0 no-repeat transparent;
}

	a:hover.btn_submit {
		background: url(/images/common/btn__submit-blue.gif) 0 0 no-repeat transparent;
	}


/* Search Button ------------------------*/

a.btn_search {
	display:block;
	width: 57px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/common/btn_search-gray.gif) 0 0 no-repeat transparent;
}

	a:hover.btn_search {
		background: url(/images/common/btn_search-blue.gif) 0 0 no-repeat transparent;
	}
	

/* Close & Search links -----------------*/

	a.closeLink,
	a.searchLink {
		display:block;
		text-indent:-2000px;
		overflow:hidden;
	}
	
	a.closeLink {
		height:20px;
		width:20px;
		background-image:url(/images/common/close-icon.gif);
		background-repeat:no-repeat;
	}
	
	a.searchLink {
		height:22px;
		width:22px;
		background-image:url(/images/common/search-button-gray.gif);
		background-repeat:no-repeat;
	}



/* File Type Links ----------------------*/

	a.whitePaper,
	a.caseStudy,
	a.productDemo,
	a.webinar,
	a.url,
	a.solutionDemo,
	a.webinar,
	a.dataSheet,
	a.techSpecs {
		display:block;
		padding-left:26px;
		background-position: 0 50%;
		background-repeat:no-repeat;
		line-height:20px;
	}
	
	a.whitePaper,
	a.caseStudy {	background-image:url(/images/common/white-paper.gif);}	
	a.productDemo {	background-image:url(/images/products/products-demo.gif);}
	a.webinar {		background-image:url(/images/common/webinar.gif);}
	a.url {			background-image:url(/images/common/url.gif);}
	a.solutionDemo{	background-image:url("/images/solutions/solution-demo.gif");}
	a.webinar {		background-image:url("/images/solutions/webinar.gif");}
	a.dataSheet {	background-image: url("/images/products/data-sheet.gif");}
	a.techSpecs {	background-image: url("/images/products/tech-specs.gif");}


/* Social Links -------------------------*/

a.btn_youtube,
a.btn_twitter,
a.btn_facebook,
a.btn_rss {
	float: left;
	width: 27px;
	height: 27px;
	margin: 0 8px 0 0;
	text-indent: -9999px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
}

	a.btn_youtube 	{ background-image: url(/images/common/stayconnected_youtube.gif);}
	a.btn_twitter 	{ background-image: url(/images/common/stayconnected_twitter.gif);}
	a.btn_facebook 	{ background-image: url(/images/common/stayconnected_facebook.gif);}
	a.btn_rss		{ background-image: url(/images/common/stayconnected_rss.gif);}

	a:hover.btn_youtube,
	a:hover.btn_twitter,
	a:hover.btn_facebook,
	a:hover.btn_rss {
		background-position: 0 -27px;
	}


/* Common Links -------------------------*/

	a.contentLink {
		font-size:12px;
		font-family:Arial;
		width:100%;	
		/*height:20px;*/
		display:block;
		float:left;
		border-bottom:dotted 2px #ababab;
		padding-top:8px;
		padding-bottom:8px;
	}
	
	a.orangeRollover:hover {
		color:#0069D5;
		/*background-color:#EEEEEE;*/
	}
	
	a.greenRollover:hover {
		color:#689434;
		background-color:#EEEEEE;
	}
	
	a.linkWithDottedBorder {
		font-size:12px;
		width:100%;
		line-height:20px;
		display:block;
		border-bottom:dotted 2px #ababab;
	}
	
		a.linkWithDottedBorder:hover {
			color:#e07f16;
			background-color:#EEEEEE;
		}
	
	div.productFamliyContainer a.last {
		border-bottom:none;
	}