/* -- main style sheets for Corticon website, 2007 Steff Eiter -- */
    
    html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, img, blockquote, fieldset, input {
        margin: 0;
        padding: 0;
        border: 0;
		font-family: Arial, Verdana, Helvetica, Sans-serif;
    }
	
	.SpryHiddenRegion {
		visibility:hidden;
	}
	
	
	
	/* hide from IE mac \*/
	html {
		min-height: 100%;
		margin-bottom: 1px;
	}
	/* end hiding from IE5 mac */
	
	a {
		outline: none;
	}
    
    #globalNav ul {
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
    }
    
    .clear {
        clear: both;
    }
    
    body {
        background: url(../images/body-bg.gif) 0 0 repeat-x;
        text-align: center;
        margin: 10px;
        padding: 0;
        font-family: Verdana, Arial, Helvetica, Sans-serif;
        font-size: 62.5%;
    }

    #wrapper1 {
        position: relative;
        background: #fff url(../images/wrapper1-bg.gif) 0 bottom no-repeat;
        margin: 0 auto;
        padding: 0 0 8px 0;
        width: 972px;
        text-align: left;
    }
    
    #wrapper1 h1.wrapperTop {
        background: url(../images/wrapper1-top.gif) 0 0 no-repeat;
        padding: 5px 0 0 0;
    }
    
    
    #header {
        width: 954px;
        margin: 0 1px;
    }
    
    #logo {
        float: left;
        height: 72px;
        margin-left: 1px;
    }
	
	
/* -- Google seach styles --*/
    
    #searchBox {
        float: right;
        width: 600px;
        text-align: right;
        margin-top: 8px;
    }
    
    #searchBox input {
        font-size:11px;
        padding: 2px;
        color: #999;
    }
    
    #searchBox input.btn {
        padding: 0px;
    }
    
    /*#search label {
        width: 100px;
    }
    
    #search input {
        width: 100px;
    }
    
    #search input.btn {
        width: 10px;
    }*/
    
    #searchBox a img {
	padding: 0;
        margin-bottom: -3px;
    }
	
    #searchBox a img a {
	margin: 10px 0 0 0;
    }
	

.results {
	width: 500px;
	margin: 0 0 0 30px;
	height: 1000px;
	overflow: hidden;
	}
	
#cover {
	background-color: #fff; 
	width:90px; 
	height:40px; 
	position: absolute; 
	top: 165px; 
	right: 170px; 
	z-index: 10005;
	}
	
	
	
	
/* -- form styles -- */
    
    form {
        display: inline;
        margin: 8px;
    }
    
    
    form input {
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4em;
        color: #555;
        border: 1px solid #ccc;
    }
        
    form input.btn {
        margin-bottom: -1px;
    }
    
    
    
/* -- globalNav styles - this system uses one sprite png file and position changes for each state of the rollover. -- */ 
    
    
    #globalNav {
		/*background: transparent url(main-nav.png) no-repeat top left;*/
		margin: 0 0 0 8px;
		padding: 0;
		height: 28px;
		width: 800px;
		z-index: 8000;
	}

	#nav {
		position: relative;
		top: 0;
		left: 0;
		height: 28px;
		width: 960px;
		margin: 0;
		padding: 0;
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
		color: #fff;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		/*padding-right: 15px;*/
	}
	
	#nav li ul li { /*float the main list items*/
		width: 180px;
	}

	#nav li ul {
		display: none;
		/*visibility: hidden;*/
	}

	#nav li.off ul { /*put the subnav below*/
		position: absolute;
		top: 28px;
		left: 0;
		padding-top: 10px;
		background: #224d6f;
		/*height: 28px;*/
		padding-left: 8px;
		width: 200px;
	}

	#nav li.over ul {} /*for ie*/ 

	#nav li a, #nav li p {
		color: #224d6f;
		font-weight: bold;
		display: block;
		padding: 0;	
	}

	#nav li.on a {
		color: #f90;
	}
	
	#nav li.off ul p {
		border: 0;
		color: #fff;
		width: auto;
		margin: -1px 0 6px 0;
	}


	#nav li.off ul a {
		border: 0;
		/*float: left; ie doesn't inherit the float*/
		color: #f90;
		width: auto;
		margin-right: 0;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
		background-color: #555;
	}

li#products ul {margin-left: 0; z-index: 401;}
li#solutions ul {margin-left: 125px;}
li#services ul {margin-left: 268px;}
li#customers ul {margin-left: 404px;}
li#partners ul {margin-left: 554px;}
li#content ul {margin-left: 585px;}
li#about ul {margin-left: 697px;}
li#support ul {margin-left: 825px;}


