/*
 * Section-specific styles for "gnatpro"
 * $Id: gnatpro_section.css 136040 2009-01-22 17:51:19Z joyce $
 */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address, a{
	margin:0;
	padding:0;
	outline: 0;
}

:focus {
	outline: 0;
}

body{
	font: 80%/140% verdana, arial, helvetica, san-serif;
	background: #666 url(../images/bg_strip.gif);
	color: 000;
	margin: 0 0 40px 0;
}

div#frame_shadow_holder {
	margin-right: auto;
	margin-left: auto;
	width: 818px;
	background: transparent url(../images/bg_shadow4.gif) top left repeat-y;
	text-align: left;
	position: relative;
}



/* Top Navigation
--------------------------------------------------------------------- */
div#top_navigation {
	padding: 5px 25px 5px 0;
	background-color: #4A7697;
	margin: 0 12px;
	color: #CBCBCB;
	font-weight: bold;
	text-align: right;
	font-size: 11px;
}

	div#top_navigation a {
		text-decoration: none;
		color: #CBCBCB;
	}
	
	div#top_navigation a:hover {
		text-decoration: none;
		color: #DFDDDD;
	}


/* Main Header
--------------------------------------------------------------------- */
div#logo_search_nav_container {
	position: relative;
	height: 78px;
	background: #fff url(../images/bg_topshadow.gif) top left repeat-x;
	width: 792px;
	margin-left: 13px;
}

	div#global_logo {
		position: absolute;
		top: 17px;
		left: 24px;
	}
	
	div#global_search {
		position: absolute;
		top: 16px;
		right: 25px;
		text-align: right;
	}
		
		#global_search_textbox {
			vertical-align: middle;
			width: 139px;
			border: 1px solid #B9B9B9;
		}
		
		#global_search_submit {
			vertical-align: middle;
		}
	
/* Global Navigation
--------------------------------------------------------------------- */
#global_nav {
	padding: 0;
	position: absolute;
	bottom: 0px;
	right: 25px;
	display: block;
	width: 397px;
	height: 23px;
}

	#nav {
		width: 397px;
		height: 23px;
		list-style: none;
		white-space: nowrap;
		overflow: hidden;
		margin: 0 0 0 4px;
		padding: 0;
		left: 0;
	}

		#global_nav li {
			float: left;
			list-style: none;
			margin: 0;
		}

		#global_nav  a {
			float: left;
			padding: 23px 0 0 0;
			overflow: hidden;
			height: 0px !important;
			height /**/: 23px; /* for IE5/Win */
		}
		
		div#nav_shadow {
			background: #fff url(../images/bg_navshadow.gif) top left repeat-x;
			height: 12px;
			width: 792px;
			margin-left: 13px;
		}
		
		#global_nav  li a:hover {
			background-position: 0 -23px;
		}

		#button_gpro, #button_products a {
			width: 68px;
			background: url(../images/button_products.gif) top left no-repeat;
		}
			#button_products #active, #button_products a #active {
				background: url(../images/button_products_active.gif) top left no-repeat;
			}
			
			
		#button_answers, #button_answers a  {
			width: 95px;
			background: url(../images/button_adaanswers.gif) top left no-repeat;
		}
			#button_answers #active, #button_answers a #active {
				background: url(../images/button_adaanswers_active.gif) top left no-repeat;
			}
		
		
		#button_develop, #button_develop a  {
			width: 84px;
			background: url(../images/button_develop.gif) top left no-repeat;
		}
			#button_develop #active, #button_develop a #active {
				background: url(../images/button_develop_active.gif) top left no-repeat;
			}
		
		
		#button_aca, #button_aca a  {
			width: 74px;
			background: url(../images/button_aca.gif) top left no-repeat;
		}
			#button_aca #active, #button_aca a #active {
				background: url(../images/button_aca_active.gif) top left no-repeat;
			}
		
		
		#button_company, #button_company a  {
			width: 72px;
			background: url(../images/button_company.gif) top left no-repeat;
		}
			#button_company #active, #button_company a #active {
				background: url(../images/button_company_active.gif) top left no-repeat;
			}




				
				

/* Miscellaneous
--------------------------------------------------------------------- */
img {
	border: none;
}

.clearit {
	clear: both;
}

#breadcrumb {
	font-size: 10px;
}

.right{
	float: right;
	padding-left: 20px;
	padding-bottom: 15px;
}

div.hr{
	clear: both;
	}
		
	div.hr hr{
			display: none;
		}


.wrappable {
	display: inline-block;
}




/* 
--------------------------------------------------------------------- 
---------------------------------------------------------------------
------------------------- GNAT PRO SECTION --------------------------
---------------------------------------------------------------------
--------------------------------------------------------------------- */

div#frame_content {
	position: relative;
	width: 763px;
	margin-left: 28px;
	margin-top: 7px;
	background-color: #fff;
	padding-bottom: 50px;
}


/* Section Navigation
--------------------------------------------------------------------- */
#nav_section {
	height: 30px;
	background: #1d1f23 url(../images/layout/navigation_section.gif) no-repeat bottom;
	width: 763px;
	margin-top: 20px;
	clear: both;
}

	#nav_section ul {
		list-style-type: none;
		padding-left: 5px;
	}

	#nav_section ul li {
		float: left;
		background: transparent url(../images/layout/navigation_section_divider.gif) no-repeat 0 2px;
		padding-left: 1px;
	}
	
		#nav_section ul li:first-child {
			background: none;
		}
	
	#nav_section ul li.selected a, #nav_section ul li.selected a:hover{
		background: transparent url(../images/layout/navigation_section_select.gif) repeat-x;
	}
	
	#nav_section ul li a{
		display: block;
		float: left;
		color: #FFF;
		text-decoration: none;
		font-size: .85em;
		margin: 0;
		padding: 8px 10px 0 10px;
		height: 22px;
	}
	
		#nav_section ul li a:hover {
			background: transparent url(../images/layout/navigation_section_hover.gif) repeat-x;
		}
	
/* Focal Content
--------------------------------------------------------------------- */

#focal_content{
	background: transparent url(../images/layout/focal_content_top.gif) no-repeat;
	min-height: 215px;
	padding: 30px 32px 15px 39px;
	color: #FFF;
	font: 1em 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Verdana, sans-serif;
}

	#focal_content p{
		padding: 0 5px 15px 0;
		width: 500px;
		line-height: 1.4em;
		font-size: .9em;
	}
	
	#focal_content p a, #focal_content .focal_list li a {
		color: #A6DDFF;
		text-decoration: none;
		border-bottom: 1px solid #5e90b1;
	}
		#focal_content p a:hover, #focal_content .focal_list li a:hover { 
			color: #ceecff; 
			border-bottom: 1px solid #ceecff;
		}
	
	#focal_content .focal_list{
		margin-bottom: 15px;
	}
	
	#focal_content .focal_list li {
		list-style: none;
		padding: 2px 0 2px 10px;
		background: transparent url(../images/layout/focal_content_right_arrow.gif) no-repeat 0 6px;
	}
	
		#focal_content .focal_list li a{
			font-size: .85em;
			font-weight: 900;
		}
		
			
		

#focal_content_wrap{
	background: #4b6a84 url(../images/layout/focal_content_middle.gif) repeat-y;
	width: 763px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#focal_content_wrap .bottom, #focal_content_wrap_alt .bottom {
	background: transparent url(../images/layout/focal_content_bottom.gif) no-repeat bottom;
	width: 763px;
	height: 11px;
}

