@charset "utf-8"; 
/* CSS Document */

/* This stylesheet is being used for the the comparison chart on http://www.logos.com/comparison. */

/* Comparison Chart Header */
#cc-products table { width:100%; }	
#cc-products a {
	display:block;
	width:99px;
	height:161px;
	outline:none;
	background-repeat:no-repeat;
	background-position:center bottom;
}
#cc-products td.h a { background-image:url(http://common.assets.logos.com/commerce/images/comparison/home.jpg) }
#cc-products td.bs a { background-image:url(http://common.assets.logos.com/commerce/images/comparison/study.jpg) }
#cc-products td.l a { background-image:url(http://common.assets.logos.com/commerce/images/comparison/leaders.jpg) }
#cc-products td.ol a { background-image:url(http://common.assets.logos.com/commerce/images/comparison/languages.jpg) }
#cc-products td.s a { background-image:url(http://common.assets.logos.com/commerce/images/comparison/scholars.jpg) }
#cc-products td.si a { background-image:url(http://common.assets.logos.com/commerce/images/comparison/silver.jpg) }
#cc-products td.g a { background-image:url(http://common.assets.logos.com/commerce/images/comparison/gold.jpg) }
#cc-products td.p a { background-image:url(http://common.assets.logos.com/commerce/images/comparison/platinum.jpg) }
#cc-products td.po a {
	width:100px;
	background-image:url(http://common.assets.logos.com/commerce/images/comparison/portfolio.jpg)
}

#comparison-content {width:950px; margin: 0 auto;}


#comparison-content .header-image.landing {
	background:url(../images/comparison/header-bg-gradient.jpg) top left repeat-x;
	margin: 10px 0 5px 0;
	width:950px;
	height:400px;
	}
#comparison-content .header-image.landing .header-text {
	position:relative; top:50px;
	background-image:url(../images/comparison/header-text.png);
	width:739px;
	height:65px;
	margin:0 auto;
	}

#comparison-content .header-image.landing p {

	text-align:center;
	margin:60px 100px 25px 100px;
	}

#comparison-content .header-image.landing .buttons {
	width:256px;
	margin:0 auto;
	}


#comparison-content .header-image.landing .package-links {
	position: relative;
	top: 15px;
	width: 950px;
	height: 150px;
	margin-left:47px;
	}
	
#comparison-content .header-image.landing .package-links .package {
	width:95px;
	height:150px;
	float:left;
	margin: 0;
	}

#comparison-content .header-image.landing .package-links .package:hover {background-image:url(../images/comparison/packages-bg.png);}


/* Comparison Chart */
#comparisonChart table { width:100%;}
#comparisonChart tr { background-color: #fff; }
#comparisonChart tr:hover td {background-color:#F1F6FC;}

#comparisonChart td {
	padding: 0px;
	color: #666;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	font-family: Arial;
	border: none;
	border-left: 1px solid #ccc;
	white-space: nowrap;
	padding: 2px;
	background-color: transparent;
	line-height: 150%;
}

#comparisonChart tr.header td {
	padding: 4px;
	padding-left: 10px;
	background-image: url(../images/comparison/barbg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #333;
	border: none;
}

#comparisonChart table {}

#comparisonChart table td sup {vertical-align:super; font-size:xx-small}

#comparisonChart td.e, #comparisonChart td.h, #comparisonChart td.bs, #comparisonChart td.l, #comparisonChart td.ol, #comparisonChart td.s, #comparisonChart td.si, #comparisonChart td.g, #comparisonChart td.p, #comparisonChart td.po {
	background-repeat: no-repeat;
	background-position: center;
	width:20px;
}

#comparisonChart td {
	background-repeat: no-repeat;
	background-position: center;
	width:20px;
}

#comparisonChart td.h { background-image: url(../images/comparison/dot-home.png); }
#comparisonChart td.bs { background-image: url(../images/comparison/dot-bible.png); }
#comparisonChart td.l { background-image: url(../images/comparison/dot-leaders.png); }
#comparisonChart td.ol { background-image: url(../images/comparison/dot-languages.png); }
#comparisonChart td.s { background-image: url(../images/comparison/dot-scholars.png); }
#comparisonChart td.si { background-image: url(../images/comparison/dot-silver.png); }
#comparisonChart td.p { background-image: url(../images/comparison/dot-platinum.png); }
#comparisonChart td.g { background-image: url(../images/comparison/dot-gold.png); }
#comparisonChart td.po { background-image: url(../images/comparison/dot-portfolio.png); }

#comparisonChart td.be { background-image: url(../images/comparison/dot-languages.png); }
#comparisonChart td.bpa { background-image: url(../images/comparison/dot-scholars.png); }
#comparisonChart td.ba { background-image: url(../images/comparison/dot-silver.png); }
#comparisonChart td.bpl { background-image: url(../images/comparison/dot-platinum.png); }
#comparisonChart td.bab { background-image: url(../images/comparison/dot-gold.png); }
#comparisonChart td.bplb { background-image: url(../images/comparison/dot-portfolio.png); }


#comparisonChart td.title, #comparisonChart td.new {
	border-left:none;
	padding-left: 50px;
	width:670px;
}
#comparisonChart td.new {
	background-image: url(../images/comparison/newIcon.png);
	background-repeat: no-repeat;
	background-position: 18px center;
}

#comparisonChart tr.sel td, #booksYouGetKey {background-color:#c9e4a4;}

.footer-key p {font-size:10px; padding:0; margin:0;}


#comparisonChart.h-cur tr.cur td, #booksYouOwnKey.h-cur { background-color:#F1F6FC; }
#comparisonChart.bs-cur tr.cur td, #booksYouOwnKey.bs-cur { background-color:#F1F6FC; }
#comparisonChart.l-cur tr.cur td, #booksYouOwnKey.l-cur { background-color:#F1F6FC; }
#comparisonChart.ol-cur tr.cur td, #booksYouOwnKey.ol-cur { background-color:#F1F6FC; }
#comparisonChart.s-cur tr.cur td, #booksYouOwnKey.s-cur { background-color:#F1F6FC; }
#comparisonChart.si-cur tr.cur td, #booksYouOwnKey.si-cur { background-color:#F1F6FC; }
#comparisonChart.g-cur tr.cur td, #booksYouOwnKey.g-cur { background-color:#F1F6FC; }
#comparisonChart.p-cur tr.cur td, #booksYouOwnKey.p-cur { background-color:#F1F6FC; }
#comparisonChart.po-cur tr.cur td, #booksYouOwnKey.po-cur { background-color:#F1F6FC; }