/* =Global Settings
---------------------------------------------------------------------------------------------------- */	

@font-face {
    font-family: 'GothamBook', Arial, sans-serif;
    src: url('fonts/gotham-book-webfont.eot');
    src: url('fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-book-webfont.woff') format('woff'),
         url('fonts/gotham-book-webfont.ttf') format('truetype'),
         url('fonts/gotham-book-webfont.svg#GothamBook') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GothamMediumRegular';
    src: url('fonts/gotham-medium-webfont-webfont.eot');
    src: url('fonts/gotham-medium-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-medium-webfont-webfont.woff') format('woff'),
         url('fonts/gotham-medium-webfont-webfont.ttf') format('truetype'),
         url('fonts/gotham-medium-webfont-webfont.svg#GothamMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


* {
	margin:0;
	padding:0;
}

:focus {
	outline: 0;
}

/** Globally set image border to 0 **/

img {
	border:0;
}

html {
	height: 100%;
}

body {
	color: #787878;
	text-align: left;
	font: normal 13px Arial, Helvetica, sans-serif;
	height: 100%;
	width: 100%;
	background: #fff url(/images/body-bg.jpg) no-repeat top center;
}


body#index {
	font-size:12px;
	background: #fff url(/images/body-homepage-bg.jpg) no-repeat top center;
}



/* =Header
---------------------------------------------------------------------------------------------------- */	
#header {
	width: 750px;
	margin: 0 auto;
	padding: 25px 0px 0px 50px;
	height:90px;
	min-height:90px;
	display: block;
}


/* =Navigation
---------------------------------------------------------------------------------------------------- */	

#nav{
	width: 900px;
	margin: 0 auto;
}


#nav ul {	
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav ul {	
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav ul li{	
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	display:block;	
	height:35px;
	min-height:35px;
}

#nav ul li a {
	float:left;
	margin: 0;
	padding: 0;
	display:block;
	text-indent:-9999px;
	background-image: url(/images/nav-sprite.png);
	background-repeat: no-repeat;
	height:35px;
	min-height:35px;
} 

/* =Technology
----------------------- */

#nav ul a.nav-technology {
	margin-left:88px;
	width: 128px;
	background-position:0px 0;
}

#nav ul a.nav-technology:hover,
#technology #nav ul a.nav-technology  {
	margin-left:88px;
	background-position:0px -35px;
}

/* =About
----------------------- */

#nav ul a.nav-about {
	margin-left: 19px;
	width: 80px;
	background-position: -147px 0;
}

#nav ul a.nav-about:hover,
#about #nav ul a.nav-about  {
	margin-left: 19px;
	background-position: -147px -35px;
}	

/* =Press
----------------------- 	*/


#nav ul a.nav-press {
	margin-left: 20px;
	width: 90px;
	background-position: -247px 0;
}

#nav ul a.nav-press:hover,
#press #nav ul a.nav-press  {
	margin-left: 20px;
	background-position: -247px  -35px;
}

/* =Resources
----------------------- */	

#nav ul a.nav-resources {
	margin-left: 20px;
	width: 114px;
	background-position: -357px 0;
}

#nav ul a.nav-resources:hover,
#resources #nav ul a.nav-resources  {
	margin-left: 20px;
	background-position: -357px  -35px;
}

/* =Partners
----------------------- */	

#nav ul a.nav-partners {
	margin-left: 20px;
	width: 114px;
	background-position: -493px 0;
}

#nav ul a.nav-partners:hover,
#partner-program-oem #nav ul a.nav-partners  {
	margin-left: 20px;
	background-position: -493px -35px;
}

/* =Partner-Login
----------------------- */	

#nav ul a.nav-partner-login {
	margin-left: 50px;
	width: 115px;
	background-position: -702px 0;
}

#nav ul a.nav-partner-login:hover,
#partner-login #nav ul a.nav-partner-login {
	margin-left: 50px;
	background-position: -702px  -35px;
}




/* =Sub Navigation
---------------------------------------------------------------------------------------------------- */

#subnav{
	width: 750px;
	margin: 0 auto;
	background: #237083;
	height:40px;
	min-height:40px;
	color: #fff;
	font-size: 16px;
	padding-left: 50px;
}

#subnav ul {	
	margin: 0;
	padding: 0;
	list-style: none;
}

#subnav ul li{	
	padding: 0px 10px 0px 10px;
	margin: 13px 0px 9px 0px;
	list-style: none;
	float:left;
	display:block;	
	height:18px;
	min-height:18px;
	border-left: 1px solid #dadfe0;
}

#subnav ul li:first-child {
	border-left: none;
}