#focal_content h4 {
	color: #bdccd7;
	font-size: 1.1em;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #7c9bb7;
	clear: both;
	margin-bottom: 13px;
}

#focal_content h5 {
	color: #FFF;
	font-size: 1.1em;
	padding: 0;
	margin-bottom: 10px;
}


	
/* Navigation
--------------------------------------------------------------------- */
#focal_content .navigation_wrap {
	width: 198px;
	float: right;
	margin: 25px 0 20px 15px;
	background: transparent url(../images/layout/navigation_top.png) no-repeat top;
}

#focal_content .navigation_wrap .bottom{
	background: transparent url(../images/layout/navigation_bottom.png) no-repeat top;
	width: 198px;
	height: 10px;
	float: left;
}

	#focal_content .navigation {
		background: transparent url(../images/layout/navigation_mid.png);
		margin-top: 10px;
		float: left;

	}
		#focal_content .navigation ul {
			float: left;
		}
		
		#focal_content .navigation ul > li {
			list-style-type: none;
			margin: 2px 0;
			font-size: .85em;
			font-weight: 900;
			color: #FFF;
			float: left;
		}
		
		#focal_content .navigation ul > li > a{
			display: block;
			width: 168px;
			color: #FFF;
			text-decoration: none;
			padding: 3px 15px;
		}
		
		#focal_content .navigation ul > li > a:hover{
			background: transparent url(../images/layout/navigation_hover.png);
		}

		#focal_content .navigation ul > li.selected > a, #focal_content ul > li.selected > a:hover {
			background: transparent url(../images/layout/navigation_select.png);
		}
		
			#focal_content #sub_focal_nav li{
				margin: 0;
			}
			
			#focal_content #sub_focal_nav li a{
				clear: both;
				padding: 2px 0 0 25px;
				background-color: transparent;
				background-image: none;
				color: #FFF;
				border: 1px solid transparent;
			}
			
			#focal_content #sub_focal_nav li a:hover {
				color: #f6d4d2;
			}

			
		
/* Development Solutions
--------------------------------------------------------------------- */
#development_solutions #focal_content { 
	background: none;
	height: 172px;
}
#development_solutions #focal_content_wrap .bottom { background: none; }

#development_solutions #focal_content h3 {
	position: absolute;
	top: 152px;
	right: 363px;
}

#development_solutions #focal_content .navigation_wrap .bottom{
	background: transparent url(../images/layout/navigation_bottom.png) no-repeat top; }

#development_solutions #focal_content .navigation_wrap {
	margin-top: 0;
	position: relative;
	top: -10px;
}


#development_solutions .embedded{
	background: #1f335a url(../images/content/headers/header_gnat_pro_embedded.gif) no-repeat;
	height: 172px;
}

#development_solutions .native{
	background: #1f335a url(../images/content/headers/header_gnat_pro_native.gif) no-repeat;
	height: 172px;
}

#development_solutions .safety-critical{
	background: #b20f08 url(../images/content/headers/header_gnat_pro_safety_critical.gif) no-repeat;
	height: 172px;
}

#development_solutions .safety-critical2{
	background: #b20f08 url(../images/content/headers/header_gnat_pro_safety_critical2.gif) no-repeat;
	height: 172px;
}

#development_solutions .safety-critical3{
	background: #b20f08 url(../images/content/headers/header_gnat_pro_safety_critical3.gif) no-repeat;
	height: 172px;
}

#development_solutions .safety-critical4{
	background: #b20f08 url(../images/content/headers/header_gnat_pro_safety_critical4.png) no-repeat;
	height: 172px;
}


#development_solutions .solutions{
	background: #1f4f6b url(../images/layout/focal_content_top_solutions.jpg) no-repeat;
	height: auto;
}
	#development_solutions .solutions #focal_content {
		height: auto;
	}

	#development_solutions .solutions h2{
		background: transparent url(../images/content/headers/header_gnat_pro_development_solutions.gif) no-repeat;
		width: 351px;
		padding-top: 91px;
	}
	
	#development_solutions #solutions_bottom {
		background: transparent url(../images/layout/focal_content_bottom_solutions.gif) no-repeat bottom left;
		padding-top: 4px;
	}
	

#development_solutions .safety-critical .navigation ul li.selected a, #development_solutions .safety-critical .navigation ul li.selected a:hover,
#development_solutions .safety-critical2 .navigation ul li.selected a, #development_solutions .safety-critical2 .navigation ul li.selected a:hover,
#development_solutions .safety-critical3 .navigation ul li.selected a, #development_solutions .safety-critical3 .navigation ul li.selected a:hover {
	background-color: #b63e38;
	background-image: none;
}


		
/* Training
--------------------------------------------------------------------- */
#training #focal_content_wrap{
	background: #945426 url(../images/layout/focal_content_top_training.jpg) no-repeat;
	height: auto;
}
	#training #focal_content_wrap #focal_content {
		height: auto;
		background: none;
	}
	
		#training #focal_content_wrap #focal_content p {
			text-shadow: #1a0d06 1px 1px 1px;
			font-weight: 600;
		}

	#training #focal_content_wrap h2{
		background: transparent url(../images/content/headers/header_gnat_pro_training.gif) no-repeat;
		width: 351px;
		padding-top: 91px;
	}
	
	#training #training_bottom {
		background: transparent url(../images/layout/focal_content_bottom_training.gif) no-repeat bottom left;
		padding-top: 4px;
		width: 763px;
	}
	
	#training #focal_content_wrap h2#sparkpro_training{
		background: transparent url(../images/content/headers/header_spark_pro_training.gif) no-repeat;
		width: 387px;
		padding-top: 88px;
	}
	
	
	
	#training #focal_content_wrap #focal_content h3#master_spark {
		margin-bottom: 15px;
		margin-top: 45px;
		font-size: 19px;
		overflow: visible;
		height: auto;
		text-shadow: #000 1px 1px 1px;
	}

/* CodePeer
--------------------------------------------------------------------- */
#codepeer #focal_content{
	background: transparent url(../images/layout/focal_content_top_codepeer.png) no-repeat 0 0;
}

#codepeer #focal_content_wrap{
	background:  #668059 url(../images/layout/focal_content_middle_codepeer.png) repeat-y;
	height: auto;
}

	
	#codepeer #focal_content_wrap #focal_content {
		text-shadow: #668059 1px 1px 1px;
		font-weight: 600;
		color: #faf5fa;
	}

	#codepeer #focal_content h2{
		background: transparent url(../images/content/headers/header_codepeer.png) no-repeat;
		width: 406px;
		padding-top: 88px;
	}
	
	#codepeer #codepeer_bottom {
		background: transparent url(../images/layout/focal_content_bottom_codepeer.png) no-repeat bottom left;
		padding-top: 11px;
		width: 763px;
	}

#codepeer .navigation ul li.selected a,
#codepeer .navigation ul li.selected a:hover {
	background-color: #546b48 !important;
	background-image: none;
}

#codepeer #focal_content h4 {
	color: #FFF;
	font-size: 1.1em;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #839878;
	clear: both;
	margin-bottom: 13px;
	text-shadow: #1a0d06 1px 1px 1px;
}


/*find the bug */
#codepeer_findthebug #focal_content{
	background: transparent url(../images/content/headers/header_findthebug.jpg) no-repeat 0 0;
}

#codepeer_findthebug #focal_content_wrap{
	background:  #000;
	height: 195px;
}

/* code formatting */
pre.code {
	background-color: #fafafa;
}

