@charset "utf-8";
/*Styles for Software Home Page 22FEB08 */
#featureLeft, #featureRight {
	margin-top: 10px;
}
#featureLeft {
	float: left;
	width: 326px;
	height: 238px;
	background: url(/images/software/bg_topfeature.gif) top left no-repeat;
}
#featureLeft .content {
	margin: 16px 4px 16px 8px;
}
#featureLeft, #subfeature_bottom {
	font-size: .9em;
}
#featureLeft h1, #subfeature_bottom h1 {
	border-bottom: none;
	font-size: 1.1em;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}
#featureLeft h2, #subfeature_bottom h2 {
	color: #525252;
	font-size: .9em;
	margin: 0 0 .25em 0;
	padding: 0;
}
#featureLeft p, #subfeature_bottom p {
	margin-top: .1em;
	margin-bottom: .5em;
	font-size: 11px;
}
#featureRight {
	float: left;
	width: 326px;
	height: 238px;
}
#subfeature {
background: url(/images/software/bg_subfea_top.gif) no-repeat top;
width: 654px;
float: left;
margin-top: 12px;
height: 12px;
font-size: 1px;
}
#subfeature_bottom {
	background: url(/images/software/bg_subfea_bott.gif) no-repeat bottom;
	padding-bottom: 12px;
	float: left;
	width: 654px;
}
#subfeature_bottom .leftFea, #subfeature_bottom .rightFea {
float: left;
width: 298px;
margin-left: 10px;
}
.leftFea {
	margin-right: 22px;
}
/*Bottom links*/
#links {
	margin-top: 36px;
	margin-left: 0px;
	float: left;
	clear: both;
	padding: 18px 10px 12px 14px;
	width: 920px;
	overflow: auto;
	background: url(/images/software/bg_jmp10links.jpg) top left no-repeat;
}
.column {
	float: left;
	width: 198px;
	padding: 0 9px;
	margin: 18px 0 0 0;
	font-size: .9em;
}
#links .column {
	margin: 0;
}
#links.fiveCols .column {
	width: 154px;
}
#links h2 {
	font-size: 1.2em;
	margin-top: 0;
	margin-bottom: .5em;
}
#links .column p.video {
	padding-top: 4px;
	font-size: 1em;
	margin-left: .5em;
}
#links .column p.video a {
	text-decoration: none;
}
#links h3 a:link, #links h3 a:visited {
	text-decoration: none;
}
a.featuredVideo {
	display: block;
	text-indent: -900px;
	background:url(/images/software/jmp10/vid_icon_dataviz_off.png) no-repeat top left;
	border: none;
	width: 207px;
	height: 120px;
}
a.featuredVideo:hover {
	background:url(/images/software/jmp10/vid_icon_dataviz_on.png) no-repeat top left;
}
a#ccb.featuredVideo {
	background:url(/images/software/jmp10/vid_icon_ccb_off.png) no-repeat top left;
}
a#ccb.featuredVideo:hover {
	background:url(/images/software/jmp10/vid_icon_ccb_on.png) no-repeat top left;
}
.doubleColumn {
		width: 414px;
		float: left;
		margin: 0 18px 0 18px;
		overflow: auto;
	}
.doubleColumn .thumbFeature img {
	width: 188px;
	height: auto;
	border: 1px solid #cdcdcd;
}
.doubleColumn .thumbFeature {
	width: 190px;
	float: left;
	margin: 8px 8px 8px 8px;
}
img.featureImg, a.featureImage img {
	border: 1px solid #D0D0D0;
}	
.column h3, .doubleColumn h3 {
	margin-top: 2px !important;
}
.column p.productDescription {
	font-size: .9em !important;
	line-height: 1.5em;
}
/*feature and tabbed panel layout */
.leftPanel {
	float: left;
	border-top: 1px solid #d0d0d0;
	padding-right: 20px;
	margin-top: 40px;
}
.TabbedPanelsContent .leftPanel, #main2 #right .customer .leftPanel {
	float: left;
	width: 352px;
}
#main2 #right .customer .leftPanel {
	width: 292px;
	border-top: none;
	padding-right: 0;
	
}
#main2 #right .customer .leftPanel p {
	padding-right: 8px;
}
.jmpsas {
	padding-top: 8px;
	pdding-bottom: 18px;
	border-bottom: 1px solid #d0d0d0;
	width: auto;
}

#right .jmpsas .leftPanel {
	width: 240px;
	margin-top: 0;
	border-top: none;
	padding-right: 0;
}
#right .jmpsas .leftPanel h2 {
	font-size: .9em;
	font-weight: bold;
}
#right .jmpsas .rightPanel {
	width: 420px;
	float: right;
	margin-bottom: 18px;
}
.TabbedPanelsContent .rightPanel, .customer .rightPanel, .rightPanel {
	float: left;
	width: 500px;
	margin-top: 0;
	padding: 8px;
	border: 1px solid #d0d0d0;
}
.customer .rightPanel {
	width: 400px;
}
	