#nav li.off a:hover { 
	color: #f90;
	}

	/*do the image replacement*/

#nav li span {
	position: absolute;
	left: -9999px;
	}

#products a, #solutions a, #services a, #customers a, #partners a, #content a, #about a, #support a {
	display: block;
	position: relative;
	height: 28px;
	background: url(../images/main-nav.png) no-repeat; /*contains all hover states*/
	}


/*first, put the initial states in place*/

#products a { width: 125px; background-position: 0px 0px; }
#solutions a { width: 143px; background-position: -125px 0pt; }
#services a { width: 136px; background-position: -268px 0pt; }
#customers a { width: 150px; background-position: -404px 0pt; }
#partners a { width: 143px; background-position: -554px 0pt; }
#content a { width: 154px; background-position: -585px 0pt; }
#about a { width: 128px; background-position: -697px 0pt; }
#support a { width: 131px; background-position: -825px 0pt; }


/*hover states*/

#products a:hover, #products:hover a, #products.over a { background-position: 0 -30px; }
#solutions a:hover, #solutions:hover a, #solutions.over a { background-position: -125px -30px; }
#services a:hover, #services:hover a, #services.over a { background-position: -268px -30px; }
#customers a:hover, #customers:hover a, #customers.over a { background-position: -404px -30px; }
#partners a:hover, #partners:hover a, #partners.over a { background-position: -554px -30px; }
#content a:hover, #content:hover a, #content.over a { background-position: -585px -30px; }
#about a:hover, #about:hover a, #about.over a {	background-position: -697px -30px; }
#support a:hover, #support:hover a, #support.over a { background-position: -825px -30px; }

#support a:active { background-position: -840px -60px; }

/*subnav formatting*/

#nav li.off ul h2, #nav li.off ul h2 a {
	font-size: 11px;
	color: #fa0;
	margin: 0 0 4px 0;
	font-family: arial, verdana, sans-serif;
	}
	
#nav li.off ul h2.drop a {
	margin: 0 0 11px 0;
	}

#nav li.off ul a /*, #nav li.on ul a */{
	display: block;
	background-image: none;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	height: 18px;
}
  
/* -- end globalNav styles -- */




/* -- content wrapper for the all pages -- */

		#wrapper2 {
        width: 956px;
        background: url(../images/wrapper2-bgsa.jpg) 0 0 no-repeat;
        margin: 0 0 0 8px;
    }
    
    #wrapper3 {
        width: 956px;
        background-color: #fff;
        margin: 0 0 0 8px;
    } 
 
/* -- end content wrapper -- */  
  
  
  
  
  
/* -- page elements for the homepage -- */
    
    #flash {
        /*width: 956px;
        height: 264px;*/
        margin: 0 0 8px 0;
    }
	
	 #flashIntro {
        margin: 0 0 4px 8px;
    }
    
    #flash h1, #flash p {
        text-indent: -9999px;
        margin: 0;
    }
    
    #contentsHome {
        position: relative;
        margin: 0;
        float: right;
    }
	
	
/* -- news and spotlight sections -- */	
	
	#news, #spotlight {
        position: relative;
        margin: 0 8px 0 0;
        width: 284px;
        background: transparent url(../images/col1-bgsa.gif) 0 0 repeat-y;
        float: left;
        height: 466px;
    }

    
    #spotlight {
        margin: 0;
    }
	
/* -- inline list for the news section ajax rollovers -- */	
	
    #newsNav, #spotlightNav {
        height: 52px;
        margin: 0;
        position:relative;
        width: 284px;
        z-index: 9998;
        overflow: hidden;
    }
    
    #newsNav ul, #spotlightNav ul {
        margin: 0;
        padding: 0;
    }

    #newsNav li, #spotlightNav li {
        display:inline;
    }

    #newsNav li a, #newsNav li p, #spotlightNav li a, #spotlightNav li p {
        float: left;
        height: 0pt;
        overflow: hidden;
        padding-top: 52px;
    }

    #newsNav li a, #newsNav li p {
        background-image: url(../images/news-press-eventssa.png);
        background-repeat: no-repeat;
    }

    #newsNav li#n-news p { width: 284px; background-position: 0px 0px; }
    #newsNav li#n-news a:hover { background-position: 0px -52px; }
    /* -- selected state for onclick event for ajax tabs -- */
/*    #newsNav li#n-news a.selectedNews { background-position: 0px -52px; }
       
    #newsNav li#n-press a { width: 66px; background-position: -66px 0pt; }
    #newsNav li#n-press a:hover { background-position: -66px -52px; }*/
    /* -- selected state for onclick event for ajax tabs -- */