.line_numbers {
	background-color: #d4d0c8;
	border: none;
	padding: 5px;
}

pre td {
	line-height: 13px;
	font-family: 'courier new', courier, monospace;
}


/* Spark Pro
--------------------------------------------------------------------- */
#sparkpro #focal_content{
	background: transparent url(../images/layout/focal_content_top_spark.png) no-repeat 0 0;
}

#sparkpro #focal_content_wrap{
	background:  #643964 url(../images/layout/focal_content_middle_spark.png) repeat-y;
	height: auto;
}

	
	#sparkpro #focal_content_wrap #focal_content {
		text-shadow: #1a0d06 1px 1px 1px;
		font-weight: 600;
		color: #faf5fa;
	}

	#sparkpro #focal_content h2{
		background: transparent url(../images/content/headers/header_spark_pro.gif) no-repeat;
		width: 387px;
		padding-top: 82px;
	}
	
	#sparkpro #sparkpro_bottom {
		background: transparent url(../images/layout/focal_content_bottom_spark.png) no-repeat bottom left;
		padding-top: 11px;
		width: 763px;
	}

#sparkpro .navigation ul li.selected a, #sparkpro .navigation ul li.selected a:hover {
	background-color: #5b4859 !important;
	background-image: none;
}

#sparkpro #focal_content h4 {
	color: #FFF;
	font-size: 1.1em;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #805d80;
	clear: both;
	margin-bottom: 13px;
	text-shadow: #1a0d06 1px 1px 1px;
}

/* Black Belt Spark
--------------------------------------------------------------------- */
#blackbelt #focal_content_wrap{
	background: #20171f url(../images/layout/focal_content_top_blackbelt.jpg) no-repeat;
	height: auto;
}
	#blackbelt #focal_content_wrap #focal_content {
		height: auto;
		background: none;
		text-shadow: #000 1px 1px 1px;
	}
	
		#blackbelt #focal_content_wrap #focal_content p {	
			font-weight: 600;
		}

	#blackbelt #focal_content_wrap h2{
		background: transparent url(../images/content/headers/header_spark_pro_blackbelt.gif) no-repeat;
		width: 387px;
		padding-top: 83px;
	}
	
	#blackbelt #blackbelt_bottom {
		background: transparent url(../images/layout/focal_content_bottom_blackbelt.jpg) no-repeat bottom left;
		padding-top: 5px;
		width: 763px;
	}
	
#blackbelt .navigation ul li.selected a, #sparkpro .navigation ul li.selected a:hover {
	background-color: #5b4859;
	background-image: none;
}

	
	#blackbelt #focal_content_wrap #focal_content h3 {
		margin-bottom: 15px;
		margin-top: 45px;
		font-size: 19px;
		overflow: visible;
		height: auto;
		text-shadow: #000 1px 1px 1px;
	}

	
/* Dictionary
--------------------------------------------------------------------- */
dl.dictionary {
	color: #515151;
	font-size: .85em;
	margin:0;
	padding: 0;
}

	dl.dictionary dt, dl.dictionary dd {
		margin: 0;
		padding: 0;
	}
	
	dl.dictionary dd {
		font-size: 1em;
		padding-bottom: 10px;
	}
	
		dl.dictionary dd p, dl.dictionary dd ul li {
			font-size: 1em;
		}
		
		dl.dictionary dd ul li {
			padding-top: 3px;
		}


/* Dictionary List with Header
***************************************************
<dl class="head_and_list">
	<dt>Linux</dt>
	<dd>
		<ul>
			<li>x86 GNU Linux (32 bits)</li>
			<li>x86_64 GNU Linux (64 bits)</li>
		</ul>
	</dd>
</dl>
***************************************************
--------------------------------------------------------------------- */
dl.head_and_list dt {
		background: #a6a6a6 -webkit-gradient(linear, left top, left bottom, 
			from(#d2d2d2), to(#a7a7a7)); 
		background-color: #a6a6a6;
		display: block;
		margin: 0;
		padding: 0 10px;
		color: #FFF;
		line-height: 25px;
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		border-bottom: 1px solid #808080;
		border-right: 1px solid #595959;
		font-weight: 500;
		font-size: 12px;
	}
	
	dl.head_and_list dd {
		background-color: #f0f0f0;
		display: block;
		margin: 0;
		padding: 3px 10px 3px 10px;
		line-height: 25px;
		margin-bottom: 15px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
		border-top: 1px solid #fafafa;
		border-right: 1px solid #a3a3a3;
		border-bottom: 1px solid #a3a3a3;
		border-left: 1px solid #e3e3e3;
	}
	
		dl.head_and_list dd ul li {
			list-style-type: none;
			border-top: 1px dotted #CCC;
		}
		
		dl.head_and_list dd ul li:first-child {
			border-top: none;
		}




/* Sub Header (for sub pages)
--------------------------------------------------------------------- */
#sub_head{
	background: #e5e5e5;
	width: 792px;
	margin: 15px auto 0 auto;
	float: left;
	padding: 12px 0 12px 0;
	position: relative;
	left: -15px;
}

	#sub_head h2 a{
		width: 177px;
		padding-top: 29px;
		height: 0;
		background: transparent url(../images/layout/sub_head_gnat_pro.gif) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		float: left;
		margin: 0 20px;
		display: block;
	}
		
		
		#sub_head #tokeneer a{
			width: 135px;
			padding-top: 28px;
			height: 0;
			background: transparent url(../images/layout/sub_head_tokeneer.gif) no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			float: left;
			margin: 0 20px;
			display: block;
		}
		
		#sub_head h2#sparkpro_subhead a {
			width: 193px;
			padding-top: 27px;
			height: 0;
			background: transparent url(../images/layout/sub_head_sparkpro.gif) no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			float: left;
			margin: 0 20px;
			display: block;
		}
		
		#sub_head h2#codepeer_subhead a {
			width: 180px;
			padding-top: 30px;
			height: 0;
			background: transparent url(../images/layout/sub_head_codepeer.png) no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			float: left;
			margin: 0 20px;
			display: block;
		}
	
	#sub_head ul {
		float: left;
		list-style-type: none;
		margin-top: 7px;
	}
	
		#sub_head ul li {
			float: left;
			background: transparent url(../images/layout/sub_head_arrow.gif) no-repeat 0 .3em;
			padding: 0 12px 0 15px;
		}
		
			#sub_head ul li a {
				text-decoration: none;
				color: #616161;
				font: 1.2em 'Lucida Grande', 'Lucida Sans', 'Helvetica Neue', Helvetica, Geneva, Arial, Verdana, sans-serif;
				text-shadow: #F1F1F1 -1px -1px -1px;
			}
			
				#sub_head ul li a:hover { color: #3F3F3F; }

		
