@charset "utf-8";

/* CSS Document Content Area */  

/******************************/

/* Begin content  area */ 

/*general styles used on pages */

	#content-container {width: 100%; position:relative; top:-20px;}

	#content-container .narrow {width: 755px;}

	/*#content-container .wide {width: wide;}*/

	/* Begin customers flash styles*/ 

	#content.customers-style{width:992px;}

	#bread-tools.customers-style{width:963px;}

	/* End customers flash styles*/ 

	#content {padding: 0.81em; float:right; color: #575757; font-size: 0.9em; line-height: 130%;}

	#content a {color: #1E64B8; text-decoration: none;}

	#content a:hover {text-decoration: underline;}

	#content h1 {clear:both; margin:0 0 15px; padding:0; color:#15549a; font-size:1.4em; font-weight: normal;}
	
	#content h2 {clear:both; margin:0 0 9px; padding:5px 0 3px 0; color: #15549a; font-size:1.1em; font-weight:bold; border-bottom:1px solid #B2B2B2;}
	
	#content h2.subhead-software {margin:-10px 0 9px; padding:0 0 2px 0; color:#15549a; font-size: 1.1em; font-weight: bold; border-bottom:1px solid #B2B2B2;}
	
	#content h3 {clear: both; margin:0; padding:0; color:#15549a; font-weight:bold;}

	#content div#banner {margin-bottom:5px;}
	
	/* begin Generic Static Banner with Text e.g. Resource Centers */
	#content .textbannerheader {float:left; margin:0; padding:0; width:760px; height:160px;background-repeat:no-repeat; }
 	#content .textbannerheader h1 {margin:75px 0 10px 20px; padding:0; font-size:1.7em; color:#fff;}
	#content .textbannerheader h1 a {color:#fff;}
 	#content .textbannerheader h2 {margin:0 0 10px 12px; padding:0 0 0 10px; font-size:1.3em; color:#009DE9; text-transform:none; border:none;}
	#content .textbannerheader h2 a {color:#009DE9;}
	#content .textbannerheader a:hover {text-decoration:none;}
	/* end Generic Static Banner with Text */
	
	#content ul {list-style-image: url(/multimedia/bullet.gif);}

	#content ul.spaced {margin-top: 0px; padding-bottom: 5px;}

	#content ul.spaced li {padding-bottom: 5px;}

	#content ul.double li {padding-bottom: 10px;}
	

	#content div.intro {margin-bottom: 10px;}

	#content div.intro ul {color: #4D839F; font-weight: normal; list-style-image: url(/multimedia/intro-bullet.gif);}

	/* blockquotes, w=wrapper elements for the corners */
	
		#content blockquote.w {background: #E9EFF2 url(/multimedia/quote-top-left.gif) no-repeat; padding: 0 ; margin: 0; color: #608DA4; margin-bottom: 15px;}

		#content blockquote.w p {padding: 10px 20px; padding-bottom: 0; margin: 0; font-size: 1.2em; font-weight: bold;} #content blockquote.w p.w {background: url(/multimedia/quote-top-right.gif) right top no-repeat;}
		
		#content blockquote.w p.cite {margin: 0; font-size: 1em;}

		#content blockquote.w cite {display: block; text-align: right; padding-right: 20px;}
		
		#content blockquote.w div.bot-left {background: #E9EFF2 url(/multimedia/quote-bot-left.gif) left no-repeat; height: 9px;}

		#content blockquote.w div.bot-right {background: url(/multimedia/quote-bot-right.gif) right no-repeat; height: 9px; font-size: 1px;} 
		
	/* zoom in style */
	
		#content .img-zoom {display: inline; float: right; text-align: right; padding-left: 10px; font-size: 1px; clear: both; line-height: normal; margin-bottom: 15px;}
		

	/* general more links with an arrow on the right site */

		#content .more-general {text-align: right;}

		#content .more-general a {background: url(/multimedia/icon_more_gen.gif) right no-repeat; padding-right: 17px;}

	/* to add a light gray line to the top of a block element */
	
		#content .line-light {border-top: 1px solid #B2B2B2; padding-top: 15px;}

	/* Call To Action lists: cta */



		#content div.cta {background:#ccc url(/multimedia/cta-top-left.gif) no-repeat;}
		
		#content div.cta div.top{background: url(/multimedia/cta-top-right.gif) right no-repeat; height: 4px; font-size: 1px;}
		
		/* BEGIN cta listed horizontally */

		#content div.cta h3 {color:#444; background-color:#ccc; padding: 2px 0 2px 10px; margin:0; border:none;}

		#content div.cta #cta-row {background:#eee; margin:2px 0 0 0; padding:0; border:none; width:100%;}

		#content div.cta #cta-row ul {margin:0; padding:0; font-size: 0.9em; background:#eee; border-top:none; display:inline-block;}

		#content div.cta #cta-row ul li {padding: 2px 14px; border-right: 1px solid #fff; border-bottom:none;  border-top:none; display: table-cell; display: inline-table; display:inline-block;}	

		#content div.cta #cta-row ul li.last {padding: 2px 14px; border-right:none; border-bottom:none; border-top:none; display: table-cell; display: inline-table; display:inline-block;}

		#content div.cta #cta-row ul li a {text-decoration: none; color: #03486C;}

		#content div.cta #cta-row ul li a:hover {text-decoration: underline;}

		/* END cta listed horizontally */

		

		/* BEGIN cta listed vertically */

		#content div.cta ul {margin: 0; padding: 0; list-style-image: none; list-style: none; font-size: 0.9em; background:/*#E9EFF2*/#eee;}

		#content div.cta ul li {padding: 5px 30px; border-bottom: 1px solid #fff; }

		#content div.cta ul li a {text-decoration: none; color: #03486C; }

		#content div.cta ul li a:hover {text-decoration: underline;}

		#content div.cta ul li.demo  {background: url(/multimedia/cta-btn-demo.gif) no-repeat 6px 6px;}

		#content div.cta ul li.download  {background: url(/multimedia/cta-btn-download.gif) no-repeat 6px 6px;}

		#content div.cta ul li.podcast  {background: url(/multimedia/cta-bullet-podcast.gif) no-repeat 6px 6px; border-bottom: 0;}



		#content div.cta-podcast {padding: 13px 5px 13px 90px; background: #FFFFFF url(/multimedia/cta-icon-podcast.gif) 20px no-repeat; }

		#content div.cta-podcast span.highlight {color: #C32C2F;}

		#content div.cta-podcast span.desc-text {font-size: 0.9em;}

		/* END cta listed vertically */
		
		
		#content div.cta ul {margin: 0; padding: 0; list-style-image: none; list-style: none; font-size: 0.9em; background: /*#E9EFF2*/#eee;}
		
		#content div.cta ul li {padding: 5px 30px; border-bottom: 1px solid #fff; }
		
		#content div.cta ul li a {text-decoration: none; color: #03486C; }
		
		#content div.cta ul li a:hover {text-decoration: underline;}
		
		#content div.cta ul li.demo  {background: url(/multimedia/cta-btn-demo.gif) no-repeat 6px 6px;}
		
		#content div.cta ul li.download  {background: url(/multimedia/cta-btn-download.gif) no-repeat 6px 6px;}
		
		#content div.cta ul li.podcast  {background: url(/multimedia/cta-bullet-podcast.gif) no-repeat 6px 6px; border-bottom: 0;}
		
		#content div.cta-podcast {padding: 13px 5px 13px 90px; background: #FFFFFF url(/multimedia/cta-icon-podcast.gif) 20px no-repeat;}
		
		#content div.cta-podcast span.highlight {color: #C32C2F;}
		
		#content div.cta-podcast span.desc-text {font-size: 0.9em;}
		
		#content div.cta-bot-left  {background:#ccc url(/multimedia/cta-bot-left.gif) no-repeat; margin-bottom: 15px;}
		
		#content div.cta-bot-right {background: url(/multimedia/cta-bot-right.gif) right no-repeat; height: 4px; font-size: 1px;}
		
		#content div.cta .img-demo {float:right; padding:5px 0 5px 5px;}
		
	/* two column formating */

		#content div.cols {width: 100%; clear: both; margin-bottom: 15px; }
		
		#content div.cols h2 {margin-bottom: 5px;clear: both; }	


    /* two columns with a left side narrower than the right side */

		#content div.cols div.regular-1 {width: 30%; float: left; margin-bottom: 15px; }

		#content div.cols div.regular-2 {width: 68%; float: right; margin-bottom: 15px;}
	
	/* two columns with a left side much narrower than the right side */

		#content div.cols div.regular-1-nar {width: 7%; float: left; margin-bottom: 15px; }

		#content div.cols div.regular-2-nar {width: 83%; float: right; margin-bottom: 15px;}

	/* styles for 2 column formats on generic pages */

		#content div.cols div.highlight-1 {width: 48%; float:left;}
		
		#content div.cols div.highlight-2 {width: 48%; float:right;}
	
	/* two columns with a left side narrower than the right side as on Community Relations page */

		#content div.cols div.commrel-1 {width: 40%; float: left; margin-bottom: 15px; }

		#content div.cols div.commrel-2 {width: 60%; float: right; margin-bottom: 15px;}
	
	/* two columns for Market2Lead registration pages */
		
		#content div.cols div.m2l-desc {width: 40%; float:left; margin:0; padding:5px; border:1px solid #e4e4e4;}
		
		#content div.cols div.m2l-desc h2 {border:none;}
		
		#content div.cols div.m2l-desc ul {margin:0 0 10px 20px; padding:0;}
		
		#content div.cols div.m2l-form {width: 56%; float:right; margin:0; padding:0 5px 5px 5px; background:#eee;}

		#content div.cols img.thumbnail-m2l {float:left; margin:0; padding:2px;}

	/* two columns for Market2Lead registration pages - "Featured Resources" column */	
			
		#content div.cols div.m2l-desc-form {width: 100%; float:left; margin:0; padding:5px;}
		
		#content div.cols div.m2l-desc-form img {float:left; padding:0 10px 10px 0;}
		
		#content div.cols div.m2l-desc-form div.m2l-form {float:left; width:98%;}
	
	/* three columns for Market2Lead thank you pages */
		
		#content div.m2l {float:left; width:700px; overflow:auto; padding:10px; border:1px solid #065591;}
		
		#content div.cols div.m2l-ty-icon {width:13%; float:left; margin:0; padding:0;}
		
		#content div.cols div.m2l-ty-header {width:85%; float:right; margin:0; padding:0;}
		
		#content div.cols div.m2l-ty-header img.m2l-arrow {float:left; padding:10px 5px 0 0;}
		#content div.cols div.m2l-ty-header img.m2l-download-text {float:left; padding:10px 0 0 0;}
		#content div.cols div.m2l-ty-header img.m2l-graphic {float:right; padding:0 5px 0 0;}
		
		#content div.cols div.m2l-ty-content {width:85%; float:right; margin:10px 0 0 0; padding:0;}
	
		/* Plain Lists for 2 column format */

			#content div.cols ul.plainlist {margin: 0; margin-bottom: 10px; padding: 0; list-style: none; list-style-image: none;}
			
			#content div.cols ul.plainlist li {position: relative; clear: both; padding: 12px 0; border-bottom: 1px solid #B2B2B2; height: 100%; font-size: 0.9em;}
			
			#content div.cols ul.plainlist li.first {padding-top: 0;}

			#content div.cols ul.plainlist li img.logo {position: absolute; float: left;}

			#content div.cols ul.plainlist li div.leftimg {padding-left:110px; width:12em;}


	/* three column formatting */
		#content div.column-main {float:left; width:69%; margin:0; padding:0;}
		
		#content div.column-main div.intro {float:left; width:60%; margin-bottom:10px;}
	
		#content div.column-main div.intro-only {float:left; width:100%; margin-bottom: 10px;}
		
		#content div.column-main div.benefits {float:right; width:39%; margin:0; padding:0;}
		
		#content div.column-main div.benefits ul {margin:0 0 5px 20px; padding:0 0 5px 5px; color: #4D839F; font-weight: normal;}
		
		#content div.column-main div.benefits ul li {margin-bottom:8px;}
		
		#content div.column-main p {clear:both;}		
		#content div.column-main ul {clear:left;}
		
		#content div.column-main div.cols div.bio-img {width: 25%; float:left;}

	    #content div.column-main div.cols div.bio-desc {width: 75%; float: right; padding-top: 5px;}
		
		#content div.column-media {float:right; width:28%; margin:30px 0 0 0; padding:0;}
		
		#content div.column-media h3 {margin:0; padding:0 0 5px; font-size:1em; font-weight:bold; color:#666;}
		
		#content div.column-media p.screenshot-desc {margin:0; padding:0; font-size:0.85em;}		
		
		#content div.column-media .videos, 
		#content div.column-media .ads,
		#content div.column-media .screenshots {margin:0 0 15px 0; padding:0;}
		
		/* BEGIN Resources in third column */		
		
		#content div.column-media div#resources {float:right; width:200px; min-width:215px; margin:0; padding:0;}
		
		#content div.column-media div#resources p {float:left; width: 200px; margin:0 0 10px 0; padding:0; color:#444;}	
				
		#content div.column-media div#resources .title {float:left; width:200px; height:23px; padding-left:18px; padding-top:1px; font-size:0.9em; color:#000; font-weight:bold;background: url(/multimedia/toptitle.gif) no-repeat; display:block;}
		
		#content div.column-media div#resources .assets {float:left; color:#00326d; padding:5px 5px 15px 10px; background:url(/multimedia/resources-bkgd.gif) no-repeat;}

		/* END Resources in third column */
		


	/* BEGIN featured success story boxes for 2 col format  w=wrapper elements for the corners  */

			#content div.boxlinks {background: #E9EFF2 url(/multimedia/case-study-top-left.gif) no-repeat; padding: 0 ; margin: 0; color: #636563; margin-bottom: 15px;}

			#content div.boxlinks h3 {margin:0; padding:0 15px; color:#4A758C; font-size:1.2em; font-weight:bold;}

			#content div.boxlinks b {color:#000;}

			#content div.boxlinks p {padding: 10px 20px; padding-bottom: 0; margin: 0;}

			#content div.boxlinks p.w {background: url(/multimedia/case-study-top-right.gif) right top no-repeat; padding-top:0;}

			#content div.boxlinks ul {margin:0; padding:0; list-style:none; list-style-image: none; background:#9CB6C6; margin-top: 5px;}

			#content div.boxlinks ul li a {padding:4px 0 4px 45px; border-bottom:1px solid #EFEFF7; display: block; height: 100%;}

			#content div.boxlinks ul li a {color: #fff;}

			#content div.boxlinks ul li.pdf a {background: url(/multimedia/li-pdf.gif) no-repeat 20px 3px;}

			#content div.boxlinks ul li.more a {background: url(/multimedia/li-more.gif) no-repeat 20px 3px;}

			#content div.boxlinks div.bot-left {margin-top: 5px; background: #E9EFF2 url(/multimedia/case-study-bot-left.gif) left no-repeat; height: 9px;}

			#content div.boxlinks div.bot-right {background: url(/multimedia/case-study-bot-right.gif) right no-repeat; height: 9px; font-size: 1px;} 

			
	/* END featured success story boxes for 2 col format  w=wrapper elements for the corners  */	



	/* in page tabs as found in the tradeshow and conference page */


 		div.tab-items {width: 100%; clear: both; margin: 0;}
		div.tab-items #tab-nav ul {list-style: none; margin: 0; padding:0; clear: both;}
		div.tab-items #tab-nav li {float: left; list-style-image: none;}
		div.tab-items #tab-nav li a {float: left; width: auto; height:auto; display: block; border-right:1px solid #d2d2d2; padding: 5px 10px 2px; margin-left: 0; background:url(/multimedia/home-tab-off.gif) repeat-x; font-size:0.7em; font-weight: bold; text-align:center; text-transform:uppercase; color:#000; text-decoration:none;}
		div.tab-items #tab-nav li.active a {background:url(/multimedia/home-tab-on.gif) repeat-x; color: #000;}
		div.tab-items .divider {width: 100%; clear: both; border-top: 1px solid #999; margin-bottom: 15px;}
		div.tab-items #tab-nav li a:hover {background:url(/multimedia/home-tab-on.gif) repeat-x;}
		div#tab-container {position: relative; padding: 10px; padding-top: 0;}
		div#tab-container h3 {margin-top: 0; margin-bottom: 10px; font-size: 1.2em;}
		div#tab-container #tab0 {display: block;}
		div#tab-container #tab1 {display: none;}
		div#tab-container #tab2 {display: none;}
		div#tab-container #tab3 {display: none;}
		div#tab-container #tab4 {display: none;} 

	/* general table layout */

		#content table.general_tibcast { border: 0; border-collapse: collapse; margin-bottom: 215px;}	

		#content table.general {width: 100%; border: 0; border-collapse: collapse; margin-bottom: 15px;}

		#content table.general th {border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; padding: 5px 15px; text-align: left; color: #FFFFFF; background: #99B4C2;}

		#content table.general th.left {border-left: 0; background: #99B4C2 url(/multimedia/table-gen-top-left.gif) no-repeat;}

		#content table.general th.right {border-right: 0; background: #99B4C2 url(/multimedia/table-gen-top-right.gif) top right no-repeat;}
		
		#content table.general td {border: 1px solid #FFFFFF; background: #E9EFF2; padding: 3px 15px;}

		#content table.general td.last {padding-bottom: 5px;}

		#content table.general td.left {border-left: 0;background: #E9EFF2 url(/multimedia/table-gen-bot-left.gif) bottom left no-repeat;}

		#content table.general td.right {border-right: 0;background: #E9EFF2 url(/multimedia/table-gen-bot-right.gif) bottom right no-repeat;}

		#content div.table-dark-top {background: #4D839F url(/multimedia/table-dark-top-left.gif) no-repeat;}

		#content div.table-dark-top div.top{background: url(/multimedia/table-dark-top-right.gif) top right no-repeat; height: 7px; font-size: 1px;}

		#content table.general td.top {background: #4D839F; color: #FFFFFF; border-top: 0; padding-top: 0;}

		#content table.general td.top-mid {background: #99B4C2; color: #FFFFFF; border-top: 0;}

		#content table.general td.top a,

		#content table.general td.top-mid a {color:#FFFFFF; text-decoration: underline;} 

#content .disclaimer {font-size:0.8em; color:#444;}

/* End content area */



/******************************/


/* Special Sections  */

	/* Press Release Styles */
	div#press-release h2.sub-title {margin:-10px 0 9px; padding:2px 0 3px 0; color:#15549a; font-size:1.1em; font-weight:normal; border-bottom:1px solid #B2B2B2;}

	/* Company Bio Pages */

	div.cols div.bio-img {width: 130px; float:left;}

	div.cols div.bio-desc {width: 47em; float: left; padding-top: 5px;}

	/* Software Landing Page */

	#sw-banner {margin-bottom: 15px;}

	#sw-cols {width: 100%}

	#sw-cols #needs {width: 280px; float: left; line-height: normal;}

	#sw-cols #desc-container {position: relative; float: left; width: 455px; margin:0; padding:10px; background: url(/multimedia/desc-container-bg2.gif) top right no-repeat;}
	
	#sw-cols #desc-container .center {text-align:center;}
	
	#sw-cols #needs h2 {border: 0; color: #FFFFFF; font-size: 1em; padding: 5px 20px; margin: 0; background: #046DA5 url(/multimedia/needs-left-h2-bg.gif) no-repeat; text-transform: uppercase;}

	#sw-cols #needs ul {margin:0; padding: 0; list-style: none; list-style-image: none; background: #4B88A9; border-right: 3px solid #D9D9D9;}

	#sw-cols #needs ul li.subcategory {font-size:0.9em;}

	#sw-cols #needs ul li.subcategory a {padding-left: 35px;}

	#sw-cols #needs ul a {display: block; border-bottom: 1px solid #BFD7E3; padding: 3px 20px; color: #FFFFFF; text-decoration: none; height: 100%; background: url(/multimedia/needs-left-off-bg.gif) right repeat-y;}

	#sw-cols #needs ul a:hover,

	#sw-cols #needs ul li.active a {background:#FFFFFF; color:#4B88A9;}

	#sw-cols #needs ul li.direct-link a {background: url(/multimedia/needs-left-direct-link-off-bg.gif) right repeat-y;}

	#sw-cols #needs ul li.direct-link a:hover {background: url(/multimedia/needs-left-direct-link-on-bg.gif) top right no-repeat; color:#FFFFFF;}	

	#sw-cols #desc-container p.desc-left-arrow {background: url(/multimedia/desc-left-arrow.gif) no-repeat; height: 50px; padding-left: 30px; padding-top: 4px;}	

	#sw-cols #desc-container .all-desc {float:left; width: 450px; margin:0; padding:0; font-size: 0.9em;}
	
	#sw-cols #desc-container .all-desc h2 {border-bottom: 0; color: #333333; margin: 0; padding: 0; background:none; font-size:1.2em;}

	#sw-cols #desc-container .all-desc h3 {color: #046DA5; margin: 0; margin-bottom: 5px;}

	#sw-cols #desc-container .all-desc ul {margin-top: 0; margin-bottom: 10px;}

	#sw-cols #desc-container .software_copy {float: left; width: 290px; margin:0; padding:0;}

	#sw-cols #desc-container .software_links ul {float:right; width: 140px; margin:0; padding:0 0 0 15px;}
	
	#sw-cols #desc-container .software-media {float:right; width: 140px; margin:0 0 0 15px; padding:0;}


	#sw-cols #desc-container #desc0 {display: block; float:left; width:455px;}
	#sw-cols #desc-container #desc1 {display: none; float:left; width:455px;}
	#sw-cols #desc-container #desc2 {display: none; float:left; width:455px;}
	#sw-cols #desc-container #desc3 {display: none; float:left; width:455px;}
	#sw-cols #desc-container #desc4 {display: none; float:left; width:455px;}
	#sw-cols #desc-container #desc5 {display: none; float:left; width:455px;}
	#sw-cols #desc-container #desc6 {display: none; float:left; width:455px;}
	#sw-cols #desc-container #desc7 {display: none; float:left; width:455px;}
	#sw-cols #desc-container #desc8 {display: none; float:left; width:455px;}
	#sw-cols #desc-container #desc9 {display: none; float:left; width:455px;}
	#sw-cols #desc-container #desc10 {display: none; float:left; width:455px;}
	#sw-cols #desc-container #desc11 {display: none; float:left; width:455px;}
	#sw-cols #desc-container #desc12 {display: none; float:left; width:455px;}
	#sw-cols #desc-container #desc13 {display: none; float:left; width:455px;}	
	#sw-cols #desc-container #desc14 {display: none; float:left; width:455px;}
	#sw-cols #desc-container #desc15 {display: none; float:left; width:455px;}	
	#sw-cols #desc-container #desc16 {display: none; float:left; width:455px;}


	/* SOA area /solutions/soa/ */
	
	
	/* Begin Feature Box e.g. Contests Page */
	#content div.feature-box {margin:0; padding:10px 0 0 0; clear:both; border-top: 2px solid #69c;}
	/* End Feature Box e.g. Contests Page */
	
	/* Begin Global Offices Bookmark List */
	#content div.global-offices-bookmark-list ul {float:left; clear:both;}
	#content div.global-offices-bookmark-list ul li {float:left; width:30%;}
	
	#content div.global-offices-list ul {float:left; clear:both;}
	#content div.global-offices-list ul li {float:left; width:48%; margin:0 0 10px; padding:0;}
	#content div.global-offices-list ul li span {font-weight:bold;}
	/* End Global Offices Bookmark List */

	/*Begin Press release and Media Coverage Year Navigation*/
	#content p a.currentyear {text-decoration:none; color:#555; font-weight:bold;}
	/*End Press release and Media Coverage Year Navigation*/

               /* visitor-track image*/
               .hidden-content{display:none;}
   
