/* reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, em, img, s, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{		margin: 0; padding: 0; border: 0; outline: 0; 
		font-family: Arial, Helvetica, sans-serif; font-size: 100%; vertical-align: baseline;
		background: transparent; background-repeat: no-repeat; line-height: 1.0; }
a:active, a:link, a:visited, a:hover, a:focus, input.image, input.submit { text-decoration: none; outline: 0; -moz-outline-style: 0; }
ol, ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
p, li, td, th, label, input, select, a, strong, i, legend, div, span { font-size: 12px; color: #666; }
html { -webkit-text-size-adjust: none; }

/* structure */
html { background-color: #fff; }
body { text-align: center; }
#page { width: 980px; text-align: left; margin: 0 auto; position: relative; }
#header { height: 440px; position: relative; }

//.headerimg { background-position: center 115px; background-repeat: no-repeat;  height:440px; position:relative; }


#header { height: 440px; background: url('header-2.png') repeat-x; background-position: 0 125px; position: relative; }

#footer { height: 50px; padding: 10px 0; position: relative; }


div.rightNaviBox a { 	font-size: 12px; margin-top: 10px; padding-bottom: 10px; color: #047; border-bottom: 1px dotted #AAA; display: block; clear: both;}
div.rightNaviBox a.active {	font-weight:900; }
div.rightNaviBox a:last-of-type  { 	border-bottom: 0px; 	padding-bottom: 10px;  }
div.rightNaviBox a:first-of-type  { 	margin-top: 0px; padding-top: 0px;}


.fegTab1ColLeft {
	width: 170px;
}

.fegTab1ColRight * {
	width: 250px;
}

UL.FeatureList {
	margin-left: 30px; 
	margin-top:10px;
}

UL.FeatureList LI {
	color:  black:
}

LI.prodBullet {
	color: #047;
}

.fegSel1 {
	margin: 5px 0px 5px 5px;
	padding: 2px;
	padding-right: 1px;
	width: 137px;
}

.fegInStd1 {
	width: 130px;
	margin: 5px 0px 5px 5px;
	padding: 2px;
}

/* logo + tagline */
#logo { position: absolute; top: 20px; left: 2px; display: block; background: url('logo.png'); width: 110px; height: 85px; }
#logo-tagline { position: absolute; right: 0; top: 0; }


/* claim + toggle buttons */
#claim { position: absolute; left: 75px; bottom: 120px; display: none; font-weight: bold; line-height: 110%; letter-spacing: -1px; font-size: 32px; color: #047; text-shadow: #aaa -1px 1px 3px; }
#claim em { color: #009fde; ; font-style: normal; }
#claim-asterisk { position: absolute; left: 75px; bottom: 60px; font-size: 14px; color: #999; font-weight: bold; display: none; }

#claim-container { display: none; }
#ddoriginal-container { display: none; }

#pager { position: absolute; left: 12px; bottom: 55px; }
a.prev, a.next { float: left; background: url('sp-buttons.png') -5px -5px; opacity: 0.8; width: 25px; height: 25px; display: block; }
a.next { background-position: -45px -5px; float: right; margin-left: 2px; }
a.prev:hover, a.next:hover { opacity: 1.0; }
a.prev:active { background-position: -5px -33px; }
a.next:active { background-position: -45px -33px; }


/* login box */
#login-box {
		position: absolute; top: 100px; right: -10px; padding-bottom: 15px;
		width: 214px; opacity: 0.90; 
		background: url('bg-login-blue.png') no-repeat left bottom; }

#login-box h2 { color: #fff; margin: 0; font-size: 16px; text-align: center; padding: 10px 15px; }
#login-box a.button { display: block; margin: 5px 15px; padding: 8px; text-align: center;
											color: #fff; font-size: 14px; font-weight: bold;
											border: 2px solid #C00; background-color: #D00; }
#button-login { margin-bottom: 0 !important; }
#login-box a.clicked { cursor: default; background-color: #C00; }
#button-trial { margin-top: 15px !important; }
#login-box a.button:hover { background-color: #C00; }
					
#login-form { overflow: hidden; margin: 0 15px 5px 15px; background-color: #D00; display: none; }
#login-form div.field { margin-top: 5px; position: relative; overflow: visible; }
#login-form input.text { margin: 2px; padding: 3px; border: 1px solid #ccc; color: #333; width: 90px; }
#login-form input.submit { margin: 5px; height: 30px; width: 172px; cursor: pointer; font-weight: bold; }
#login-form label	{ color: #fff; width: 60px; display:block; clear:left; float: left; padding: 5px; margin-right:5px; line-height: 16px; }

#login-form-expanded { overflow: hidden; margin: 0 15px 5px 15px; background-color: #D00; }
#login-form-expanded div.field { margin-top: 5px; position: relative; overflow: visible; }
#login-form-expanded input.text { margin: 2px; padding: 3px; border: 1px solid #ccc; color: #333; width: 90px; }
#login-form-expanded input.submit { margin: 5px; height: 30px; width: 172px; cursor: pointer; font-weight: bold; }
#login-form-expanded label	{ color: #fff; width: 60px; display:block; clear:left; float: left; padding: 5px; margin-right:5px; line-height: 16px; }

.text {
	z-index: 500;
	display: block;
}

#trial-form { overflow: hidden; margin: 0 15px 5px 15px; background-color: #D00; display: none; }
#trial-form div.field { margin-top: 5px; position: relative; overflow: visible; }
#trial-form input.text { margin: 2px; padding: 3px; border: 1px solid #ccc; color: #333; width: 90px; }
#trial-form input.submit { margin: 5px; height: 30px; width: 172px; cursor: pointer; font-weight: bold; }
#trial-form label	{ color: #fff; width: 60px; display:block; clear:left; float: left; padding: 5px; margin-right:5px; line-height: 16px; }




/* topnav */		
#topnav { position: absolute; top: 405px; left: 0; width: 100%; background: url('sp-gradients.png') 0 -300px; z-index: 100;  }
#topnav > li { float: left; display: block; position: relative; cursor: pointer; background: url('sp-gradients.png') 0 -300px; margin-right: 40px; }
#topnav > li.A { background-position: 0 -330px; }
#topnav > li.A.home { background-position: 0 -300px; }
#topnav a.t1 { font-size: 15px; color: #ddd; padding: 10px 20px; display: block; font-weight: bold; }
#topnav a.t2 { white-space: nowrap; color: #ddd; padding: 10px 20px; font-size: 14px; display: block; }
#topnav ul.t2 { position: absolute; top: 35px; left: 0; z-index: 99; display: none; }

#topnav a.t1:hover { text-shadow: #7bd 0 0 5px; color: #fff; }
#topnav > li.A > a.t1 { color: #fff; }
#topnav a.t2:hover { text-shadow: #7bd 0 0 5px; color: #fff; background-color: #00142d; }
#topnav a.t1:active, #topnav a.t2:active { text-shadow: #ff0 0 0 10px; color: #ffc; }
#topnav ul.t2 { background-color: #18324b; 
								-moz-box-shadow: 1px 1px 2px #666; /* FF3.5+ */
								-webkit-box-shadow: 1px 1px 2px #666; /* Saf3.0+, Chrome */
								box-shadow: 1px 1px 2px #666; /* Opera 10.5, IE 9.0 */ }


/* copyright + footer-links */
#copy { color: #000; font-size: 11px; font-weight: bold; }
#footernav { position: absolute; top: 10px; right: 0; }
#footernav2 { position: absolute; top: 25px; left: -4px; }
#footer > ul > li { padding: 0 4px; font-size: 11px; line-height: 11px; display: block; float: left; border-right: 1px solid #999;  }
#footer > ul > li.L { padding-right: 0; border-right: none; }
#footer > ul > li > a { font-size: 11px; line-height: 14px; border-bottom: none; color: #999; }
#footer > ul > li > a:hover { text-decoration: none; border-bottom: 1px dotted #047; }



/* headlines, text, lists */
h1, h2, h3 { margin: 0; padding: 0; color: #047; }
h1 { font-size: 24px; }
h2 { font-size: 16px; margin-top: 20px; }
h3 { font-size: 14px; margin-top: 10px; }
#content p, #content li { line-height: 17px; font-size: 13px; margin-top: 10px; }
#content li { margin-top: 5px; padding-left: 15px; list-style-type: square; }



/* clickable boxes with gradients */
div.twocol     div.clickbox { width: 445px; float: left; margin-right: 10px; }
div.threecol div.clickbox { width: 280px; float: left; margin-right: 10px; }
div.prosacol div.clickbox { width: 280px; float: left; margin-right: 10px; }
div.clickbox { padding: 20px 20px 10px 20px; margin-top: 10px; }
div.clickbox { background-image: url('sp-gradients.png'); background-repeat: repeat-x; background-position: 0 -400px; background-color: #9ed7e5; }
div.clickbox.gray { background-position: 0 0; background-color: #eee; }
div.clickbox:hover { cursor: pointer; }
div.clickbox > h2 { font-size: 20px; margin-top: 0; padding-bottom: 10px; color: #047; border-bottom: 1px dotted #59b; }
div.clickbox > p { color: #047; }
div.clickbox > a { color: #D00; font-weight: bold; float: right; }
div.clickbox:hover > a { text-decoration: underline; }

/* boxes without gradients */
div.twocol     div.simplebox { width: 445px; float: left; margin-right: 10px; }
div.threecol div.simplebox { width: 280px; float: left; margin-right: 10px; }
div.prosacol div.simplebox{ width: 280px; float: left; margin-right: 10px; }
div.simplebox { padding: 20px 20px 10px 20px; margin-top: 10px; }
div.simplebox { background-color: #F2F2F5; }
div.simplebox.gray { background-position: 0 0; background-color: #eee; }
div.simplebox > h2 { font-size: 20px; margin-top: 0; padding-bottom: 10px; color: #047; border-bottom: 1px dotted #59b; }
div.simplebox > p { color: #047; }
div.simplebox > a { color: #D00; font-weight: bold; float: right; }
div.simplebox:hover > a { text-decoration: underline; }

/* prosa boxes without gradients */
div.twocol     div.prosabox { width: 445px; float: left; margin-right: 10px; }
div.threecol div.prosabox { width: 280px; float: left; margin-right: 10px; }
div.prosacol div.prosabox { width: 610px; float: left; margin-right: 10px; }
div.prosabox { padding: 20px 20px 10px 20px; margin-top: 10px; }
div.prosabox { background-color: white; }
div.prosaboxprosa.gray { background-position: 0 0; background-color: #eee; }
div.prosabox> h2.divided { font-size: 20px; margin-top: 0; padding-top: 20px; color: #047; border-top: 1px dotted #59b; border-bottom: 0px; }
div.prosabox> h2 { font-size: 20px; margin-top: 0; padding-bottom: 10px; color: #047; border-bottom: 1px dotted #59b; border-top: 0px;}

div.prosabox > p { color: #047; line-height: 17px; font-size: 13px;}
div.prosabox > a { color: #D00; font-weight: bold; }
div.prosabox:hover > a { text-decoration: underline; }



/* special boxes on homepage */
div.specialbox { width: 286px; float: left; padding: 10px 20px; margin-top: 10px; position: relative; height: 170px; background-repeat: no-repeat !important;  }
div.specialbox > a { color: #D00; font-weight: bold;  position:absolute; right: 15px; bottom: 5px; }
div.specialbox > a:hover { text-decoration: underline !important; }
div.specialbox > h2 { margin-top: 0; }
div#newsbox { background: url(pic-chart.png) bottom right; }
div#teambox { /* background-color:#e6f0ff;*/  border-left: 1px dotted #59b; border-right: 1px dotted #59b; margin-top:0;padding-top:0}
div#productsbox { background: url(pic-partner.png) bottom right; padding-right: 130px; width: 176px; }
div#teambox  p { /*font-size: 22px; color: #047; line-height: 140%; margin-top: 0; */ color:#009FDE; font-style:italic;}
/*div#teambox h2 {color:#DD0000;}*/
div#productsbox  > a { right: 130px; }

div#testimonialSwitchingClaims p {
	font-size: 22px; color: #047; line-height: 140%; margin-top: 0;
}

/* images */
img { display: block; }
img.right, input.right { margin: 0 0 0 5px; float: right; }
img.left, input.left { margin: 0 5px 0 0; float: left; }

/* misc */
div.section { overflow: auto; clear: both; }
div.right { margin-right: 0 !important; }
hr { height: 10px; background-color: #047; margin: 10px 0 0 0; border: none; }


#tweet {color:#666;}
#tweet li { list-style: none;padding-left:0px;margin-left:0px;border-bottom:2px} 
#tweet ul { list-style: none;padding-left:0px;margin-left:0px} 
#tweet a{color:#009FDE;}


/*
	popup at :
	http://www.inside-analytics.com/en/insider-dealings/research.html
*/


#backgroundPopup {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #CECECE;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.sc-editor-header-title{
	float:left;
}

.sc-inputs{
	margin-bottom:5px;
}

.research_EmailPopUp {
    background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 5px 5px 5px #888888;
    color: #5B7DA1;
    display: none;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 10px;
    position: fixed;
    width: 550px;
    z-index: 2000;
}

.sc-editor-header {
	background: none repeat scroll 0 0 #006CC6;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 17px;
    margin-bottom: 10px;
    padding: 8px 3px 3px 5px;
    width: 544px;
}

.sc-editor-header-closure {
    cursor: pointer;
    float: right !important;
	margin-right: -30px;
    margin-top: -30px;
}

.sc-inputs{
	font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
	border: 1px solid #C6C6C6;
    border-radius: 3px 3px 3px 3px;
    color: #5B7DA1;
	padding:4px 6px;
	float:left;
	margin-top:8px;
}

.sc-btn {
    color: #FFF;
	background-color:#006CC6;
    cursor: pointer;
    float: right !important;
    margin: 6px 2px 3px 0px;
    padding: 5px 9px;
}

.cs-mandHint{
	float:left;
	color:#F00;
	font-size:16px;
	padding:-3px 0px 0px 2px;
	margin-left:2px;
	padding-left:1px;
	padding-right:12px;
	margin-top:8px;
}

.cs_linkHovering{
	cursor:pointer;
	color:#004477;
}

.cs_linkHovering:hover{
	color:#1155CC;
}