/* Headers
--------------------------------------------------------------------- */
#focal_content h2 {
	overflow: hidden;
	position: relative;
	left: -7px;
	margin-bottom: 15px;
	height: 0;
}

	h2.gnat_pro {
		background: url(../images/content/headers/header_gnat_pro.gif);
		width: 351px;
		padding-top: 92px;
	}
	
	h2.gnat_pro_toolsuite {
		background: url(../images/content/headers/header_gnat_pro_toolsuite.gif);
		width: 448px;
		padding-top: 90px;
	}

	h2.gnat_pro_frontline_support {
		background: url(../images/content/headers/header_gnat_pro_frontline_support.gif);
		width: 351px;
		padding-top: 92px;
	}
	
	h2.gnat_pro_toolsuite_add-ons{
		background: url(../images/content/headers/header_gnat_pro_toolsuite_add-ons.gif);
		width: 476px;
		padding-top: 90px;
	}
	
	h2.gnat_pro_toolsuite_webinar{
		background: url(../images/content/gnat_pro_toolsuite_webinar.gif);
		width: 456px;
		padding-top: 90px;
	}
	
	h2.high_integrity_family {
		background: url(../images/content/headers/header_gnat_pro_high_integrity_family.gif);
		width: 351px;
		padding-top: 91px;
	}
	
	h2.high_integrity_edition {
		background: url(../images/content/headers/header_gnat_pro_high_integrity_edition.gif);
		width: 351px;
		padding-top: 91px;
	}
	
	h2.gnat_pro_training {
		background: url(../images/content/headers/header_gnat_pro_training.gif);
		width: 351px;
		padding-top: 91px;
	}
	
	#sparkpro #focal_content h2.sparkpro_language_toolsuite {
		background: url(../images/content/headers/header_spark_pro_language_toolsuite.gif);
		width: 479px;
		padding-top: 92px;
	}
	
	#sparkpro #focal_content h2.sparkpro_frontline_support {
		background: url(../images/content/headers/header_spark_pro_frontline_support.gif);
		width: 387px;
		padding-top: 88px;
	}
	
	#sparkpro #focal_content h2.sparkpro_professional_services {
		background: url(../images/content/headers/header_spark_pro_professional_services.gif);
		width: 387px;
		padding-top: 88px;
	}
	
	
	#codepeer #focal_content h2.codepeer_toolset {
		background: url(../images/content/headers/header_codepeer_toolset.png);
		width: 455px;
		padding-top: 92px;
	}
	
	#codepeer #focal_content h2.codepeer_frontline_support {
		background: url(../images/content/headers/header_codepeer_frontline_support.png);
		width: 356px;
		padding-top: 92px;
	}
	
	#codepeer #focal_content h2.header_codepeer_services {
		background: url(../images/content/headers/header_codepeer_services.png);
		width: 356px;
		padding-top: 92px;
	}
	
	
	

#sparkpro #focal_content_wrap #focal_content h3,
#focal_content_wrap #focal_content h3 {
	margin-bottom: 15px;
	margin-top: 45px;
	font-size: 19px;
	overflow: visible;
	height: auto;
	text-shadow: #000 1px 1px 1px;
}
					

	

h4.left {
	clear: right;
}

h4 span {
	font-weight: 100;
	color: #94A4AD;
}

	#gps_logo {
		background: transparent url(../images/content/icon_gps.gif) no-repeat left;
		height: 60px;
		padding: 40px 0 0 110px;
	}

/* Content
--------------------------------------------------------------------- */

.content_edge {
	width: 794px;
	position: relative;
	left: -16px;
	font: 1em Verdana, 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Verdana, sans-serif;
	clear: both;
}

.content_wide, .content_narrow, .aside_content{
	margin-top: 30px;
	margin-left: 10px;
	font: 1em Verdana, 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Verdana, sans-serif;
	position: relative;
}

.content_wide{
	width: 736px;
	float: left;
}

.content_wide h2 {
	color: #1D1D1D;
	margin-bottom: 12px;
	font: 1.7em 'Lucida Grande', 'Lucida Sans', Verdana, Geneva, Arial, sans-serif;
	font-weight: 100;
	clear: both;
	border-bottom: 1px solid #CCC;
	padding-bottom: 3px;
	text-align: left;
}

.content_narrow {
	width: 524px;
	float: left;
	padding-right: 20px;
}

	.content_narrow img {
		float: left;
		margin: 0 20px 10px 0;
	}

.content_wide h3, .content_narrow h3, .content_divided h3, .aside_content h3, .content_edge h3 {
	color: #195aad;
	margin-bottom: 12px;
	font: 1.5em 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Lucida Sans', Verdana, Geneva, Arial, sans-serif;
	font-weight: 500;
	clear: both;
}

	.content_wide h3.alt, .content_narrow h3.alt, .content_divided h3.alt, .aside_content h3.alt, .content_edge h3.alt {
		color: #1D1D1D;
	}

.content_wide h4, .content_narrow h4, .content_divided h4, dt, .aside_content h4, .content_edge h4 {
	color: #1D1D1D;
	font: 1.1em 'Lucida Grande', 'Lucida Sans', Verdana, Geneva, Arial, Verdana, sans-serif;
	font-weight: 900;
	margin-bottom: 8px;
	padding-top: 8px;
	clear: left;
}
	.content_wide h4 a, .content_narrow h4 a, .content_divided h4 a, .content_edge h4 a{
		color: #436a8e;
	}
	
	h4 em {
		color: #999999; 
		margin-top: 25px;
		font-size: .8em;
	}

.content_wide h5, .content_narrow h5, .content_divided h5, .aside_content h5, .content_edge h5 {
	color: #494949;
	font: 1em 'Lucida Grande', 'Lucida Sans', Verdana, Geneva, Arial, sans-serif;
	font-weight: 900;
	margin-bottom: 6px;
}


.aside_content h3, .aside_content h4 { clear: right;}
.aside_content {
	float: left;
}

.content_wide p, .content_narrow p, .content_divided p, dd, .content_supp p, .aside_content p, .content_edge p{
	color: #515151;
	font-size: .85em;
	margin-bottom: 12px;
	line-height: 1.6em;
}

	.content_wide p strong, .content_narrow p strong, .content_divided p strong, .content_supp p strong, .aside_content p strong, .content_edge p strong {
		color: #191919;
	}

.content_wide a, .content_narrow a, #gnatpro_footer a, .content_divided a, .content_supp p a, .aside_content p a, .content_edge p a{
	color: #3e7eb2;
	text-decoration: none;
}

	.content_wide a:hover, .content_narrow a:hover, #gnatpro_footer a:hover, .content_divided a:hover, .content_supp p a:hover, .aside_content p a:hover, .content_edge p a:hover {
		border-bottom: 1px solid;
	}

p.continue em {
	padding:.9em 0 0px 10px;
	display: block;
	float: left;
	font-size: .9em;
}

p.deprecated {
	font-size: 10px;
	font-style: oblique;
	color: #b3b3b3;
}

/* span.continue a{
	padding-left: 10px;
	height: 20px;
	padding-top: 1px;
	padding-right: 22px;
	display: block;
	background: url(../images/layout/continue.gif) no-repeat right;
	margin-top: 7px;
	float: left;
} 

span.continue a{
	padding-left: 10px;
	height: 22px;
	padding-top: 2px;
	padding-right: 22px;
	display: block;
	background: url(../images/layout/continue2.gif) no-repeat right;
	margin-top: 7px;
	float: left;
	color: #FFF;
	-webkit-border-radius: 5px;
}
*/

span.continue a{
	padding-left: 10px;
	height: 22px;
	padding-top: 2px;
	padding-right: 22px;
	display: block;
	background: url(../images/layout/continue3.gif) no-repeat right;
	margin-top: 7px;
	float: left;
	color: #525252;
	-webkit-border-radius: 5px;
}

	span.continue a:hover{
		border: none;
	}

span.learn_more {
	background: transparent url(../images/layout/continue_icon.gif) no-repeat 0 0;
	height: 20px;
	display: block;
	padding-left: 26px;
	margin-top: 5px;
}

	span.learn_more a { line-height: 20px;}


span.caption {
	font-size: .9em;
	color: #575757;
}

dt {
	margin-bottom: 10px;
	font-weight: bold;
	padding-left: 40px;
}