#subnav ul li a,
#subnav ul li a:link,
#subnav ul li a:visited{
	float:left;
	margin: 0;
	padding: 0;
	display:block;
	text-decoration: none;
	font-weight: normal;
	color: #f2f0f0;
} 

#subnav ul li a:hover{
	float:left;
	margin: 0;
	padding: 0;
	display:block;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
} 

#subnav ul li a.selected,
#subnav ul li a.selected:link,
#subnav ul li a.selected:visited
#subnav ul li a.selected:hover{
	float:left;
	margin: 0;
	padding: 0;
	display:block;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
} 





/* =Layout Content
---------------------------------------------------------------------------------------------------- */

#main{
	width: 800px;
	margin: 0 auto;
}


#content {
	float:left;
	width: 450px;
	padding: 30px 12px 30px 50px; 
}
#content-wide {
	float:left;
	width: 465px;
	padding: 30px 0px 30px 50px; 
}

#sidebar{
	float:right;
	width: 273px;
	padding: 30px 15px 30px 0px;
	font-size:12px;
	display:block;
}
#sidebar-narrow {
	float:right;
	width: 258px;
	padding: 30px 15px 30px 0px;
	font-size:12px;
	display:block;
}


/* =Homepage
---------------------------------------------------------------------------------------------------- */

#index #main-container {
	width:100%;
	border-top: 7px solid #c7c7c7;
	background: #f6f6f6 url(/images/home-main-container.jpg) repeat-x top left;
}

#index #main{
	width: 700px;
	margin: 0 auto;
	padding: 15px 50px 15px 50px;
}


#index #main h2{
	font-family: 'GothamMediumRegular';
	font-size:18px;
	color:#237083;
	line-height: 18px;
	padding-bottom:12px;
	font-weight: normal;
}

#index #content {
	float:left;
	width: 215px;
	padding: 10px 20px 0px 0px; 
}

/* =Homepage Banner
-------------------- */	

#index #banner-container {
	width:100%;
	background: url(/images/home-banner-container-bg.jpg) repeat-x top left;
	height:275px;
	min-height:275px;
}

#index #banner {
	width:100%;
	background: url(/images/home-banner.jpg) no-repeat top center;
	/* background: url(/images/home-banner2.jpg) no-repeat top center; -- this w/o icons, etc. for rotating ... */
	height:275px;
	min-height:275px;
	position:relative;
}
#index #banner #icons {
	width: 800px;
	height:55px;
	margin: 0 auto;
	color: #535353;
	font-size:14px;
	color: #fff;
	/* border:solid red 1px; */
	padding-left:15px;
}
#index #banner #icons div {
	float:left;
	width:155px;
	text-align:center;
}
#index #banner #icons img {
	margin-top:15px;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */	
}

#index #banner .copy {
	width: 370px;
	height: 80px;
	margin: 0 auto;
	padding: 135px 380px 0 50px;
	/* padding: 135px 380px 65px 50px; */
	color: #535353;
	font-size:14px;
	color: #fff;
}

#index #banner .copy ul {
	margin:0;
	padding:0;
	list-style: none;
}

#index #banner .copy ul li {
	padding: 0px 7px 0px 0px;
	margin: 0;
	list-style: none;
	float:left;
	display:block;
}

#index #banner .copy ul li a{
	float:left;
}

a.btn-home-banner-learn-more {
	text-indent:-9999px;
	background:url(/images/btn-home-banner-learn-more.png) no-repeat 0 0;
	display:block;
	width: 115px;
	height: 33px;
	min-height:33px;
	padding:0;
	margin:0;
	
}

a.btn-home-banner-learn-more:hover {
	background:url(/images/btn-home-banner-learn-more.png) no-repeat 0 -40px;
}


a.btn-home-banner-request-info {
	text-indent:-9999px;
	background:url(/images/btn-home-banner-request-info.png) no-repeat 0 0;
	display:block;
	width: 126px;
	height: 33px;
	min-height:33px;
	padding:0;
	margin:0;
	
}

a.btn-home-banner-request-info:hover {
	background:url(/images/btn-home-banner-request-info.png) no-repeat 0 -40px;
}

/* =Homepage Testimonial
------------------------ */

#index .widget-testimonial {
	float:left;
	width: 211px;
	padding: 10px 0px 0px 10px;
	font-size:12px;
}

#index .widget-testimonial blockquote {
	font-style: normal;
	font-size:18px;
	line-height:22px;
	padding-bottom:10px;
	background:none;
}

/* =Homepage Download Area
------------------------ */