#overviewTab .leftPanel {
	width: 570px;
}
#overviewTab .rightPanel {
	width: 312px;
}
#promo-offer.rightPanel {
	padding: 0;
	margin-bottom: 16px;
	width: 328px;
}
#main2 #right .TabbedPanelsContent .leftPanel p, .customer .leftPanel p {
	font-weight: normal;
	color: #454545;
	line-height: 1.6em;
	font-size: 1em;
}
#main2 #right .jmpsas .leftPanel p {
	font-size: .95em;
	color: #333;
}
.TabbedPanelsContent .leftPanel h2, .customer .leftPanel h2, .customerBrowse h2  {
	font-weight: normal;
	font-size: 1.8em;
}
.customer .leftPanel h2, .customerBrowse h2 {
	font-size: 1.5em;
		border-top: 1px solid #d0d0d0;
		padding-right: 20px;
		margin-top: 0;
		

}
.TabbedPanelsContent .leftPanel h3, .customer .leftPanel h3 {
	font-size: 1.1em;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 1em;
}
.customer .leftPanel h3 {
	margin: 0;
	padding: 0;
	color: #666;
	font-weight: normal;
	font-size: .9em;
}
.TabbedPanelsContent .leftPanel p.link, .customer .leftPanel p.link {
	background:url(/images/ico_link_dbltri.png) no-repeat left 2px;
	padding: 3px 0 5px 20px;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 1em;
	text-decoration: none;
}
.TabbedPanelsContent .leftPanel a:link, .TabbedPanelsContent .leftPanel a:visited, .customer .leftPanel a:link, .customer .leftPanel a:visited {
	text-decoration: none;
}
.TabbedPanelsContent .caption, .customer .caption, p.screencaption {
	padding: 12px 12px 4px 12px;
	color: #545454;
	font-size: .9em;
	font-style:italic;
}

.captionExtra {
	padding: 2px 12px 0 12px;
}

.TabbedPanelsContent .rightPanel img, .customer .rightPanel img {
	width: 500px;
	height: auto;
}
.TabbedPanelsContent#overviewTab .rightPanel img {
	width: 300px;
	height: auto;
}
.TabbedPanelsContent#overviewTab #promo-offer.rightPanel img {
	width: auto;
}
.appAreas .TabbedPanelsContent .rightPanel img {
	width: 350px;
	height: auto;
}
.jmpsas .rightPanel img {
	width: 420px;
}
#right .TabbedPanelsContent .rightPanel blockquote {
	border-left: none;
	margin: 4px 0;
	padding: 8px 10px;
	background-color: #f0f0f0;
}
.customer {
	float: none;
	clear: both;
	width: auto;
	overflow: auto;
	margin: 18px 0;
}
.customer .rightPanel img {
	width: 400px;
}
/*New styles for Buy JMP Prototype*/
#links.buyJMPselector, #links.tryJMPselector {
	/*background-image: url(/images/software/software_home_links_bg-2col.jpg);*/
	margin-top: 0;
	margin-bottom: 0;
	min-height: 230px;
}
#links.buyJMPselector .column1, #links.tryJMPselector .column1 {
	background-color: #d9eaf8;
	float: left;
	width: 849px;
	margin-left: 8px;
	margin-top: 8px;
	padding: 4px 10px 2px 10px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #a1b5c5;
}
#links.buyJMPselector h5, #links.tryJMPselector .h5 {
	margin-top: 1em;
	font-size: .95em;
}
#links.buyJMPselector .column2, #links.tryJMPselector .column2{
	float: left;
	width: 869px;
	margin-left: 8px;
	padding: 0;
	margin-top: 8px;
	
	
}
.column2 .content_l, .column2 .content_r {
	padding-top: 8px;
	padding-bottom: 0;
	float: left;
	border: 1px solid #a1b5c5;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.column2 .content_l, .column2 .content_r {
	padding: 8px 18px 4px 18px;
}
.column2 .content_l {
	width: 523px;
	margin-right: 8px;
	padding-top: 18px;
}
.column2 .content_r {
	width: 270px;
	padding: 18px 10px 8px 18px;
}