/* Content for two columns
--------------------------------------------------------------------- */	
.content_divided, .content_divided2 {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

.content_divided div{
	float: left;
	width: 47%;
	overflow: hidden;
}

.content_divided > div:first-child{
	margin-right: 4%;
}

.content_divided2 div{
	float: left;
	width: 48%;
	overflow: hidden;
}

.content_divided2 > div:first-child{
	margin-right: 2%;
}



/* Content Wide Grid 2 columns
--------------------------------------------------------------------- */
.content_wide .grid2wide{
	clear: both;
	float: left;
	margin-bottom: 30px;
	width: 734px;
}

.content_wide .grid2wide > div{
	float: left;
	width: 352px;
	margin-right: 0
}

.content_wide .grid2wide div:first-child{
	margin-right: 30px;
}


	.content_wide .focal div {
		background-color: #e5f3f9;
		border-top: 2px solid #aecdda;
		border-bottom: 2px solid #aecdda;
		width: 310px;
		padding: 12px 20px;
	}
	
	
	.content_wide .supplemental div {
		background-color: #FBFBFB;
		border-top: 2px solid #CCC;
		border-bottom: 2px solid #CCC;
		width: 310px;
		padding: 12px 20px
	}

/* Video
--------------------------------------------------------------------- */
.video {
	float: left;
	/* background: transparent url(../images/layout/corner_shadow.gif) no-repeat bottom right; */
	border: 4px double #CCC;
	padding: 0;
}

.video_info {
	float: left;
	margin-left: 20px;
	width: 322px;
}

/* Standard Hoverable List of LINKS
--------------------------------------------------------------------- */
ul.link_list {
	list-style: none;
	background: transparent url(../images/layout/border_dots.gif) repeat-x top;
	padding-top: 1px;
	margin-bottom: 20px;
}

	ul.link_list li {
		background: transparent url(../images/layout/border_dots.gif) repeat-x bottom;
		font-size: .85em;
		padding-bottom: 1px;
	}
	
	ul.link_list li a {
		display: block;
		padding: 3px 10px 3px 20px;
		background: url(../images/layout/arrow_right.gif) no-repeat 10px 5px;
	}
		
		ul.link_list li a:hover {
			border: none;
			background-color: #aed3e3;
		}

.aside_content ul.link_list {
	width: 190px;
	float: left;
	font-size: .9em;
}

	.aside_content ul.link_list li a {
		color: #3e7eb2;
		text-decoration: none;
	}



ul.vanilla_link_list {
	list-style-type: none;
}

	ul.vanilla_link_list li {
		background: url(../images/layout/arrow_right.gif) no-repeat 10px 5px;
		display: block;
		padding-left: 20px;
		font-size: .85em;
	}
	
	ul.vanilla_link_list li a {
		display: inline;
		line-height: 1.7em;
		padding-bottom: 1px;
	}
			
/* Standard List
--------------------------------------------------------------------- */
ul.list, ul.list_indent {
	list-style-type: none;
	background: transparent url(../images/layout/border_dots.gif) repeat-x bottom;
	padding-top: 1px;
	margin-bottom: 20px;
}

	ul.list li, ul.list_indent li{
		background: transparent url(../images/layout/standard_list.gif) no-repeat left top;
		font-size: .85em;
		padding-bottom: 1px;
		padding: 6px 10px 6px 20px;
		display: block;
		color: #2C2C2C;
	}
	
	ul.list li ul li{
		background-image: none;
	}
	
	ul.list ul.vanilla_list li {
		font-size: 1em;
		background: transparent url(../images/layout/standard_list_arrow.png) no-repeat left 7px;
		padding-left: 10px;
		color: #000;
	}
	
ul.list_indent {
	margin-left: 30px;
}

/* good for nested lists */
ul.vanilla_list {
	font-size: 11px;
	color: #2C2C2C;
	margin: 5px 0 5px 20px;
}


ul.vanilla_list li {
	padding: 3px 5px 3px 0;
}
		

/* Content Narrow Panel
--------------------------------------------------------------------- */
h4.panel_head {
	background: #000 url(../images/layout/panel_header.gif) no-repeat top left;
	color: #f0f0f0;
	font-size: .9em;
	font-weight: 100;
	padding: .6em 1.3em;
	margin-bottom: 0;
}

h5.panel {
	padding: 10px 15px;
	background: #99cdf4 url(../images/layout/panel.gif) repeat-x top left;
	width: 494px;
	margin: 0;
	height: 1.2em;
	color: #29486c;
	border-bottom: 1px solid #668daf;
	cursor: pointer;
}
	.panel:hover, h5.panel-down {
		background: #3b77af url(../images/layout/panel_selected.gif) repeat-x top left;
		border-bottom: 1px solid #29486c;
	}

	
	
	.panel:hover, .panel:hover em, .panel:hover strong, h5.panel-down em, h5.panel-down strong {
		color: #FFF;
		text-shadow: #29486c 1px 1px 1px;
	}

.panel strong{
	float: left;
}

.panel em{
	float: right;
	font-style: normal;
	font-size: .8em;
	font-weight: 100;
	padding-top: .2em;
}

.panel em, .panel strong {
	text-shadow: #d4ecff 1px 1px 1px;
	color: #29486c;
}

.panel a{
	text-decoration:none;
	color:#000000;
}
 
.panel-target{
	padding: 12px 20px;
	width: 484px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #CCCCCC;
}
.panel-closed{
	display:none;
}


/* Content Narrow Panel Alternate (Yellowish Gold Color)
--------------------------------------------------------------------- */

h5.panel_alt {
	padding: 10px 15px;
	background: #ddcb9d url(../images/layout/panel_alt.gif) repeat-x top left;
	width: 494px;
	margin: 0;
	height: 1.2em;
	border-bottom: 1px solid #968048;
}
	.panel_alt:hover, h5.panel-down.panel_alt {
		background: #ebbf3a url(../images/layout/panel_selected_alt.gif) repeat-x top left;
		border-bottom: 1px solid #6b581d;
	}

	.panel_alt:hover, .panel_alt:hover em, .panel_alt:hover strong, h5.panel-down.panel_alt em, h5.panel-down.panel_alt strong {
		color: #FFF;
		text-shadow: #80671f 1px 1px 1px;
	}


.panel_alt em, .panel_alt strong {
	text-shadow: #fcf5e5 1px 1px 1px;
	color: #574717;
}



/* Fourth Level Navigation
--------------------------------------------------------------------- */
ul.FourthLevelNav {
	list-style-type: none;
	float: left;
	font-size: .8em;
	margin-bottom: 10px;
}
	
	ul.FourthLevelNav li, ul.FourthLevelNav li a { float: left }
	
	ul.FourthLevelNav li a {
		padding: 3px 10px;
	}
	
	ul.FourthLevelNav li a:hover {
		
		
	}

		ul.FourthLevelNav li.selected a {
			border-bottom: 3px solid;
		}	

/* Main Content Capsule (blue bars for headers)
--------------------------------------------------------------------- */
.capsule {
	width: 352px;
	margin-bottom: 8px;
}
	.capsule p { padding-left: 20px; }

	.capsule h4.link { padding: 0;}
	.capsule h4.link a{
		background: #bedae6 url(../images/layout/header_capsule.gif) no-repeat right;
		height: 17px;
		padding: 2px 0 4px 20px;
		border: none;
		width: 236px;
		display: block;
	}
		
		.capsule h4 a:hover{
			background-color: #98c0d1;
			border: none;
		}

.content_wide .capsule {
	float: left;
	margin-right: 15px;
}

/* Narrow Content Module
--------------------------------------------------------------------- */
.content_narrow .module_wrap {
	background: #4b6a84 url(../images/layout/content_narrow_module_middle.gif) repeat-y;
	width: 524px;
	margin: 8px 0 35px 0;
	padding: 0;
	overflow: hidden;
}

.content_narrow .module_wrap .module{
	background: transparent url(../images/layout/content_narrow_module_top.gif) no-repeat;
	min-height: 50px;
	padding: 10px 10px;;
	color: #FFF;
	font: 1em 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Verdana, sans-serif;
}

.content_narrow .module_wrap .bottom {
	background: transparent url(../images/layout/content_narrow_module_bottom.gif) no-repeat bottom;
	width: 524px;
	height: 8px;
}

	.content_narrow .module_wrap .module img.left, img.left {
		float: left;
		margin-right: 15px;	
		margin-bottom: 10px;
	}
	
	.content_narrow .module_wrap .module .content {
		float: left;
		width: 235px;
	}

/* Module Half - half the page - blue
--------------------------------------------------------------------- */
.module_half_wrap{
	background: transparent url(../images/layout/module_half_mid.gif) repeat-y;
	width: 352px;
	overflow: hidden;
}

.module_half_wrap .module_half {
	background: transparent url(../images/layout/module_half_top.gif) no-repeat;
	min-height: 50px;
	padding: 10px 10px;
	color: #FFF;
	font: 1em 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Verdana, sans-serif;
}

	.module_half_wrap .module_half	.content {
		padding: 10px 15px 0 15px;
		width: 300px;
	}
	
		.module_half_wrap .module_half	.content h3 {
			font-size: 1.5em;
			color: #1D1D1D;
		}
		
.module_half_wrap .bottom {
	background: transparent url(../images/layout/module_half_bot.gif) no-repeat bottom;
	width: 352px;
	height: 5px;
}

/* Module Side - Short width for floating left or right.
--------------------------------------------------------------------- */
.module_side_wrap{
	background: transparent url(../images/layout/module_side_mid.png) repeat-y;
	width: 249px;
	overflow: hidden;
}

.module_side_wrap .module_side {
	background: transparent url(../images/layout/module_side_top.png) no-repeat;

	padding: 15px 20px 15px 20px;
	color: #FFF;
	font: 1em 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Verdana, sans-serif;
}
	
	
		.module_side_wrap .module_side h3 {
			font-size: 1.3em;
			color: #1D1D1D;
			margin-bottom: 5px;
		}
		
.module_side_wrap .module_side_bot {
	background: transparent url(../images/layout/module_side_bot.png) no-repeat bottom;
	width: 249px;
	height: 4px;
}

#adacore_praxis_partnership {
	background: transparent url(../images/content/adacore_praxis_partnership.png) no-repeat -15px 0;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	height: 0;
	padding-top: 49px;
	width: 237px;
	margin: 0 0 10px 0;
}