#index .widget-download {
	float:left;
	width: 201px;
	background:url(/images/home-widget-download.png) no-repeat top left;
	height:229px;
	min-height:229px;
	overflow: hidden;
	padding: 10px 15px 17px 28px; 
}

#index .widget-download a,
#index .widget-download a:link,
#index .widget-download a:visited{
	font-size:14px;
	color: #237083;
	text-decoration: none;
}

#index .widget-download a:hover{
	font-size:14px;
	color: #f7941e;
	text-decoration: none;
}

#home-info-container {
	width:100%;
	color: #fff;
}

#home-info {
	width: 700px;
	margin: 0 auto;
	padding: 15px 50px 15px 50px;
}



/* =Widgets - Sidebar and Homepage
----------------------------------------------------------------------- */

.sidebar-widget {
	margin-bottom: 20px;
	width:214px;
	margin-left:16px;
	margin-right:10px;
}


/* =Get Started widget
------------------------ */

.sidebar-widget-get-started {
	width:273px;
	background: url(/images/element-getstarted-box.png) no-repeat top left;
	color: #fff;
	font-size:12px;
	height:185px;
	min-height:175px;
    margin-left:0px;
	margin-bottom:10px;
}
.sidebar-widget-get-started p {
	text-indent:-9999px;
}

.sidebar-widget-get-started h2 {
	font-family: 'GothamMediumRegular';
	font-size:18px;
	color:#fff;
	line-height: 18px;
	padding-bottom:20px;
	font-weight: normal;
}


/* =Download Whitepaper Widget
------------------------ */

.sidebar-widget-download-white-paper {
	width:209px;
	background: #fff  url(/images/widget-download-whitepaper-bg.png) no-repeat top left;
	height: 127px;
	min-height: 127px;
	padding: 25px 32px 10px 32px;
	margin-bottom:30px;
	font-size:12px;
}

a.link-download-whitepaper,
a.link-download-whitepaper:link,
a.link-download-whitepaper:visited{
	display:block;
	background:url(/images/btn-download-whitepaper.png) no-repeat center left;
	padding-left: 60px;
	color: #237083;
	text-decoration: none;
}

a.link-download-whitepaper:hover{
	display:block;
	background:url(/images/btn-download-whitepaper.png) no-repeat center left;
	padding-left: 60px;
	color: #f7941e;
	text-decoration: none;
}

/* =Twitter & Topics Widget - 
for Homepage and Sidebar
------------------------ */

#sidebar .widget-twitter {
	width:214px;
	padding: 0px 14px 0px 14px;
	color: #696969;
	font-size:12px;
}

#index .widget-twitter {
	float:left;
	width: 350px;
	padding: 0p; 
	color: #696969;
	font-size:12px;
}

#index .widget-topics {
	float:left;
	width: 325px;
	padding: 0px 25px 0px 0px; 	
	
}

.widget-twitter h2,
.widget-topics h2{
	color: #f7941e;
	font-weight:bold;
}


.widget-topics a,
.widget-topics a:link,
.widget-topics a:visited {
	color: #696969;
	text-decoration: none;
}

.widget-topics a:hover{
	color: #f7941e;
	text-decoration: none;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */

#footer-container{
	background: #f6f6f6 url(/images/footer-container-bg.jpg) repeat-x top left;
	width: 100%;
}


#footer{
	width: 700px;
	margin: 0 auto;
	padding: 30px 50px 25px 50px;
	color: #535353;
	font-size:14px;
}

#footer a,
#footer a:link,
#footer a:visited{
	color: #535353;
	text-decoration: none;
}

#footer a:hover{
	color: #f7941e;
	text-decoration: none;
}

#footer h2 {
	font-family: 'GothamBook', Arial, sans-serif;
	font-size:16px;
	color:#535353;
	font-weight: normal;
	padding: 0;
	margin: 0;
	padding-bottom:4px;
	margin-bottom:12px;
	border-bottom: 1px solid #c1c1c1;
}

#footer-sitemap {
	float:left;
	width:433px;
	padding-right:34px;
}

.footer-sitemap-list .float-left {
	width:200px;
	padding-right:33px;
}

.footer-sitemap-list .float-right {
	width:200px;
}

.footer-sitemap-list ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.footer-sitemap-list ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-bottom:15px;
}



#footer-contact {
	float:right;
	width:233px;	
}

ul.footer-sm-list {	
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	padding-right:10px;
}

ul.footer-sm-list li{	
	padding: 0px 7px 0px 0px;
	margin: 0;
	list-style: none;
	float:left;
	display:block;
	width:40px;
	height:40px;
	min-height:40px;
}