/*    #newsNav li#n-press a.selectedPress { background-position: -66px -52px; }
    
    #newsNav li#n-events a { width: 66px; background-position: -132px 0pt; }
    #newsNav li#n-events a:hover { background-position: -132px -52px; }*/
    /* -- selected state for onclick event for ajax tabs -- */
/*    #newsNav li#n-events a.selectedEvents { background-position: -132px -52px; }
    
    #newsNav li#n-more a { width: 86px; background-position: -198px 0pt; }
    #newsNav li#n-more a:hover { background-position: -198px -52px; }*/
	
	
    #spotlightNav li a, #spotlightNav li p {
        background-image: url(../images/spotlightsa.png);
        background-repeat: no-repeat;
    }
	
    #spotlightNav li#s-spotlight p { width: 284px; background-position: 0px 0px; }
    #spotlightNav li#s-spotlight a:hover { background-position: 0px -52px; }
       
    #spotlightNav li#s-blank p { width: 78px; background-position: -84px 0pt; }
    
    #spotlightNav li#s-more img { width: 72px; background-position: -162px 0pt; }
    #spotlightNav li#s-more a:hover { background-position: -162px -52px; }
	
	
    #newsContent, #spotlightContent {
	padding: 0 12px;
        color: #666;	
	}
		
    #newsContent h6, #spotlightContent h6 {
    font-size: 11px;
    color: #093a80;
	margin: 8px 0 0 0;		
	}
	
    #newsContent p, #spotlightContent p{
	margin: 8px 0 8px 0;
	font-size: 11px;
	line-height: 1.2em;
	}
	
    #newsContent ul, #spotlightContent ul, #newsContent li, #spotlightContent li{
	font-size: 11px;
	line-height: 1.2em;
	}

    #newsContent a:link, #newsContent a:visited, #spotlightContent a:link, #spotlightContent a:visited {
        text-decoration: none;
	color: #666;
    }
	
    #newsContent a:hover, #spotlightContent a:hover {
	color: #f93;
    }
	
	
	
/* -- styles for the 2 modules on the homepage -- */		
    
    #module1, #module2 {
        position: relative;
        margin: 0;
		padding: 0;
        width: 372px;
        height: 229px;
        background: transparent url(../images/col2-bg.jpg) 0 52px no-repeat;
    }
    
    #module1 {
        margin: 0 0 8px 0;
    }
	
	
	#module1Nav {
        height: 52px;
        margin: 0;
        position:relative;
        width: 372px;
        z-index: 9998;
        overflow: hidden;
    }
	
	#module1Nav ul {
        margin: 0;
        padding: 0;
    }


    #module1Nav li {
        display:inline;
    }

   #module1Nav li a {
        float: left;
        height: 0pt;
        overflow: hidden;
        padding-top: 52px;
    }
	
	#module1Nav li a {
        background-image: url(../images/industryHead-bgsa.gif);
        background-repeat: no-repeat;
    }
	
	#module1Nav li#m-module1 a { width: 372px; background-position: 0px 0px; }
    #module1Nav li#m-module1 a:hover { background-position: 0px -52px; }
	
	
	
	
	
	
    
    #module1Head, #module2Head {
    	text-indent: -9999px;
    	height: 52px;
    }
	
	 /*#module1Head a h1.top{
        background-image: url(../images/industryHead-bg.gif);
        background-repeat: no-repeat;
    }
	
	#module1Head a { width: 372px; background-position: 0px 0px; }
    #module1Head a:hover { background-position: 0px -52px; }*/
    
   #module1Head {
        background: url(../images/industryHead-bgsa.gif) 0 0 no-repeat;
    }
    
    #module2Head {
        background: url(../images/customerHead-bgsa.gif) 0 0 no-repeat;
    }
    
    
    #module1Head h1.top, #module2Head h1.top {
        color: #093a80;
        font-size: 14px;
        font-weight: normal;
        padding: 10px 0 10px 5px;
    }
    
    
    #module1Head h1.top, #module2Head h1.top {
        background: url(../images/col2-top.gif) 0 0 no-repeat;
    }
		
	
    #newsletterHome {
		width: 169px;
		height: 158px;
		margin: 8px;
		background: transparent url(../images/newsletter-bg.jpg) 0 0 no-repeat;
		float: left;
		}
    
    #newsletterHome h1.top {
		background: url(../images/newslettersa.gif) 0 0 no-repeat;
		text-indent: -9999px;
		height: 30px;
		margin-bottom: 8px;
    }
	
	#newsletterHome p {
		padding: 8px;
		color: #369;
		font-size: 11px;
	}
        
        #newsletterHome form {
		padding: 0;
                margin: 0;
	}
        
        #newsletterHome input {
        margin: 0 0 8px 8px;
		padding: 2px;
		color: #999;
		font-size: 11px;
	}
        
        #newsletterHome input.btn {
		padding: 0;
		color: #999;
		font-size: 11px;
	}
	
	#newsletterHome a:link, #newsletter a:visited {
		padding: 8px 0;
		color: #369;
		font-size: 11px;
		text-decoration: none;
	}
	
    #blog {
		width: 219px;
		margin: 8px 8px 8px 245px;	
	}
	
    #demo {
		width: 169px;
		margin: 8px 8px 8px 195px;
		height: 158px;
		background: transparent url(../images/newsletter-bg.jpg) 0 0 no-repeat;	
	}
	
	#demo p {
		padding: 8px;
		color: #369;
		font-size: 11px;
	}
	
	
   
	
	
	