/* Module Wide - the whole page - blue
--------------------------------------------------------------------- */
.module_wide_wrap{
	background: transparent url(../images/layout/module_wide_mid.gif) repeat-y;
	width: 738px;
	overflow: hidden;
	margin-bottom: 25px;
}

.module_wide_wrap .module_wide {
	background: transparent url(../images/layout/module_wide_top.gif) no-repeat;
	min-height: 50px;
	color: #FFF;
	font: 1em 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Verdana, sans-serif;
}

	.module_wide_wrap .module_wide	.content {
		padding: 7px 15px 5px 15px;
		width: 708px;
		float: left;
	}
	
		.module_wide_wrap .module_wide	.content h3 {
			font-size: 1.5em;
			color: #1D1D1D;
		}
		
.module_wide_wrap .bottom {
	background: transparent url(../images/layout/module_wide_bot.gif) no-repeat bottom;
	width: 738px;
	height: 5px;
}

.module_wide_wrap .module_wide ul {
	float: left;
	width: 600px;
	margin-bottom: 10px;
}

.module_wide_wrap .module_wide ul li{
	float: left;
	width: 50%;
}

/* Expertise Engineer quotes
--------------------------------------------------------------------- */
#expertise_banner{
	list-style-type: none;
	float: right;
	padding-left: 15px;
	position: relative;
	width: 384px;
}

#expertise_banner li a:hover {
	border: none;
}

div.expertise_popup {
	position:fixed;top:0;left:0;z-index:2109380;
	text-align: center;
}

div.expertise_popup a {
	color: #FFF;
	text-decoration: none;
}


/* Customer Quotes
--------------------------------------------------------------------- */
dl.quotes {
	padding: 0;
}


dl.quotes dt {
	float: left;
	width: 100px;
	height: 75px;
	padding: 0;
	background: transparent url(../images/layout/shadow_flat_surface.gif) no-repeat bottom;
	margin-top: 30px;
}

.quotes dd {
	background: transparent url(../images/layout/quotes.gif) no-repeat 0 0;
	float: left;
	width: 390px;
	margin: 24px 0 0 15px;
	padding-top: 16px;
}

	.quotes dd p{
		font: 1.3em Palatino, Georgia, 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Verdana, sans-serif;
		font-style: oblique;
		line-height: 1.6em;
		text-indent: 50px;
		font-weight: 100;
	}
	
		.quotes dd p span {
			font: .9em 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Verdana, sans-serif;
			float: right;
			color: #222;
		}

/* Narrow thumbnail grid
--------------------------------------------------------------------- */
ul.thumbnail_grid li{
	list-style-type: none;
	float: left;
	width: 116px;
	height: 160px;
	margin: 7px;
	padding: 0;
	text-align: left;
	line-height: 1.5em;
	font-size: .8em;
}


/* Content Supplemental (Right Side Banners)
--------------------------------------------------------------------- */
.content_supp, .aside {
	width: 200px;
	margin-top: 30px;
	font: 1em 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Verdana, sans-serif;
	float: left;
}

	.content_supp img {
		float: left;
		margin-bottom: 15px;
	}
	
	.content_supp .content {
		padding-left: 25px;
		border-left: 1px solid #CCC;
	}

	.content_supp ul {
		list-style-type: none;
	}
	
		.content_supp ul li p{
			clear: both;
		}
	
/* Aside
--------------------------------------------------------------------- */
.aside {
	margin-top: 0;
}


/* GNAT Pro Footer
--------------------------------------------------------------------- */
h3#codepeer_resources {
	background: #eaeaea url(../images/content/headers/header_codepeer_resources.png);
	width: 749px;
	padding-top: 38px;
	height: 0;
	overflow: hidden;
	clear: both;
}

h3#sparkpro_resources {
	background: #eaeaea url(../images/content/headers/header_sparkpro_resources.png);
	width: 749px;
	padding-top: 38px;
	height: 0;
	overflow: hidden;
	clear: both;
}

h3#gnatpro_resources {
	background: #eaeaea url(../images/content/headers/header_gp_resources.gif);
	width: 749px;
	padding-top: 38px;
	height: 0;
	overflow: hidden;
	clear: both;
}