#footer-copyright {
	display:block;
	border-top: 1px solid #e5e5e5;
	font-size:12px;
	padding-top: 13px;
	margin-top: 13px;
	color: #b8b8b8;
}





/* =Text Styles
---------------------------------------------------------------------------------------------------- */

h1 {
	font-family: 'GothamBook', Arial, sans-serif;
	font-size:24px;
	color:#237083;
	line-height: 28px;
	padding-bottom:25px;
	font-weight: normal;
}


h2{
	font-family: 'GothamBook', Arial, sans-serif;
	font-size:15px;
	color:#000;
	line-height: 18px;
	padding-bottom:20px;
	font-weight: normal;
}



h3 {
	color: #f7941e;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	padding-bottom: 6px;
}

p {
	padding-top: 0;
	padding-bottom: 1.5em;
	line-height: 1.5em;
}

#sidebar p {
	padding-top: 0;
	padding-bottom: 1em;
	line-height: 1.5em;
}
.resourcetitle {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #333;
}

#content p span {
	color: #000;
}


ul {

	list-style-type: disc;
	font-weight: normal;
	font-style: normal;
	margin-left: 15px;
	padding: 0px 0 15px 15px;
} 

#content ul li {
	line-height: 1.5em;
} 

ol {

	font-weight: normal;
	font-style: normal;
	margin-left: 20px;
	padding: 5px 0 10px 15px;
} 


ol.roman-numbered-list {

	font-weight: normal;
	font-style: normal;
	margin-left: 20px;
	padding: 5px 0 10px 15px;
        list-style-type:lower-roman;
} 

ul.doubleLineSpaceList li {
	line-height: 18px;
} 

/* =Links
---------------------------------------------------------------------------------------------------- */

a,  
a:link,  
a:visited {
	color: #237083;
	text-decoration: underline;
}

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

a.btn-request-info-large {
	text-indent:-9999px;
	background:url(/images/btn-request-info-large.png) no-repeat 0 0;
	display:block;
	width: 125px;
	height: 33px;
	min-height:33px;
	padding:0;
	margin:0;
}

a.btn-request-info-large:hover {
	background:url(/images/btn-request-info-large.png) no-repeat 0 -39px;
}

a.btn-learn-more {
	text-indent:-9999px;
	background:url(/images/btn-learn-more.png) no-repeat 0 0;
	display:block;
	width: 98px;
	height: 28px;
	min-height:28px;
	padding:0;
	margin:0;
	
}

a.btn-learn-more:hover {
	background:url(/images/btn-learn-more.png) no-repeat 0 -35px;
}



/* =Text/Image Treatments and Alignments
---------------------------------------------------------------------------------------------------- */

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.lowercase {
	text-transform: lowercase;
}

.uppercase {
	text-transform: uppercase;
}

.textalign-left {
	text-align:left;
}

.textalign-right {
	text-align:right;
}