#right .column2 .content_l h3 {
	font-size:1.3em;
}
#main2 #right .column2 .content_l p {
	font-size: 1em;
}
.column2 .perpetualInfo {
	width: 500px;
	float: left;
	clear: both;
}
.option1, .option2, .option3 {
	padding-left: 82px;
	margin-bottom: 18px;
	padding-top: 4px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #c0c0c0;
}
.option1 {background:url(/images/buyjmp/bg_1.jpg) no-repeat top left;}
.option2 {background:url(/images/buyjmp/bg_2.jpg) no-repeat top left;}
.option3 {background:url(/images/buyjmp/bg_3.jpg) no-repeat top left;}
img.productBox {float: right; border: none; width: 115px; height: 125px;}
.productSelector {
	margin: 4px 0;
}
.productSelector select {
	font-size: 1.3em;
}
#jmp, #pro, #clinical, #genomics, #campuswide, #departmental, #single-perpetual, #single-monthly {
	display: none;
}
/*#links.buyJMPselector #clinical .content_l, #links.buyJMPselector #genomics .content_l {
	width: 833px;
	margin-right: 0;
}*/ 
#links.buyJMPselector #default.column2 .content_l {
	width: 606px;
	padding-left: 8px;
	padding-right: 18px;
	border: none;
	border-right: 1px dotted #c0c0c0;
}
#links.tryJMPselector #default.column2 .content_l {
	width: 860px;
	padding: 0;
	border: none;
	padding-left: 30px;
	padding-top: 20px;
}
#default.column2 .content_r {
	border: none;
	width: 210px;
	padding-right: 0;
	font-size: .9em;
	padding-top: 8px;
}
.column2 .content_r img {
	width: 260px;
	height:auto;
}
#default.column2 .content_r img {
	width: auto;
}
.content_l h4 {
	line-height: 1.5em;
	padding-bottom: 1em;
}

/*Nivo Slider styles for JMP 10 home page*/

.nivoSlider {
    position:relative;
    width:502px !important; /* Change this to your images width */
    height:397px !important; /* Change this to your images height */
	border: 1px solid #9DA1AA;
    /*background:url(images/loading.gif) no-repeat 50% 50%;*/
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}
.nivo-controlNav {
	display: none;
}
.topFeature {
	float: left;
	margin: 18px 0;
}
.topFeature img {
	width: 100%;
	height: auto;
}
.topFeature p {
	padding: 8px 16px;
	font-size: 1.1em;
}
/*stat-index stuff*/
th span {
	cursor: pointer;
}
#help_search {
	margin-top: 1.5em;
}
#stat_search {
	float: left;
	padding-bottom: 18px;
	width: 238px;
}
#stat_search form fieldset  {
	margin: 10px 0 0 0; padding: 0; border: 1px solid #cc6600; *border-top: none; *border-bottom: none; background: #cc6600; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 200px;
}
#stat_search .searchtext {
	width: 160px;
	font-size: .8em;
}
#stat_search .srchbutton {
	*background: url(/images/nav/mag_glass_orange.gif) no-repeat left top;
}
.alphaLinks {
	width: 100%;
	padding-bottom: 5px;
	padding-top: 0px;
}
.alphaLinks a {
	display: block;
	float: left;
	padding: 4px 8px;
	border-right: 1px solid #cdcdcd;
	text-decoration: none;
}
#right p.code {
	font-style: italic;
	padding-right: 12px;
}
.jmpPro-legend {
	background: url(/images/stat-index/jmp_pro_icon.png) no-repeat center left;
	padding-left: 25px !important;
}
.jmpPro-icon {
	padding-left: 0;
	padding-top: 3px;
	padding-right: 28px;
	padding-bottom: 10px;
	display: inline;
	background: url(/images/stat-index/jmp_pro_icon.png) no-repeat right top;
}
h3.alphaHeader {
	font-size: 1.3em;
	padding: 0;
	margin: 0;
}
p.backToTop {
	background: url(/images/ico_back-to-top.png) no-repeat top left;
	font-size: 1.3em;
	text-transform: uppercase;
	padding-left: 18px;
}
p.backToTop a {
	text-decoration: none;
}

/* chunk -- normal */
#right .chunk { float: left; width: 570px; margin: 12px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #D0D0D0; }
#right .chunk dl { float: left; width: 285px; margin: 0; padding: 0 0 20px 0; list-style: none; }
#right .chunk dt { margin: 0; padding: 8px 0 0 0; line-height: 1.25em; }
#right .chunk dd { margin: 0; padding: 0; background: none; }
#right .chunk dd.chunk_img { float: left; margin: 0 13px 0 0; padding: 0; }

/* chunk -- wide */
#right .chunk-wide { float: left; width: 900px; margin: 12px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #D0D0D0; }
#right .chunk-wide dl { float: left; width: 285px; margin: 0; padding: 0 10px 20px 0; list-style: none; }
#right .chunk-wide dt { margin: 0; padding: 8px 0 0 0; line-height: 1.25em; }
#right .chunk-wide dd { margin: 0; padding: 0; background: none; }
#right .chunk-wide dd.chunk_img { float: left; margin: 0 13px 0 0; padding: 0; }