#gnatpro_footer_wrap {
	background: transparent url(../images/layout/gp_resources_mid.gif);
	clear: both;
	width: 749px;
	float: left;
	margin-top: 40px;
	margin-bottom: 20px;
}
	
	#gnatpro_footer {
		background: transparent url(../images/layout/gp_resources_bottom.gif) no-repeat bottom;
		padding: 0 25px 20px 25px;
		font-size: .85em;
		float: left;
		width: 699px;
	}
	
		#gnatpro_footer p strong {
			display: block;
			width: 210px;
			text-align: right;
			float: left;
			font-weight: 100;
			margin-right: 20px;
			color: #6a6a6a;
		}
	
		#gnatpro_footer p span {
			float: left;
		}
		
		#gnatpro_footer p {
			clear: both;
			float: left;
			width: 699px;
		}
		
		#gnatpro_footer p a { text-decoration: none; }
		#gnatpro_footer p a:hover { border-bottom: 1px dotted; }
		
		
/* Fine Tuning Elements
--------------------------------------------------------------------- */
ul#toolsuite_components	{
	padding-left: 100px;
	background: transparent url(../images/content/icon_toolsuite.gif) no-repeat 10px 0;
}

ul#toolsuite_add-ons{
	padding-left: 100px;
	background: transparent url(../images/content/icon_toolsuite_add-ons.gif) no-repeat 5px 0;
}

h3.quick_tour {
	background: url(../images/content/quick_tour.gif);
	width: 129px;
	padding-top: 28px;
	height: 0;
	overflow: hidden;
	text-indent: -9999px;
}


.sidebar_testimonial p.quote {
	font-family: Palatino, Georgia;
	font-size: 15px;
	color: #335b81;
}

.sidebar_testimonial p.testifier {
	font-size: 10px;
	text-align: right;
	color: #282828;
}


div.dropdown_from_header {
	background: #e2e2e2 url(../images/layout/dropdown_info_from_header.png) repeat-y bottom left;
	width: 691px;
	padding: 10px 25px 15px 25px;
}

div.dropdown_from_header ul li {
	float: left;
	width: 335px;
	display: block;
}

/* Content Specific Components
--------------------------------------------------------------------- */
img.subscription_package {
	margin: 0 0 0 18px;
}

.development_solutions {
	position: relative;
	padding: 0 0 0px 0;
	float: left;
	width: 100%;
	margin-top: 25px;
}

.development_solutions h4{
	float: left;
}

	.development_solutions p{
		clear: left;
	}

.development_solutions a{
	float: right;
	margin: 0 0 0 6px;
}

.development_solutions a:hover{ border: none; }


	/* Frontline support capsule
	--------------------------------------- */
	.capsule .frontline_support_sp { background: transparent url(../images/content/frontline_support_sp.jpg) no-repeat 0 13px; }
	.capsule .frontline_support { background: transparent url(../images/content/frontline_support2.jpg) no-repeat 0 13px; }


	.capsule .frontline_support,
	.capsule .frontline_support_sp {
		width: 353px;
		height: 193px;
		overflow: auto;
	}
	
		.capsule .frontline_support p,
		.capsule .frontline_support_sp p {
			color: #FFF;
			font-size: .85em;
			padding-right: 185px;
			padding-top: 10px;
			padding-left: 20px;
			line-height: 1.3em;
		}
	
		.capsule .frontline_support span.continue a,
		.capsule .frontline_support_sp span.continue a {
			background: transparent url(../images/layout/arrow_right_lightblue.gif) no-repeat bottom right;
			padding: 0 10px 0 0;
			float: left;
			height: 11px;
		}
		
		.capsule .frontline_support span.continue a,
		.capsule .frontline_support_sp span.continue a {
			color: #BEDAE6;
		}
		
			.capsule .frontline_support span.continue a:hover,
			.capsule .frontline_support_sp span.continue a:hover {
				border-bottom: 1px solid;
			}
		
		.capsule .frontline_support h5,
		.capsule .frontline_support_sp h5 {
			color: #FFF;
			padding: 10px 165px 0px 20px;
			line-height: 1.3em;
			font: 1.2em 'Lucida Grande', 'Lucida Sans', Verdana, Geneva, Arial, sans-serif;
		}

	/* Toolsuite capsule
	--------------------------------------- */
	.capsule .toolsuite {
		background: transparent url(../images/content/icon_toolsuite2.gif) no-repeat 0 30px;
		padding-left: 75px;
	}

/* Supported PLatform/Supported COnfigs Style */

		#configs-txt {
			width: 736px;
			border-width: 0px;
			border-spacing: 5px;
		}
		
		#configs-txt td, #configs-txt .column {
			vertical-align: top;
			padding: 2px;
			width: 364px;
			
		}
		
		#confis-txt td#native {
			width: 219px;
		}
		
		#confis-txt td#cross {
			width: 288px;
		}
		
		#configs-txt ul li {
			font-size: 10px;
			padding: 4px 0;
		}
		
		.dash_bullets {
			list-style-image: url(/images/bullet_bg_dash.gif);
			padding-left: 17px;
			list-style-type: none;
		}
		
		#configs-txt h3 {
			margin: 15px 0 0 0;
		}

		#configs-txt h4 {
			font-size: 1em;
			font-weight: 900;
			background-color: #f2f2f2;
			line-height: 2em;
			padding: 0 10px;
			border-top: 1px solid #e5e5e5;
			margin-top: 20px;
		}




/* SPARK pro Videos
--------------------------------------------------------------------- */
	
		#full_spread.spark_videos {
			background: #233348 url(../images/layout/SPARK_videos.jpg) no-repeat 0 0;
			height: 205px;
		}
		
			#full_spread.spark_videos .content {
				padding: 60px 45px 20px 310px;
				color: #FFF;
			}
			
					
			#full_spread.spark_videos .content h3 {
				color: #ffffff;
				font-weight: 500;
				font-size: 17px;
				margin-bottom: 10px;
			}
			
			#full_spread.spark_videos .content p {
				color: #b7a4c2;
			}
			
			#full_spread.spark_videos .content p a {
				color: #f0e9f5;
				text-decoration: none;
			}
			
			#full_spread.spark_videos .content p a:hover {
				text-decoration: underline;
			}
		
			