.textalign-center {
	text-align:center;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.image-float-left {
	float:left;
	padding: 0px 10px 10px 0px;
}

.image-float-right {
	float:right;
	padding: 0px 0px 10px 10px;
}

sup {
	font-size: 8px;
}

.text-small,  .caption {
	font-size: 90%;
	line-height: 90%;
}

.text-large,  .highlight {
	font-size: 110%;
	line-height: 110%;
}

blockquote {
	font-style: italic;
	width: 90%;
}

blockquote span {
	color: #ff8204;
}

.text-black {
	color: #000;
}

.text-orange {
	color: #ff8204;
}


/* =Spacing and Clearing Styles
---------------------------------------------------------------------------------------------------- */		

.singleLineBreak {
	margin-top:	1px;
}

.marginZero {
	margin:0;
}

.spacer,  .clear {
	clear: both;
	margin:0;
	padding:0;
line-height:0;
font-size:0;
}


.padding {
	padding: 5px;
}


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


h2.toggle_trigger,
h2.toggle_trigger:hover{
	background: #fff url(/images/btn-toggle-content-block.png) no-repeat 402px 0;
	display:block;
	width: 380px;
	padding: 0 50px 10px 0;
	text-decoration: none;
	cursor: pointer;
	margin: 0 20px 10px 0px ;
	overflow: hidden;
}


h2.toggle_active,
h2.toggle_active:hover{
	background: #fff url(/images/btn-toggle-content-block.png) no-repeat 402px -193px;
	display:block;
	width: 380px;
	padding: 0 50px 10px 0;
	text-decoration: none;
	cursor: pointer;
	margin: 0 20px 10px 0px ;
	overflow: hidden;
}
	
.toggle_contentBlock {
	background: #fff;
	margin: 0;
	padding: 0 70px 12px 0;
	width: 380px;
	overflow: hidden;
	clear: both;
}

/* =Form Styles
---------------------------------------------------------------------------------------------------- */		

	.form div.form-row {
		padding-bottom:18px;
	}

	
	.form label,
	.checkbox-title{
		font-size:16px;
		color: #237083;
		float:left;
		text-align:right;
		margin-right:15px;
		margin-top:3px;
		overflow:hidden;
		width: 150px;
	}
	
	.form label.narrow,
	.checkbox-title-narrow {
		width:130px;
	}
	
	.form fieldset div {
		float: right;
		text-align: left;
	}
	
	
	.form input[type=text], .form input[type=password],
	.form input.input-text {
		background:#fff;
		border: 1px solid #9b9b9b;
		display:block;
		margin:0;
		font-size:16px;
		width:240px;
		padding:3px;
	}
		
	.checkbox-list {
	float:left;
	padding-top:2px;
	}
	
	.checkbox-list div {
	padding-bottom:5px;
	}
	
	.checkbox-list div label  {
		font-size:14px;
		color: #237083;
		float:left;
		text-align:left;
		margin-left:10px;
		margin-top:3px;
		width: 200px;
	}
	.checkbox-list div label.lbl_checkbox2  {
		font-size:14px;
		color: #237083;
		float:left;
		text-align:left;
		margin-left:10px;
		margin-top:3px;
		width: 260px;
	}
	.checkbox-list div label.lbl_checkbox2 .webinar-time {
		color:#787878;
	}
		
	.checkbox-list input[type=checkbox],
	.checkbox-list input[type=radio] {
		float:left;
		padding:0;
		margin:0;
		margin-top:5px;
	}
		
	.form textarea,
	.form textarea.textarea {		 
		background:#fff;
		border: 1px solid #9b9b9b;
		display:block;
		margin:0;
		font-size:16px;
		width:240px;
		height:100px;
		min-height:100px;
		padding:3px;
	}
	

.required-fields {
	font-size: 80%;
	padding-top:10px;
	color: #237083;
}
	
/* =Form Buttons
--------------------*/
	
	input.login-button,
	input.submit-button{
		border: none;
		display:block;
		width:115px;
		height:33px;
		min-height:33px;
		line-height:33px;
		text-indent: -9999px;
		font-size:0px;
		padding:0;
		margin:0px;
		margin-left:165px;
		cursor: pointer;
	}
	
	input.login-button{
		background: url(/images/btn-log-in.png) no-repeat 0 0;
	}
	
	input.login-button:hover {
		background:  url(/images/btn-log-in.png) no-repeat 0 -42px;
	}
	
	input.submit-button{
		background: url(/images/btn-submit.png) no-repeat 0 0;
	}
	
	input.submit-button:hover {
		background:  url(/images/btn-submit.png) no-repeat 0 -42px;
	}


/* FAQ
-----------------*/

ul.faq-list{
	margin:0;
	margin-bottom:30px;
	padding:0;
}

ul.faq-list li{
	margin-bottom:10px;
	list-style-type: none;
	padding: 0px;
	margin-left: 0px;
}

/* ASC stats on partner login page
-----------------*/
#asc-stats {
	margin-bottom:50px;
	vertical-align:baseline;
}
#asc-stats div.header {
	vertical-align:bottom;
	height:15px;
}
#asc-stats a {
	color: #237083;
	text-decoration:none;
}
#asc-stats a:hover {
	color: #f7941e;
}
#asc-stats #statTable {
	clear:both;
	padding-top:10px;
}
#asc-stats #statTable td {
	padding:5px;
}
#asc-stats #statDivToggleText {
	float:right;
	font-size:8pt;
}
#asc-stats h2 {
	padding-bottom:0;
	float:left;
}

/* Press pages */
div.press-body {
	display:none;
}
div.press-read-more {
	margin-top:-10px;
	margin-bottom:20px;
	font-weight:bold;
	width:105px;
}
div.press-article {
	clear:both;
	padding-top:15px;
}
div.press-article h2 {
	padding-bottom:10px;
}
div.press-date {
	margin-bottom:5px;
	font-style:italic;
}
div.press-read-more input {
	float:right;
	vertical-align:middle;
}
div.press-article div.releaseQuote {
	font-size:1.3em;
	color:#999;
	padding:0px 10px 10px 10px;
	width:260px;
	line-height:20px;
	float:right;
}
div.press-article h2 {
	font-size:17px;
}
div.press-article h3 {
	font-size:15px;
}