/* -- style rules for the bottom rounded corners on the homepage -- */
    
    .bottomImgcol1 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 284px;
        background: transparent url(../images/col1-bottom.gif) 0 bottom no-repeat;
        padding: 0;
        margin: 0;
        height: 5px;
    }
    
    .bottomImgcol2 {
		position: absolute;
        bottom: 0;
        left: 0;
		width: 372px;
        background: transparent url(../images/col2-bottom.gif) 0 bottom no-repeat;
        padding: 0;
        margin: 0;
        height: 5px;

    }

    
/* -- end page elements for the home page -- */
    

    
    #leftCol {
        position: relative;
        width: 234px;
        float: left;
        margin: 0;
		z-index: 2;
    }
    
    #secondaryNav {
		position: relative;
        margin: 0;
        padding: 0 4px 10px 0;
        background: transparent url(../images/col1-bg.jpg) 0 0 no-repeat;
        font-size: 11px;
		min-height: 200px;
    }
    
    #secondaryNav h1.top {
        position: relative; 
        background: transparent url(../images/col1-top2.gif) 0 0 no-repeat;
        padding: 8px 0 0 8px;
        color: #333;
		font-weight: normal;
		font-size: 11px;
    }
	
	 #secondaryNav h1 {
        padding: 8px 0 0 8px;
        color: #333;
		font-weight: normal;
		font-size: 11px;
    }
    
    #secondaryNav ul {
		margin: 0 0 0 16px;
        padding: 0 4px 0 4px;
        list-style-position: outside;
		list-style-image: url(../images/bullet-nav.gif);
    }
    
    #secondaryNav ul li {
        margin: 4px 0;
		padding: 0;
    }
    
    #secondaryNav a:link, #secondaryNav a:visited {
        margin: 0;
		padding: 0;
        color: #333;
        text-decoration: none;
    }
	
	#secondaryNav ul a:link, #secondaryNav ul a:visited {
        color: #666;;
    }
    
    #secondaryNav a:hover {
        color: #f90;
        text-decoration: none;
    }
	
    #newsletter {
	position: relative;
        margin: 0;
        padding: 0;
        background: transparent url(../images/col1-bg.jpg) 0 0 no-repeat;
        font-size: 12px;
    }
    
    #newsletter h1.top {
        position: relative; 
        background: transparent url(../images/col1-top2.gif) 0 0 no-repeat;
        padding: 8px 0 8px 8px;
        color: #369;
	font-weight: normal;
	font-size: 12px;
    }
    
    #newsletter input {
        margin: 0 0 0 8px;
        padding: 2px;
        font-size: 11px;
        color: #999;
    }
    
    #newsletter input.btn {
        margin: 0 0 -1px 0;
        padding: 0;
    }
    
    #contents {
        width: 722px;
        position: relative;
        margin: 0 0 0 234px;
		z-index: 1;
    }
	
    
    h1.products { text-indent: -9999px; height: 72px;}
    h1.solutions { text-indent: -9999px; height: 72px;}
	h1.services { text-indent: -9999px; height: 72px;}
	h1.customers { text-indent: -9999px; height: 72px;}
	h1.partners { text-indent: -9999px; height: 72px;}
	h1.content-library { text-indent: -9999px; height: 72px;}
	h1.about { text-indent: -9999px; height: 72px;}
	h1.support { text-indent: -9999px; height: 72px;}
    
    #fauxColumns {
      background: transparent url(../images/fauxColumns-bottom.gif) 0 bottom no-repeat;
      margin: 0 0 0 8px;
      padding: 0 0 5px 0;
    }
    
    #mainContent {
        margin: 0;
        width: 584px;
        background: transparent url(../images/mainContent-bg.jpg) 0 0 no-repeat;
        min-height: 500px;
        float: left;
		color: #333;
		line-height: 1.5em;
		font-size: 12px;
    }
	
	#mainContent h1,  #mainContent h2, #mainContent h3 {
		margin: 0;
		padding: 0 8px;
		color: #333;
	}
	
	#mainContent h1 {
		margin: 16px 0;
		color: #036;
		font-size: 16px;
	}
	
	#mainContent h2 {
		margin: 16px 0 0 0;
		color: #036;
		font-size: 12px;
		}
		
	#mainContent h2 a:link, #mainContent h2 a:visited {
		color: #036;
		}
		
	#mainContent h3 {
		color: #333;
		font-size: 12px;
		font-weight: normal;
	}
	
	#mainContent p, #mainContent ul #mainContent a {
		margin: 0;
		padding: 0 8px;
		font-size: 12px;
		color: #333;
		}
	
	#mainContent p.intro {
		font-weight: bold;
	}
	
	#mainContent p {
		margin-bottom: 8px;
		line-height: 1.5em;		
	}
	
	/*#mainContent table {
		margin: 10px; 
		}*/
	
	#mainContent a:link, #mainContent a:visited {
		text-decoration: underline;
		color: #333;
	}
	
	#mainContent a.newslink {
		color: #666;
		}
	
	#mainContent h2 a:hover, #mainContent h3 a:hover, #mainContent a:hover {
		color: #f93;
		text-decoration: underline;
	}
	
	#mainContent ul {
		list-style-image: url(../images/bullet-line.gif);
		list-style-type: circle;
		margin: 0 8px 16px 36px;
		padding: 0;
	}
	
	#mainContent ul li {
		margin: 0;
		padding: 0;
	}
		
	#mainContentHead {
        background: transparent url(../images/mainContentHead-bg.gif) 0 0 repeat-y;
        border-bottom: 1px solid #d5d5d5;
		margin: 0 0 16px 0;
    }
    
    #mainContentHead h1 {
        background: transparent url(../images/mainContentHead-top.gif) 0 0 no-repeat;
        margin: 0 0 16px 0;
		padding: 16px 0 0 8px;
		color: #555;
		line-height: 1em;
		font-weight: normal;
		font-size: 11px;
    }
	
	#mainContentHead a:link, #mainContentHead a:visited {
		color: #555;
		text-decoration: none;
	}
	
	#mainContentHead a:hover {
		color: #777;
		text-decoration: underline;
	}
	
	table {
		margin: 8px;
		}
	
	table td {
		color: #666;
		padding: 2px;
		}
	
	table td img {
		padding: 3px;
		}
		
	table td.date {
		text-align: right;
		color: #333;
		font-weight: bold;
		}
		
	table.newsArticles td {
		border-bottom: 1px solid #d5d5d5;
		padding-top: 8px;
		}
		
	table.pressContact {
		float: right;
		margin: 0 0 8px 16px;
		border: 1px solid #d5d5d5;
		background-color: #eee;
		}
	
	p.image {
		text-align: center;
		}		
		 
    #sidebar {
        margin: 0;
        width: 122px;
        background: transparent url(../images/sidebar-bg.gif) 0 0 no-repeat;
        float: right;
        min-height: 500px;
    }
    
    #sidebarHead {
        background: transparent url(../images/sidebarHead-bg.gif) 0 0 repeat-y;
        border-bottom: 1px solid #d5d5d5;
		margin: 0 0 16px 0;
    }
    
    #sidebarHead h1 {
        background: transparent url(../images/sidebarHead-top.gif) 0 0 no-repeat;
		padding: 16px 0 16px 8px;
		color: #036;
		line-height: 1em;
		font-size: 11px;
    }
	
	 #sidebar p {
	 	margin: 6px 8px;
        padding: 0 0 4px 0;
		font-size: 11px;
		border-bottom: 1px solid #d5d5d5;
    }
	
	#sidebar a:link, #sidebar a:visited {
		color: #333;
		text-decoration: none;
		}
	
	#sidebar img.pdf {
		float: right;
		}

    .bottomImgRight {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    
    .bottomImg1, .bottomImg2 {
        background: transparent url(../images/col1-bottom.gif) 0 0 no-repeat;
        padding: 5px 0 0 0;
        margin: 4px 0 0 0;
    }
	
	#footer {
		margin-top: 4px;
		color: #999;
		}
		
	#footer a:link, #footer a:visited {
		color: #999;
		text-decoration: none;
		}
		
	#footer a:hover {
		text-decoration: underline;
		}