/* GPS 5.0
--------------------------------------------------------------------- */

	#full_spread {
		width: 794px;
		position: relative;
		top: 10px;
		left: -16px;
		margin-bottom: 10px;
		padding-bottom: 35px;
	}
		
		#full_spread.gps5 {
			background: #233348 url(../images/layout/gps5/gps5_bg.jpg) no-repeat 0 0;
			height: 251px;
		}
		
			#full_spread.gps5 .content {
				padding: 45px 45px 20px 260px;
				color: #FFF;
			}
			
			#full_spread.gps5 .content h2 {
				background: transparent url(../images/layout/gps5/header.png) no-repeat 0 0;
				overflow: hidden;
				text-indent: -9999px;
				display: block;
				height: 0;
				width: 489px;
				padding-top: 32px;
				margin-bottom: 4px;
			}
			
			#full_spread.gps5 .content h3 {
				color: #9cb7e2;
				font-weight: 400;
				font-size: 16px;
				margin-bottom: 20px;
			}
			
		
		#full_spread .tabs {
			position: absolute;
			bottom: 0;
			height: 37px;
			width: 794px;
			background: transparent url(../images/layout/gps5/black_45prcnt.png) repeat 0 0;
			background-clip: padding-box;
			border-width: 1px;
			-moz-background-clip: padding-box;
			-moz-background-clip: padding;
			-webkit-border-image: url(../images/layout/gps5/border.png) 1 repeat;
			-moz-border-image: url(../images/layout/gps5/border.png) 1 repeat;
			border-image: url(../images/layout/gps5/border.png) 1 repeat;
			border-right-width: 0;
			border-left-width: 0;
			border-bottom-width: 0;
		}
			
			#full_spread .tabs ul {
				padding: 0px 20px 0 20px;
				float: left;
				width: 744px;
				position: relative;
				top: -3px;
			}
			
			#full_spread .tabs ul li {
				float: left;
				color: #FFF;
				list-style-type: none;
				display: block;
			}
				
				#full_spread .tabs ul li a {
					color: #FFF;
					text-decoration: none;
					height: 40px;
					float: left;
					line-height: 40px;
					padding: 0 20px;
					background: transparent url(../images/layout/gps5/tab_divider.png) no-repeat 0 50%;
				}
				
				#full_spread .tabs ul li:first-child a,
				#full_spread .tabs ul li.active + li a  { background-image: none; }
				
				#full_spread .tabs ul li a:hover {
					color: #9cb7e2;
				}
				
				#full_spread .tabs ul li.active a {
					background-color: #FFF;
					color: #262626;
					-webkit-border-top-left-radius: 4px;
					-moz-border-radius-topleft: 4px;
					border-top-left-radius: 4px;
					-webkit-border-top-right-radius: 4px;
					-moz-border-radius-topright: 4px;
					border-top-right-radius: 4px;
				}
		
				
		ul.gps5_features {
			list-style-type: none;
		}
		
			ul.gps5_features li span {
				color: #1D1D1D;
				margin-bottom: 0px;
				font-size: 14px;
				font-weight: 900;
			}
			
			ul.gps5_features li span {
				background: transparent url(../images/layout/gps5/feature_icons.png) no-repeat 0 0;
				padding-left: 40px;
				display: block;
				height: 30px;
				line-height: 30px;
			}
			
			ul.gps5_features li span.language { background-position: 0 0; }
			ul.gps5_features li span.editing { background-position: 0 -40px; }
			ul.gps5_features li span.ease { background-position: 0 -80px; }
			ul.gps5_features li span.tool { background-position: 0 -120px; }
			ul.gps5_features li span.documentation { background-position: 0 -160px; }
		
			
			
			/* nested list */
			ul.gps5_features li ul {
				list-style-type: none;
				margin-bottom: 30px;
				margin-top: 5px;
				margin-left: 30px;
			}
		
					ul.gps5_features li ul li {
						color: #515151;
						line-height: 18px;
						background: url(../images/layout/arrow_right.gif) no-repeat 10px 4px;
						padding-left: 20px;
						padding-bottom: 5px;
						font-size: 11px!important;
					}
		
		
		
			/* Overlay & Video */
			
			
			/* the overlayed element */
				.simple_overlay {
					
					/* must be initially hidden */
					display:none;
					
					/* place overlay on top of other elements */
					z-index:10000;
					
					/* styling */
					background-color:#333;
					
/* 					width:675px; */
					min-height:200px;
					
					/* CSS3 styling for latest browsers */
					-moz-box-shadow:0 0 90px 5px #000;
					-webkit-box-shadow: 0 0 90px #000;	
					
				}
				
				
				/* close button positioned on upper right corner */
				.simple_overlay .close {
					background: transparent url(../images/layout/gps5/close.png) no-repeat 0 0;
					position:absolute;
					right:-15px;
					top:-15px;
					cursor:pointer;
					height:26px;
					width:26px;
				}
					
					.simple_overlay .close:hover {
						border-bottom: none;
					}
				
				
				img.overlay {
					background-color: #FFF;
					padding: 4px;
					-webkit-box-shadow: #000 0px 1px 2px;
					-moz-box-shadow: #000 0px 1px 2px;
					box-shadow: #000 0px 1px 2px;
				}
				
				div.video_title {
					margin-top: 20px;
					padding: 10px 15px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					width: 322px;
					float: left;
					border: 1px solid #CCC;
				}
				
				div.video_title:hover {
					cursor: pointer;
				}
				
				
				div.video_title span.icon {
					background: transparent url(../images/layout/gps5/feature_icons.png) no-repeat 0 -240px;
					padding-left: 40px;
					display: block;
					height: 30px;
					line-height: 30px;
					float: left;
					margin-top: 20px;
				}
				
				div.video_title .content {
					float: left;
					width: 282px;
				}
				
				
				.overlay_thumbnail {
					float:left;
					margin: 10px 41px;
					position: relative;
					
				}
				
					.overlay_thumbnail img {
						-webkit-box-shadow: #000 0px 1px 2px;
						-moz-box-shadow: #000 0px 1px 2px;
						box-shadow: #000 0px 1px 2px;
					}	
						
						.overlay_thumbnail img:hover { cursor: pointer; }
				
					.overlay_thumbnail span {
						display: block;
						font-size: 10px;
						padding: 5px 0 0 0;
					}
					
				
				.simple_overlay h3 {
					color: #FFF;
					padding: 5px 10px;
					position: absolute;
					top: -37px;
					left: 0;
				}


/* Product Knowledge Center
------------------------------------------------------- */
.knowledge_center {
	width: 735px;
	float: left;
}

	.knowledge_center h5.webinars,
	.knowledge_center h5.videos,
	.knowledge_center h5.gems {
		display: inline-block;
		padding-left: 25px;
		position: relative;
		margin-bottom: 10px;
	}
	
	.knowledge_center h5.webinars span.icon,
	.knowledge_center h5.videos span.icon,
	.knowledge_center h5.gems span.icon {
		background: transparent url(../images/content/knowledge_center_icons.png) no-repeat 0 0;
		overflow: hidden;
		text-indent: -9999px;
		display: block;
		height: 0;
		width: 20px;
		padding-top: 16px;
		position: absolute;
		left: 0;
	}
	
	.knowledge_center h5.videos span.icon { background-position: -20px 0; }
	.knowledge_center h5.gems span.icon { background-position: -40px 0; }


.knowledge_center .cell_1,
.knowledge_center .cell_2,
.knowledge_center .cell_3 {
	float: left;
	width: 231px;
	display: block;
	margin-right: 20px;
}

.knowledge_center .cell_3 { margin-right: 0; }

.knowledge_center ul li {
	font-size: 12px;
	display: inline-block;
	width: 231px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

				
/* Full Spread
------------------------------------------------------- */			
#full_spread {
		margin-bottom: 0;
		padding-bottom: 0;
		border-top: 1px dashed #e5e5e5;
	}
	
	#full_spread .banner {
		border-bottom: 1px dashed #e5e5e5;
		padding: 20px 30px;
		margin: 0 1px;
	}
	
	#full_spread .banner img {
		float: left;
		margin-right: 20px;
		-webkit-box-shadow: #999999 0px 1px 2px;
		-moz-box-shadow: #999999 0px 1px 2px;
		box-shadow: #999999 0px 1px 2px;
	}
	
	#full_spread .banner a {
		color: #195AAD;
		text-decoration: none;
	}
	
					
/* Holdovers from Old Design
--------------------------------------------------------------------- */
ul.nobullets {
	list-style: none;
	background: transparent url(../images/layout/border_dots.gif) repeat-x top;
	padding-top: 1px;
	margin-bottom: 20px;
}

	ul.nobullets li {
		background: transparent url(../images/layout/border_dots.gif) repeat-x bottom;
		font-size: .85em;
		padding-bottom: 1px;
	}
	
	ul.nobullets li a {
		display: block;
		padding: 3px 10px 3px 20px;
		background: url(../images/layout/arrow_right.gif) no-repeat 10px 5px;
	}
		
		ul.nobullets li a:hover {
			border: none;
			background-color: #aed3e3;
		}