/* quotes and cites */
q.quote-software { float: left; width: 100%; padding: 5px 0 2px 0; font-size: 1.2em; font-weight: bold; color: #666; margin-bottom: .5em; margin-top: .25em; line-height: 1.25em; }
q.quote-software cite { font-size: .83em; }

/* asterisk and footnote */
#right .TabbedPanelsContent .software-chunk h4 { line-height: 1.5em; }
#right .software-chunk { margin: 0 0 20px 0; padding: 0 0 15px 0; border-bottom: 1px solid #D0D0D0; }
#right .software-chunk ul { margin: 6px 0 0 20px; padding: 0; }
#right .software-chunk ul li { margin: 0 0 0 5px; padding: 0 0 5px 0; list-style: disc outside #555; }
#right .software-chunk p { margin: 0; padding: 0; } 
span.asterisk-blue { color: #057DC1; font-size: 1.1em; font-weight: bold; }
#right p.footnote { font-size: .9em !important; }

/*new family of products page DEC2012*/
.familyOfProducts #feature {
	border: 1px solid #d0d0d0;
	background: url(/images/software/bg_family-of-products.jpg) no-repeat bottom left #fff;
	min-height: 278px;
	margin-top: 18px;
	padding: 6px 14px 18px 18px;
}
.familyOfProducts #feature a, .familyOfProducts #secondLevel h2 a {
	text-decoration: none;
}

.familyOfProducts #feature .mainCopy {
	float: left;
	background: url(/images/software/fop-jmp-screenshots.png) no-repeat top left;
	padding-left: 340px;
	min-height: 247px;
	width: 308px;
	padding-top: 30px;
}
#main2.familyOfProducts #right #feature .mainCopy h2 {
	font-size: 1.9em;
}
#main2.familyOfProducts #right #feature .mainCopy h2 sup {
	font-size: .5em;
}
#main2.familyOfProducts #right #feature .mainCopy p {
	color: #454545;
	line-height: 1.8em;
	margin-top: .25em;
	font-size: 1.2em;
	margin-bottom: 0;
}
#main2.familyOfProducts #right #feature .mainCopy p a {
	display: inline-block;
	font-weight: bold;
	margin: 0; 
	padding: 0 0 0 25px; 
	background: url(/images/ico_link_dbltri.png) no-repeat left center; 
	text-decoration: none;
}
.familyOfProducts #feature .iPad {
	background:url(/images/software/bg_fop-ipad-top.png) no-repeat top;
	/*width: 224px;*/
	width: 240px;
	float: right;
	padding-top: 17px;
	font-size: .95em;
	/*margin-left: 18px;*/
	margin-top: 1px;
}
.familyOfProducts #feature .iPad div {
	background: url(/images/software/bg_fop-ipad-bottom.png) bottom no-repeat;
	padding: 0 18px 18px 18px;
}
.familyOfProducts #feature .iPad h2 {
	margin-top: .7em;
}
.familyOfProducts #feature .iPad a {
	text-decoration: none;
}
.familyOfProducts #secondLevel {
	padding-top: 24px;
	font-size: 1em;
	color: #545454;
}
#main2.familyOfProducts #right #secondLevel h2, #main2.familyOfProducts #right #secondLevel p {
	margin-left: 10px;
	margin-right: 8px;
	margin-bottom: 0;
}
#main2.familyOfProducts #right #secondLevel h2 {
	margin: 0 0 8px 0;
}
.familyOfProducts .outside, .familyOfProducts .inside {
	width: 282px;
	border: 1px solid #d0d0d0;
	padding: 8px;
	background: url(/images/software/bg_fop-row2.jpg) repeat-x bottom #fff;
	float: left;
}
.familyOfProducts .inside {
	margin: 0 18px;
}
.familyOfProducts #feature h2, .familyOfProducts #secondLevel h2 {
	margin: 0;
	padding: 0;
	color: #0072CF;
	font-weight: normal;
	font-size: 1.2em;
}
#main2 #right .appArea p {
	font-size: 1em;
	line-height: 1.5em;
	color: #454545;
}
.appArea .wrap {
	float: left;
	padding:  4px 0 8px 0;
}
.appArea a {
	width: 194px;
	border: 1px solid #d0d0d0;
	display: block;
	float: left;
	text-decoration: none;
}
.appArea a:hover {
	border: 1px solid #bfbfbf;
}
.appArea a.inside {
	margin-left: 18px;
	margin-right: 18px;
}
.appArea .wrap div {
	height: 52px;
	border-bottom: 1px solid #0072cf;
	position: relative;
}
.appArea .wrap a div h2 {
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: normal;
	color: #0072cf;
	padding: 8px 8px 4px 8px;
	margin: 0;
	position: absolute;
	bottom: 0;
}
.appArea .wrap a img {
	border: none;
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=70);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.7;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.7;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.7;
}
.appArea .wrap a:hover img {
	border: none;
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=100);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:1;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 1;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 1;
}