body {
	font-weight: normal; 
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #e5e5e5;
}
body.print {
	background: #FFF;
}
#wrapper {
	margin: 0 auto;
	background: #fff;
	width: 980px;
}
#wrapper-inner {
	padding: 10px 35px 0;
	background: #FFF;
}
a {
	/*color: #0066CC;*/
	color: #0000EE;
	text-decoration: underline;	
}
a:visited {
	color: #551A8B;
	text-decoration: underline;	
}
a:hover {
	text-decoration: none;	
}
a.ext {
	background: url(/images/external-link.png) right 1px no-repeat;
	padding-right: 14px !important;
	white-space:nowrap;
	display: inline-block !important;
}
a.ext2 {
	padding-right: 14px;
}
a.ext2 span {
	background: url(/images/external-link.png) right 1px no-repeat;
  position: absolute;
	display: inline;
	text-indent:-9999px;
	width: 14px;
	height: 13px;
	cursor: pointer;
}
a.kurzweil {
	background: url(/images/kurzweil-ico.png) right 3px no-repeat;
	padding: 0 14px 0 0 ;
	white-space:nowrap;
	display: inline-block !important;
}


/*** HEADER ***/
#topnav {
	margin: 0;
	padding: 0;
	text-align: center;
	clear: both;
	height: 27px;
	vertical-align: bottom;
	background: url(/images/header/btn-shim-left.gif) bottom left repeat-x;
	width: 910px;
	overflow: hidden;
}
#header {
	margin: 0 auto;
	width: 910px;
	padding: 0;
}
.widemenu {
	background-color: #336699; 
	padding: 0 13px 5px 0;
	border: 1px solid #003366; 
	border-top: 0;
	text-align: right;
	margin: 0;
}
.widemenu input#btn-search {
	position: relative;
	top: 6px;
}
.widemenu form {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.widemenu form input {
	margin: 0;
	overflow: hidden;
}
.widemenu form #hsearchTerms {
	width: 200px;
}

#widemenu-topleft {
	float: left; 
	padding: 4px 0 10px 15px;
}
#widemenu-topright {
	float: right; 
	padding: 24px 19px 8px 0;
	width: 475px;
	text-align: right;
	position: relative;
}





/*** MAIN AREA ***/
#mainarea, #mainareaHome {
	margin: 0;
	padding: 0;
	
}
#mainarea-inner, #mainareaHome-inner {
	float: left;
	width: 910px;
	margin: 0;
	padding: 0;
	background: #FFF;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
#mainareaHome-inner {
	padding: 20px 0 0 0;	
}
.subnavOther #mainarea-inner {
	background: url(/images/mainarea-subnav-bg.png) repeat-y;	
}
.subnavBookDetail #mainarea-inner {
	background: url(/images/mainarea-bookdetail-bg.png) repeat-y;
	font-size: 13px;	
}
.rightBarOn #mainarea-inner {
	background: url(/images/mainarea-rightbar-bg2.png) repeat-y;	
}
#leftcolumn {
	float: left;
	width: 168px;
	font-size: 13px;
}
/* Left nav for book detail pages */
.subnavBookDetail #leftcolumn {
	background: #ffffcc;
	padding: 10px 0 15px;
}
#leftcolumn #bookLeftBar-levelIcons {
	text-align: center;	
}
#leftcolumn #bookLeftBar-levelBookList a, #leftcolumn #bookLeftBar-benchmarkBooks a, #leftcolumn #bookLeftBar-serialBooks a, #leftcolumn #bookLeftBar-decodeBookList a {
	display: block;
	padding: 0 9px;
	border: 1px solid #FFFFCC;
}
#leftcolumn .bookLeftBar {
	margin: 0 0 10px;
}
#leftcolumn .bookLeftBar a.active {
	color: #000;
	text-decoration: none;
	/*background: #FFFFF0;
	border: 1px solid #FEE77C !important;*/
	position: relative;
	/*background: #FFFFE6 url(/images/active-arrow.png) 3px 5px no-repeat !important;*/
}
#leftcolumn .bookLeftBar a.active .arrow {
	/*position: absolute;
	width: 9px;
	height: 18px;
	margin: 0;
	padding: 0;
	right: -8px;
	top: -1px;
	display: block;
	background: url(/images/active-arrow2.png) no-repeat;*/
}
#leftcolumn #bookLeftBar-decodeBookList a {
	padding: 0 0 0 9px;
	text-decoration:none;
}
#leftcolumn #bookLeftBar-decodeBookList a .number {
	color: #000;
	text-decoration: none;
}
#leftcolumn #bookLeftBar-decodeBookList a .link {
	text-decoration: underline;
}
#leftcolumn .bookLeftBar a:hover {
	background: #FFFFE6;
}
#leftcolumn .bookLeftBar strong {
	font-size: 110%;
	padding: 0 10px 5px;
	display: block;
	font-size: 12px;
}
#leftcolumn .bookLeftBar strong.heading {
	font-size: 12px !important;
	padding: 2px 10px ;
	display: block;
	color: #333;
	/*border-bottom: 1px solid #FEE77C;*/
}
#leftcolumn #bookLeftBar-decodeBookList div {
	padding: 0;
}


.levelchart {
	border: 1px #8d8d8c solid; 
	padding: 5px; 
	background: #FFF;	
}
.correlationChartLink {
	display: block;
	font-size: 11px;
	text-align: center;
	padding: 10px 0 0;
}

/* Left nav for sub navigation */
.subnavOther #leftcolumn {
	background: #efefef;
	border: 1px solid #adadad;
	border-width: 0 1px
}
#rightcolumn {
	float: right;
	background: #e0ffe0;
	width: 200px;
	padding: 17px 0 20px;
	font-size: 13px;
}
#rightcolumn h2 {
	color: #339966;
	font-size: 18px;
	line-height: 25px;
	margin: 0;
	padding: 0 0 0 14px;
}
#rightcolumn #bookOptions {
	background: url(/images/bg-bookoptions-top.png) top left no-repeat;
	margin: 0 0 20px 5px;
	padding: 15px 0 0 0;
}
#rightcolumn #bookOptions-inner {
	background: url(/images/bg-bookoptions-bottom.png) bottom left no-repeat;
	padding: 0 10px 20px 11px;
}
#rightcolumn .rightColumnNav {
	padding: 0 10px 20px 14px;
}
#rightcolumn a {
	display: block;
	margin: 1px 0 5px;
}



a.pdf {
	background: url(/images/ico-pdf.gif) right 1px no-repeat;
	padding: 0 15px 0 0;
}
a.projectableBookLink {
	background: url(/images/ico-proj.gif) right 2px no-repeat;
	padding: 0 17px 0 0;
}
a.projectableBookLink2 {
	background: url(/images/ico-proj.gif) -5px 2px no-repeat;
	padding: 0 0 0 17px;
}
a.kurzweilBookLink {
	background: url(/images/kurzweil-ico.png) right 2px no-repeat;
	padding: 0 17px 0 0;
}
/*
#secnav a[href$='.pdf'] {
	left-side
	background: #D2E0ED url(/images/ico-pdf.gif) left 6px no-repeat;
	padding-left: 20px;
}
#secnav a[href$='.pdf']:hover {
	background-color: #fff27b ;
}
#secnav #secnav-menu-on a[href$='.pdf']{
	background-color: #ffffcc;	
}
*/
#rightcolumn a.pdf {
	/* right-side
	background: url(/images/ico-pdf.gif) left 2px no-repeat;
	padding: 0 0 0 20px;*/
	/* left-side
	background: url(/images/ico-pdf.gif) right 2px no-repeat;
	padding: 0 20px 0 0;
	display: inline;*/
	/* none */
	background: url(/images/twhite.gif) no-repeat !important;
}
#rightcolumn a.pdf span { 
	position: absolute;
	display: inline;
	text-indent: -9999px;
	background: url(/images/ico-pdf.gif) no-repeat 0 2px;
	width: 16px;
	height: 13px;
	cursor: pointer;
	z-index: 1;
}

a.video span { 
	position: absolute;
	display: inline;
	text-indent: -9999px;
	background: url(/shared/images/video-icon.png) right 1px no-repeat;
	width: 16px;
	height: 13px;
	cursor: pointer;
	z-index: 1; }

#rightcolumn a.projectableBookLink {
	/* right-side
	background: url(/images/ico-proj.gif) left 2px no-repeat;
	padding: 0 0 0 20px;*/
	/* left-side
	background: url(/images/ico-proj.gif) right 2px no-repeat;
	padding: 0 20px 0 0;
	display: inline;*/
	/* none */
	background: url(/images/twhite.gif) no-repeat;
}
#rightcolumn a.projectableBookLink span { 
	position: absolute;
	display: inline;
	text-indent:-9999px;
	background: url(/images/ico-proj.gif) no-repeat 0 2px;
	width: 16px;
	height: 13px;
	cursor: pointer;
}


/*** CONTENT AREA ***/
#contentarea {
	float: left;
}
.rightBarOff #contentarea {
	width: 738px;
}
.rightBarOff #contentarea #contentarea-inner {
	padding: 25px 0 0 30px;
	width: 708px;
}
.rightBarOn #contentarea {
	width: 520px;	
}
.rightBarOn #contentarea #contentarea-inner {
	padding: 20px 0 0 20px;
}
ul.lipadding li {
	margin-bottom: 10px;	
}

.testimonialArea {
	float: right;
	width: 200px;
	margin: 20px 0 20px 20px;	
}
.testimonial {
	background: #DAFFDA;
	margin: 0 0 10px 0;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


/*** FOOTER ***/
#footerInternal {
	clear: both; 
	height: 35px;
	padding: 0;
	margin: 0;
}
.subnavOther #footerInternal {
	background: url(/images/bg-footer.png) top left no-repeat;
}
#footerInternal a {
	padding: 0 5px;
}

table.leveledBookList, table.benchmarkPassageList  {
	width: 100%;
	margin: -20px 0 0 0;
}table.benchmarkPassageList  { margin-top: 10px; }
table.leveledBookList th {
	text-align: left;
	width: 33%;
	padding: 20px 20px 0 0;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}
table.benchmarkPassageList a { color: #333; text-decoration: none; display: block; padding: 10px; }
table.benchmarkPassageList a:hover { background: #DDD; border-radius: 5px; }
table.benchmarkPassageList strong { display: block; padding: 0 0 10px; color: #0000EE; font-size: 14px; font-weight: bold; text-decoration: underline; }
table.leveledBookList th img, table.benchmarkPassageList strong img {
	float: left;
	margin: 0 10px 0 0;
}
table.leveledBookList td, table.benchmarkPassageList td {
	text-align: left;
	width: 33%;
	padding: 0;
	vertical-align: top;
}
table.leveledBookList tr td:nth-child(1), table.leveledBookList tr td:nth-child(2), table.benchmarkPassageList tr td:nth-child(1), table.benchmarkPassageList tr td:nth-child(2) {
	padding-right: 10px;
}
table.leveledBookList td div.bookLevelListTitle {
	margin: 1px 10px 1px 0;
	padding: 1px 0 2px;
}

.fiction {
	color:#333399;
	font-weight: bold;
}
.nonfiction {
	color: #339900;
	font-weight: bold;
}
.revised, .multilevel {
	color: #ff6633;
	font-weight: bold;
}
.new {
	color: red;
	font-weight: bold;
}

ul.special li {
	padding-bottom: 6px;	
}




/*** Headings ***/
h1  { 
	color: #66c;  
	font: bold 18px/23px Helvetica, Arial, Geneva, Swiss, san-serif; 
	margin: 0;
	padding: 0;
}
h1.newH1 { color: #000; font-size: 19px; font-weight: bold; margin: 0 0 30px; line-height: 25px; }
h1.newH1 span { font-size: 12px; font-weight: normal; } 
h2 {
	color: #000; 
	font: bold 14px/20px Helvetica, Arial, Geneva, Swiss, san-serif;
	margin: 0;
	padding: 0;	
}
h2.bookheading {
	margin: 20px 0 0 0;
	padding: 6px 10px 0;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	background: url(/images/bg-book-heading.png) no-repeat;
	height: 22px;
	width: 480px;
	text-align: center;
}
h2.heading {
	margin: 0 0 10px;
	padding: 5px 10px;
	background: #E4EFFA;
	font-weight: bold;
	color: #000;
	font-size: 13px;
	line-height: 19px;
	display: block;
	text-decoration: none;
}
#leftcolumn h2 {
	color: #339600 !important; 
	font-size: 16px;
}
#leftcolumn h2 a {
	color: #339600 !important;
}





table.tabular-data {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;	
}
table.tabular-data th {
	text-align: left;
	background: #ddd;
	padding: 3px 5px;
}
table.tabular-data td {
	text-align: left;
	padding: 3px 5px;
	border-bottom: 1px solid #ddd;
}

.body { 
	font-weight: normal; 
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.subhead { font-weight: bold; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }
.subhead_red { color: #f00; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }
.bigblack { color: #000; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.red { color: #f00; font-weight: bold; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif }
.body_big { font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal }
.smlinks { font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif }
.smlinks_red { color: #f00; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }
.smtext { font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif }
.smtext_bold { font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }
.smtext_redbold { color: #f00; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }
.ewebig { font-size: 24px; font-family: "Times New Roman", Georgia, Times }
.ewebig1 { font-size: 24px; font-family: Georgia, Times, "Times New Roman" }
.ewebody { font-size: 12px; font-family: "Times New Roman", Georgia, Times }
.ewemed { font-size: 18px }
.ewesmall { font-size: 9px; font-family: Arial, "Times New Roman", Helvetica, Geneva, Swiss, SunSans-Regular }
.green_subhead { color: #063; font-weight: bold; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }
.subhead1 { font-weight: bold; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif }
.razhead   { color: #66c; font-weight: bolder; font-size: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.razhead_white { color: #fff; font-size: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bolder; }
.razhead1  { color: #66c; font-weight: bolder; font-size: 18px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.razhead2 { font-weight: bolder; font-size: 24px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
/* -- New Style added for Search Page --*/
.razhead3  { font-weight: bolder; font-size: 18px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
/* -- End New Style -- */
.usrnfo { color: #66c; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif }
.cell { filter:alpha(opacity=50); opacity:.50;}

/*h1 { color: #cc0000; font-weight: bold; font-size: 17px; font-family: Arial, Verdana, Helvetica, sans-serif; vertical-align: bottom; margin: 0; }
h2 { color: #000080; font-weight: bold; font-size: 15px; font-family: Arial, Verdana, Helvetica, sans-serif; vertical-align: bottom; margin: 0; }*/
.lp_std { font-family: Arial, Verdana, Helvetica, sans-serif; }
.lp_title { font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif;font-weight: bold; }
.subhead_lp { font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; }

ul{margin:12px 0 0 35px; padding:0; list-style: disc;}
li{margin:0; padding:0;}

.clear{
	clear:both;
}
/* ---- styles to add to main.css for Video Archives page---- */
#videoBackground{
	background: #f1f2f3;
	padding: 20px 0;
	width:100%;
}
* html #videoBackground{
	text-align:center;
}
.videoTitle{
	font-size: 12px;
	margin: 0 0 10px 0;
	font-weight:bold;
	color: #333;
	width:645px;
	text-align:left;
	padding: 0 0 0 35px;
}
* html .videoTitle{
	padding:0;
}
/*---- Video Player ----*/
#whatsnewplayer{
	width:640; 
	height:500; 
	border: #cccccc 1px solid; 
	padding: 5px;
	background: #fff;
	margin: 0 auto;
}
#vidArchives{
	text-align:left;
	padding: 24px 0 50px 0;
}
#vidArchives h1{
	background-color:#336699;
	color: #fff;
	font-size: 14px;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding: 5px 12px;
	border: 1px solid #ccc;
	display:block;
}
#vidArchives a{
	background: #f1f2f3;
	width:318px;
	border: 1px solid #ccc;
	padding: 10px;
	display:block;
	color: #336699;
	font-size: 12px;
	text-decoration: none;
	overflow:auto;
	margin: 0 0 10px 0;
}
* html #vidArchives a{
	width: 340px;
}
#vidArchives a:hover{
	background: #dde1e9;
}
#vidArchives img{
	float:left;
	border: 1px solid #336699;
	margin: 0 10px 0 0;
	display:block;
}
.videolink{
	font-weight:bold;
	text-decoration: underline;
	/*background: url(/shared/images/video-icon.png) right 2px no-repeat;*/
	padding: 0 18px 0 0;
}
#colLeft{
	float:left;
	width:341px;
}
#colRight{
	float:right;
	width:341px;
}
/* ---- styles to add to main.css for Members page---- */

#whatsnew{
	margin: 14px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}
#whatsnew a{
	text-align:left;
	background: #f1f2f3;
	width:330px;
	border: 1px solid #cccccc;
	padding: 10px;
	display:block;
	font-size: 12px;
	text-decoration: none;
	overflow:auto;
	margin: 0 0 10px 0;
}
#whatsnew a:hover{
	background: #dde1e9;
}
#whatsnew img{
	float:left;
	border: 1px solid #336699;
	margin: 0 10px 0 0;
	display:block;
}

.colLeftWide-on {
  width: 90%;
  padding: 2px 2px 2px 3px;
  background-image:url('/images/colLeftWide-on-arrowbgrnd.gif');
  background-repeat:no-repeat; background-position:center right;
}

.colLeftWide {
  width: 158px;
  background: #99ccff;
  padding: 4px;
}

#secnav { padding: 12px 4px 12px 4px; margin: 0;}

.secnav-menu { margin: 0; padding: 0;}
.secnav-menu ul {list-style: none; margin: 0; padding: 0; }
.secnav-menu ul ul {background: #ffffcc;
	border: 1px solid #67a7e2;
	border-top: 0;
	font-size: 12px;
	line-height: 14px;
	}
.secnav-menu li { position: relative; margin: 0; padding: 0;}
.secnav-menu li.active { position: static;}
.secnav-menu li a {
	position: relative;
	display: block; 
	text-decoration: none; 
	color: #000; 
	padding: 5px 10px 5px 10px;
	background-color: #d2e0ed; 
	border: 1px solid #67a7e2; 
	margin: 2px 0 2px 0;
}
.secnav-menu ul#bookLandingLeftNav li a {
	background: #d2e0ed url(/images/arrow-slidernav.png) right 8px no-repeat !important;
	padding-right: 20px !important;
}
.secnav-menu ul#bookLandingLeftNav li a:hover {
	background-color: #ffffcc !important;
	background-position: 100% -104px !important; 
}
.secnav-menu ul#bookLandingLeftNav li.active a {
	position: relative;
	display: block; 
	text-decoration: none; 
	color: #000; 
	padding: 5px 10px 18px 10px !important;
	background: #d2e0ed url(/images/arrow-active-down.png) bottom left no-repeat !important; 
	border: 1px solid #67a7e2; 
	border-bottom: 0;
	margin: 2px 0 0 0;
}
.secnav-menu li a:focus {
	outline: 0 !important;
}
area:focus, area:hover, area:visited, area:link, area:active {
	outline: 0 !important;
	border: 0 !important;
}
.secnav-menu ul#bookLandingLeftNav li li a,
.secnav-menu ul#bookLandingLeftNav li.active li a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #0000EE;
	padding: 3px 10px 3px 10px !important;
	background: #ffffcc !important;
	border: 0; 
	margin: 0;
	font-size: 12px;
}
.secnav-menu ul#bookLandingLeftNav li li a:hover {
	text-decoration: underline;
	color: #0000EE;
	background-color: #ffffe6 !important;
}
.secnav-menu ul#bookLandingLeftNav li li a.active {
	background-color: #fff383 !important;
}
.secnav-menu ul#bookLandingLeftNav li li strong {
	position: relative;
	display: block;
	text-decoration: none;
	color: #000;
	padding: 10px 10px 1px 10px;
	border: 0;
	margin: 0;
}


.secnav-menu li a:hover {display: block; background-color: #fff27b; text-decoration: none; color: #000; padding: 5px 10px 5px 10px;}

li#secnav-menu-on a {background-color: #ffffcc; }

.secnav-menu-arrow {position:absolute; left:161px; top: 6px; width: 12px; height: 18px; background: url(/images/2ndnav-menu-arrow.gif) no-repeat;}
.secnav-menu li.active li .secnav-menu-arrow {top: 0px;}

.secnav-menu-hdr {color: #fff; font-weight: bold; background: url('/images/2ndnav-menu-toptab.gif') no-repeat; padding: 10px 10px 6px 12px; margin-top: 14px;}
.secnav-menu-hdr a {color: #fff; display: block; text-decoration: none;}
.secnav-menu-hdr a:visited {color: #fff; display: block; text-decoration: none;}
.secnav-menu-hdr a:hover {color: #fff; display: block; text-decoration: none;}


/* Personalization Menu */

.personalization-menu-container {
	width: 275px;	
	position: absolute;
	font-family: Arial, Verdana;
	font-size: 12px;	
	margin-top: -110px;
	margin-left: 625px;
}

.personalization-menu-container .heading {
	background: url(/images/popout-design-top.png) no-repeat;
	height: 31px;
	display: block;
	padding: 26px 35px 0;
	font-weight: bold;
	font-size: 13px/13px;
	color: #FFF;
}

.personalization-menu-container .personal-info {
	background: url(/images/popout-design-center.png) repeat-y;
	float: left;
	clear: right;
	padding: 10px 35px 0;
	text-align: left;
	width: 205px;
}

.personalization-menu-container .bottom {
	background: url(/images/popout-design-bottom.png) no-repeat;
	width: 275px;
	height: 34px;
	display: block;
	clear: both;
}

/* BOOK POP OUTS */
.popout {
	margin: 0; 
	padding: 0; 
	border: 0; 
	z-index: 10000; 	
	position: absolute;		
}

.popout-container {
	width: 379px;	
	position: relative;
	font-family: Arial, Verdana;
	font-size: 12px;	
	/*margin-top: -80px;*/
}
.popout-container img {
	border: 0;
}

/*** IF LEFT ***/
.popout-container .popout-arrow {
	position: absolute;	
	z-index: 10;	
	width: 59px;
	height: 54px;	
}

.popout-container .popout-arrow-left {
    background: url(/images/popout-design-arrow-left2-old.png) no-repeat;
    left: -38px;
}

.popout-container .popout-arrow-right {
    background: url(/images/popout-design-arrow-right2-old.png) no-repeat;
    right: -38px;
}

.popout-container .popout-arrow-lefttop {
    background: url(/images/popout-design-arrow-topleft-old.png) no-repeat;
    left: -38px;
}

.popout-container .popout-arrow-righttop {
    background: url(/images/popout-design-arrow-topright-old.png) no-repeat;
    right: -38px;
}

.popout-container .popout-arrow-leftbottom {
    background: url(/images/popout-design-arrow-bottomleft-old.png) no-repeat;
    left: -38px;
}

.popout-container .popout-arrow-rightbottom {
    background: url(/images/popout-design-arrow-bottomright-old.png) no-repeat;
    right: -38px;
}

.popout-container .heading {
	background: url(/images/popout-design-top.png) no-repeat;
	height: 31px;
	display: block;
	padding: 26px 35px 0;
	font-weight: bold;
	font-size: 13px/13px;
	color: #FFF;
}
.popout-container .heading img {
	float: right;
	margin: 0 0 10px 0;
}
.popout-container .book-info {
	background: url(/images/popout-design-center.png) repeat-y;
	float: left;
	clear: right;
	padding: 10px 35px 0;
	text-align: left;
	width: 305px;
}
.popout-container .book-info img {
	border: 1px solid #ccc;
	display: block;
}


.popout-container .book-info .thumbnail-portrait {
	float: left;
	width: 65px;
	height: 100px;
	padding: 0 10px 0 0;
}

.popout-container .book-info .thumbnail-portrait img {
	width: 65px;
	height: 100px;
	border: 1px solid #d0d0d0;
}
.popout-container .book-info .thumbnail-landscape {
	float: left;
	width: 100px;
	height: 65px;
	padding: 0 10px 0 0;
}
.popout-container .book-info .thumbnail-landscape img {
	width: 100px;
	height: 65px;
	border: 1px solid #d0d0d0;
}

.popout-container .book-info .summary {
	width: 304px;
	padding-bottom: 20px;
}
.popout-container .book-info .summary-landscape {
	width: 190px;
	float: right;
	padding-bottom: 20px;
}

.popout-container .book-info .summary-portrait {
	width: 230px !important;
	float: right;
	padding-bottom: 20px;
	overflow: hidden;
}


.popout-container h2 {
	clear: both;
	font-size: 11px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	margin: 20px 0 10px 0 !important;
	padding: 2px 5px !important;
	border-bottom: 1px solid #D2D2D2;
	color: #000 !important;
	background: #E5E5E5;
}
.popout-container .objective {
	clear: left;
	float: left;
	padding: 0 0 6px 0;
	width: 309px;
}
.popout-container .objective .label {
	float: left;
	text-align: right;
	padding: 0 7px 0 0;
	font-weight: bold;
	width: 150px;
}
.popout-container .objective .label:after {
	content: ':';
}
.popout-container .objective .input {
	float: left;
	width: 150px;
}
.popout-container .bottom {
	background: url(/images/popout-design-bottom.png) no-repeat;
	width: 379px;
	height: 34px;
	display: block;
	clear: both;
}


/*old landing page*/
#KurzweilLink {
	position: relative;
	z-index: 100;
}
#kurzweilPop {
	display: none;
	position: absolute; 
	top: 19px; 
	left: 0;
	width:168px; 
	background:#FFF; 
	border: 1px solid #999;
	padding: 10px;
	z-index: 1000000;
}

/*new landing page*/
.bookLandingLinkTip {
	position: relative;
	z-index: 100;
}
#vazLink {
	padding: 3px 0;
}

.bookLandingToolTip {
	position: absolute; 
	z-index: 1000000;
}
.bookLandingToolTip .text {
	background:#FFF; 
	border: 1px solid #72B3F3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	padding: 10px;
	-moz-box-shadow: 2px 2px 5px #ccc;
	-webkit-box-shadow: 2px 2px 5px #ccc;
	box-shadow: 2px 2px 5px #ccc;
	color: #333;
	font-size: 12px;
	
}
.bookLandingToolTip .arrow {
	height: 13px;
	width: 13px;
	position: absolute;
	z-index: 1000;
}
#kurzweilPop2, #kidsPop, #iTunesPop {
	top: -27px; 
	right: -24px;
	width:185px;
	display: none;
	padding-left: 6px;
}
#kurzweilPop2 .arrow, #kidsPop .arrow, #iTunesPop .arrow {
	top: 28px;
	left: 0;
	background: url(/images/arrow-booklandingpagetooltip-left.png) 0 0 no-repeat;
}
#iTunesPop {
	right: 31px;
}
#vazPop, .financialLiteracy td .bookLandingToolTip { 
	top: -58px; 
	right: -30px;
	width: 226px;
	display: none;
	padding-bottom: 4px;
}
#vazPop .arrow, .financialLiteracy td .bookLandingToolTip .arrow {
	bottom: -8px;
	left: 100px;
	background: url(/images/arrow-booklandingpagetooltip-bottom.png) 0 0 no-repeat;
}


.boxModel {
	float: left;
	width: 315px;
	margin: 0 35px 20px 0;
}
.boxModel h2, .boxModel .heading {
	margin: 0 0 10px;
	padding: 10px 10px;
	background: #efefef;
	font-weight: bold;
	color: #000;
	font-size: 15px;
	line-height: 19px;
	display: block;
	text-decoration: none;
}
.boxModel a.heading:hover {
	background: #ddd;
}
.boxModel a:focus {
	outline: 0 !important;
}a:focus {
	outline: 0 !important;
}
.boxModel p {
	margin-left: 10px;
}




/*** TESTIMONY ****/
ul#testimonialNav {
	margin: 15px 0;
	padding: 0;
	list-style: none;	
}
ul#testimonialNav li {
	margin: 0;
	padding: 0;
	display: inline;	
}
ul#testimonialNav li a {
	margin: 0;
	padding: 5px 5px;
	display: inline-block;	
	background: #eaeaea;
	border-left: 1px solid #fff;
	border-top: 3px solid #fff;
	font-size: 10px;
	text-decoration: none;
	color: #000;
}
ul#testimonialNav li a:hover {	
	background: #ddd;
}
ul#testimonialNav li a.active {	
	background: #fff;
}
p.testimony {
	color: #333;
	font-style: italic;
	line-height: 17px;
	margin: 10px 0 10px 0;
	padding: 10px 0 15px 0;
	border-bottom: 1px solid #eaeaea;
}
p.testimony b {
	color: #999;
	font-style: normal;
}


/*** SITE MAP ***/
ul.sitemap, ul.sitemap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.sitemap {
	margin-top: 10px;
}
ul.sitemap ul {
	margin-bottom: 10px;
}
ul.sitemap li {
	margin: 0;
	padding: 0;
}
ul.sitemap li li {
	margin: 0;
	padding-left: 10px;
	padding-bottom: 4px;
}
ul.sitemap li a {
	font-weight: bold;
	font-size: 15px;
	line-height: 21px;
	color: #000;
	text-decoration: none;
	background-color: #EFEFEF;
	display: block;
	margin: 20px 10px 5px 0;
	padding: 4px 0 4px 10px;
}
ul.sitemap li li a {
	font-weight: normal;
	display: inline-block;
	font-size: 12px;
	line-height: 13px;
	color: blue;
	text-decoration: underline;
	background-color: #FFF;
	margin: 0;
	padding: 0;
}
ul.sitemap li ul.siteMapSubheading {
	margin-bottom: 0;
	font-weight: bold;
	color: #000 !important;	
}
ul.sitemap li a:hover {
	color: blue;
	text-decoration: none;
}

/* ------ Basal Divs ------*/

.unitInfo{
	width:226px;
	float:left;
	padding-right: 10px;
	margin-bottom:30px;
}



/*** BOOK LANDING PAGE 2010 ***/
table.bookLanding {
	width: 100%;
	margin: 0;
	padding: 0;
}
table.bookLanding td {
	margin: 0;
	padding: 0;
	width: 338px;
}
table.bookLanding td.col1 {
	padding-right: 32px;
}
table.bookLanding h1 {
	font-size: 24px;
	line-height: 26px;
	color: #000;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
table.bookLanding .bookInfo {
	margin: 0;
	padding: 0 0 15px 0;
}
table.bookLanding td.col1 h2 {
	font-size: 14px;
	line-height: 17px;
	color: #000;
	margin: 25px 0 10px 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #eaeaea;
	clear: both;
}
table.bookLanding td.col2 h2 {
	font-size: 21px;
	line-height: 17px;
	color: #000;
	margin: 0;
	padding: 3px 10px;
	font-weight: bold;
	background: #95ff95;
	border-bottom: 1px solid #FFF;
}
img.bookLandingImage {
	float: left;
	border: 1px solid #999;
	margin: 0 10px 10px 0;	
}
#bookResources-outer {
	margin: 0 0 20px 0;	
}
.bookResources {
	border-top: 1px solid #fff;
	border-bottom: 1px dashed #CBCED1;
	background: #FFF;
	margin: 0;
	padding: 15px 10px;
}
.bookAssembly { background: #FFF; border-bottom: 0; }
.bookResources ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bookResources ul li {
	margin: 6px 0 !important;
	padding: 0 0 0 9px;
	background: url(/images/arrow-bookresources.png) left 7px no-repeat;
}
.bookResources ul.links  { background: url(/images/arrow-bookresources.png) left 7px no-repeat; padding: 0 0 0 9px !important;}
.bookResources ul.links li {background: none !important;}
.bookResources strong {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
}
.additionResources ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.additionResources ul li {
	margin: 0;
	padding: 2px 0;
}
.bookResources .small { color: #000 !important; }


/*** BOOK LANDING PAGE 2011 ***/

.bookLandingPage h1 {
	font-size: 24px;
	line-height: 26px;
	color: #000;
	margin: 0;
	padding: 10px 0 0 0;
	font-weight: bold;
}
.bookLandingPage h2 {
	width: 314px;
	height: 27px;
	/*text-indent: -10000px;*/
	margin: 0;
	padding: 6px 10px 0;
	background-color: #6FB4FA;
	border: 0;
	font-size: 15px;
	color: #001851;
	font-weight: bold;
	text-shadow: 1px 1px 0 #B3D8FD;
}
/*.bookLandingPage h2#lessonResources { background: url(/images/h2-lesson-resources.png) no-repeat; }
.bookLandingPage h2#bookResources { background: url(/images/h2-book-resources2.png) no-repeat; }
.bookLandingPage h2#additionResources { background: url(/images/h2-additional-resources.png) no-repeat; margin-top: 40px; }*/

.bookLandingPage h3 { margin: 10px 0 0; padding: 4px 10px; font-size: 12px; font-weight: bold; background: #e4effa; }

.bookLandingPage .bookInfo { margin: 0; padding: 0 0 15px 0; }

.bookLandingPage .leftColumn { float: left; width: 334px; margin: 0; padding: 0; }
.bookLandingPage .rightColumn { float: right; width: 334px; margin: 0 0 20px; padding: 0; }

.bookLandingPage .bookLanguages { clear: both; }


.bookLandingPage .bookTabs { position: relative; top: -10px; }
.bookLandingPage .bookTabs ul { margin: 0; padding: 0 0 0 5px; list-style: none; float: left; width: 703px; border-bottom: 1px solid #8dbceb; }
.bookLandingPage .bookTabs ul li { display: inline; margin: 0; padding: 0; }
.bookLandingPage .bookTabs ul li a { display: block; float: left; margin: 0 3px 0 0; padding: 0; height: 34px; background: url(/images/tab-left.png) 0 -34px no-repeat;  position: relative; top: 1px; text-decoration: none; color: #4c82b9; font-weight: bold; }
.bookLandingPage .bookTabs ul li a span { display: block; margin: 0 0 0 3px; padding: 10px 10px 0 7px; height: 24px; background: url(/images/tab-right.png) 100% -34px no-repeat; }
.bookLandingPage .bookTabs ul li a:hover{ color: #444; }
.bookLandingPage .bookTabs ul li a.active { background-position: 0 0 !important; color: #000 !important; }
.bookLandingPage .bookTabs ul li a.active span { background-position: 100% 0 !important; }

.bookLandingPage .text { padding: 10px; }
.bookLandingPage .borderDivider { padding: 0; margin: 10px 0; border-bottom: 1px dashed #cbced1; position: relative; left: -10px; width: 334px; }
.bookLandingPage ul.links { margin: 0; padding: 2px 0; list-style: none; }
.bookLandingPage ul.links li { margin: 0; padding: 0 8px; display: inline; border-left: 1px solid #8a8a8a; }
.bookLandingPage ul.links li:first-child { padding-left: 0; border-left: 0; }
.bookLandingPage ul#masterWorksheet { padding-left: 20px; margin: 0 0 20px; background: url(/images/arrow-master-worksheet.png) no-repeat;}

.bookLandingPage .assessments { padding-top: 0 !important;padding-bottom: 0 !important; /*position: relative; top: -10px;*/ }

.bookLandingPage .instructionalFocus ul { list-style: none; padding: 0; margin: 0; }
.bookLandingPage .instructionalFocus ul li { padding: 10px; margin: 0; border-bottom: 1px dashed #cbced1; }
.bookLandingPage .instructionalFocus ul li:last-child { border-bottom: 0; }

.bookLandingPage .decodeable ul { list-style: none; padding: 0; margin: 0; font-size: 12px !important; }
.bookLandingPage .decodeable ul li .smtext { font-size: 12px !important; }
.bookLandingPage .decodeable ul li { padding: 10px; margin: 0; border-bottom: 1px dashed #cbced1; }
.bookLandingPage .decodeable ul li:last-child { border-bottom: 0; }

/*** LEVEL BAR ***/
.rightBarOn #secnav {
	padding-top: 0;	
}
#levelBar {
	margin: -12px 0 0 0;
	padding: 1px 0 20px;
	width: 100%;
	height: 46px;
}
#leftcolumn #levelBar {
	margin: 0;
	padding: 0;
}
#leftcolumn #levelBar ul {
	margin: 0;
	padding: 10px 0 0 20px;
}
#levelBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#levelBar ul li {
	margin: 0 4px 0 0;
	padding: 0;
	display: inline;
	float: left;
}
#levelBar a {
	margin: 0;
	padding: 0;
	text-indent: -100000px;
	display: block;
	width: 22px;
	height: 46px;
}
#levelBar a:focus {
	outline: 0 !important;
}
#levelBar a#level-aa {
	background: url(/images/levelBar-aa.png) no-repeat;
}
#levelBar a#level-A {
	background: url(/images/levelBar-A.png) no-repeat;
}
#levelBar a#level-B {
	background: url(/images/levelBar-B.png) no-repeat;
}
#levelBar a#level-C {
	background: url(/images/levelBar-C.png) no-repeat;
}
#levelBar a#level-D {
	background: url(/images/levelBar-D.png) no-repeat;
}
#levelBar a#level-E {
	background: url(/images/levelBar-E.png) no-repeat;
}
#levelBar a#level-F {
	background: url(/images/levelBar-F.png) no-repeat;
}
#levelBar a#level-G {
	background: url(/images/levelBar-G.png) no-repeat;
}
#levelBar a#level-H {
	background: url(/images/levelBar-H.png) no-repeat;
}
#levelBar a#level-I {
	background: url(/images/levelBar-I.png) no-repeat;
}
#levelBar a#level-J {
	background: url(/images/levelBar-J.png) no-repeat;
}
#levelBar a#level-K {
	background: url(/images/levelBar-K.png) no-repeat;
}
#levelBar a#level-L {
	background: url(/images/levelBar-L.png) no-repeat;
}
#levelBar a#level-M {
	background: url(/images/levelBar-M.png) no-repeat;
}
#levelBar a#level-N {
	background: url(/images/levelBar-N.png) no-repeat;
}
#levelBar a#level-O {
	background: url(/images/levelBar-O.png) no-repeat;
}
#levelBar a#level-P {
	background: url(/images/levelBar-P.png) no-repeat;
}
#levelBar a#level-Q {
	background: url(/images/levelBar-Q.png) no-repeat;
}
#levelBar a#level-R {
	background: url(/images/levelBar-R.png) no-repeat;
}
#levelBar a#level-S {
	background: url(/images/levelBar-S.png) no-repeat;
}
#levelBar a#level-T {
	background: url(/images/levelBar-T.png) no-repeat;
}
#levelBar a#level-U {
	background: url(/images/levelBar-U.png) no-repeat;
}
#levelBar a#level-V {
	background: url(/images/levelBar-V.png) no-repeat;
}
#levelBar a#level-W {
	background: url(/images/levelBar-W.png) no-repeat;
}
#levelBar a#level-X {
	background: url(/images/levelBar-X.png) no-repeat;
}
#levelBar a#level-Y {
	background: url(/images/levelBar-Y.png) no-repeat;
}
#levelBar a#level-Z {
	background: url(/images/levelBar-Z.png) no-repeat;
}
#levelBar a:hover {
	background-position: 0 -46px !important;
}
#levelBar a.active {
	background-position: 0 -92px !important;
}
#leftcolumn #levelBar a.active {
	background-position: 0 -46px !important;
}
	
/*** LEVEL BAR POPOUT ***/
.levelBarPopout-container {
	font-family: Arial,Verdana;
	font-size: 12px;
	position: relative;
	width: 198px;
}
.levelBarPopout-arrow {
	height: 17px;
	position: absolute;
	width: 19px;
	z-index: 10;	
}
.levelBarPopout-arrow-top {	
	top: -9px;
	background: url(/images/popout-design-arrow-top.png) bottom center no-repeat;
}
.levelBarPopout-arrow-topleft {	
	top: -9px;
	background: url(/images/popout-design-arrow-topleft.png) bottom center no-repeat;
}
.levelBarPopout-arrow-topright {	
	top: -9px;
	background: url(/images/popout-design-arrow-topright.png) bottom center no-repeat;
}
.levelBarPopout-arrow-bottom {
	bottom: -9px;
	background: url(/images/popout-design-arrow-bottom.png) top center no-repeat;
}
.levelBarPopout-arrow-bottomleft {
	bottom: -9px;
	background: url(/images/popout-design-arrow-bottomleft.png) top center no-repeat;
}
.levelBarPopout-arrow-bottomright {
	bottom: -9px;
	background: url(/images/popout-design-arrow-bottomright.png) top center no-repeat;
}
.levelBarPopout-inner {
	background: url(/images/popout-design-top-levelbar.png) top left no-repeat;
	padding: 12px 0 0 0;
}
.levelBarPopout-inner table {
	width: 100%;
	background: url(/images/popout-design-center-levelbar.png) top left repeat-y;
}
.levelBarPopout-inner table td.spacer {
	width: 16px;
}
.levelBarPopout-inner table td {
	padding-top: 1px;
	padding-bottom: 1px;
}
.levelBarPopout-inner table td.col1 {
	padding: 2px 0 2px 3px;
}
.levelBarPopout-inner table td.col2 {
	width: 36px;
	padding: 2px 3px 2px 0;
	font-weight: bold;
	text-align: right;
}
.levelBarPopout-inner table td.zebra {
	background-color: #efefee;
}
.levelBarPopout-bottom {
	background: url(/images/popout-design-bottom-levelbar.png) top left repeat-y;
	height: 12px;
	width: 198px;
}


.small {
	color: #666;
	font-size: 80%;
}
hr {
	height: 1px;
	background-color: #dadada;
	color: #dadada;
	border: 0;
	margin: 0 0 16px 0;
}
.poetry-writing { width: 100%; border: 0; }
.poetry-writing div.column0, .poetry-writing div.column1 { width: 325px; border-bottom: 1px solid #dadada; padding: 0 0 20px; height: 145px; float: left; }
.poetry-writing .column0 { padding-right: 15px; margin-right: 15px; }
.poetry-writing .column1 { padding-left: 15px; margin-left: 15px; }
.poetry-writing h2 { padding-top: 20px; }

#standardLinks a {
	display: block;
	float: left;
	width: 110px;
	height: 17px;
	padding: 73px 0 0 0;
	margin: 0 10px 8px 0;
	text-align: center;
	border: 1px solid #ccffcc;
	text-decoration: none;
	color: #000;
}
#standardLinks a#usMapLink {
	background: url(/images/map-us-small.png) no-repeat;
}
#standardLinks a#caMapLink {
	background: url(/images/map-ca-small.png) no-repeat;
}
#standardLinks a#auMapLink {
	background: url(/images/map-au-small.png) no-repeat;
}
#standardLinks a#inMapLink {
	background: url(/images/map-in-small.png) no-repeat;
}
#standardLinks a:hover {
	border-color: #67cf67;
}
#standardLinks a.active {
	background-position: 0 -90px !important;
}
.miniMaps a {
	display: block;
	float: left;
	width: 67px;
	height: 55px;
	padding: 0;
	margin: 0 5px 10px 0;
	border: 1px solid #ccffcc;
	text-decoration: none;	
}
.miniMaps a:hover {
	border-color: #67cf67;
}



.breadcrumb { margin: -15px 0 15px; font-size: 10px; color: #b1b1b1; padding: 0 0 5px; border-bottom: 1px solid #d8d8d8; }
.breadcrumb a { text-decoration: none; }


table.alphabetTable a { display: block; padding: 17px; background-position: 90% 18px; }
table.highfreqWord td { padding: 0 20px 20px 0; }
.serialBooks { margin: 10px 0 0 -10px; }
.serialBookList { float: left; width: 229px; padding: 0 0 20px 10px; min-height: 110px; }


/*** TEACHER CORNER ****/
#teacherCorner { float: left; background: url(/images/bg-teachercorner-right-bottom.png) 100% 0 repeat-y; width: 708px; padding: 0; margin: 0; }
.tcLeftSide { float: left; width: 476px; padding: 0; margin: 0; }
.tcRightSide { float: right; width: 194px; padding: 20px 10px; margin: 0; background: url(/images/bg-teachercorner-right.png) no-repeat; min-height: 400px; height: auto !important; height: 400px; }
.tcRightSide2 { float: right; width: 204px; padding: 0; margin: 0; }

.mainLinks { position: relative; left: -20px; width: 496px; }
.mainLinks a { float: left; width: 228px; margin: 0 0 20px 20px; color: #333; text-decoration: none; }
.mainLinks a strong { display: block; background: #efefef; font-size: 15px; line-height: 17px; color: #000; font-weight: bold; padding: 10px 10px; margin: 0 0 10px 0; }
.mainLinks a:hover strong { background: #ddd; }
.mainLinks a .text { display: block; padding: 0 0 10px 10px; }
.mainLinks a .more { color: blue; text-decoration: underline; }
.mainLinks a:hover .more { color: blue; text-decoration: none; }

#teacherCorner .tcRightSide .shout { border-top: 1px solid #b5d1ee; padding: 10px 0 10px; margin: 0 0 10px; line-height: 17px; }
#teacherCorner .tcRightSide .first { border-top: 0; padding-top: 0; }
#teacherCorner .tcRightSide .shout h2 { font-size: 14px; font-weight: bold; margin: 0 0 5px 0; padding: 0 0 5px 0; }

img.newPhoto { position: relative; top: -15px; left: -28px;}


/*** Research ****/
ul#researchNav {
	margin: 15px 0;
	padding: 0 0 0 4px;
	list-style: none;
	float: left;
	width: 706px;
	border-bottom: 1px solid #67A7E2;
}
ul#researchNav li {
	margin: 0;
	padding: 0;
	display: inline;	
}
ul#researchNav li a {
	margin: 0 1px 0 0;
	padding: 5px 10px;
	display: inline-block;	
	background: #D2E0ED;
	border: 1px solid #67A7E2;
	text-decoration: none;
	color: #000;
	/*border: 1px solid #FFF;
	border-bottom: 1px solid #ADADAD;
	color: #3A00F4;*/
	font-size: 10px;
	height: 30px;
	float: left;
	display: block;
	position: relative;
	top: 1px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
ul#researchNav li a:hover {	
	background: #EFEFEF;
	border-top: 1px solid #ADADAD;
	border-left: 1px solid #ADADAD;
	border-right: 1px solid #ADADAD;
}
ul#researchNav li a.active {	
	background: #fff;
	border: 1px solid #67A7E2;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	color: #333;
}


/*** TRADE BOOKS ***/
.tradeBookImage { width: 332px; background: #EEE; border: 1px solid #CCC; text-align: center; margin: 0 0 20px; }
.tradeBookImageInner { background: #FFF; border: 1px solid #666; text-align: center; -moz-box-shadow: 3px 3px 0px #c5c5c5; -webkit-box-shadow: 3px 3px 0px #c5c5c5; box-shadow: 3px 3px 0px #c5c5c5;}

.tradeBookImage-portrait { height: 279px; }
.tradeBookImage-portrait .tradeBookImageInner { width: 171px; height: 266px; margin: 4px auto 0;}
.tradeBookImage-portrait .tradeBookImageInner img { margin: 0 0 0;}

.tradeBookImage-landscape { height: 179px; }
.tradeBookImage-landscape .tradeBookImageInner { width: 266px; height: 171px; margin: 2px auto 0;}
.tradeBookImage-landscape .tradeBookImageInner img { margin: 0 0 0;}

.shout { margin: 20px 10px 0 ; }
#leftcolumn .shout h2 { font-size: 14px !important; color: #000 !important; margin: 10px 0; padding: 0 0 ;  }
#leftcolumn .shout a.smButton { display: block; background: url(/images/bg-button-small.png) 0 0 no-repeat; width: 128px; height: 22px; padding: 6px 0 0 10px; color: #d7e5f2; text-shadow: #234566 0px 1px 0px; text-decoration: none;  }
#leftcolumn .shout a.smButton:hover { background-position: 0 -28px; color: #FFF;  }

#bundlebar-inner ul.bundleSites li#razLink  { background: url(/shared/images/bg-raztab.png) left bottom no-repeat; }
#bundlebar-inner ul.bundleSites li#razLink a  { color: #000; }



#resultList .bookTitle a {text-decoration: none; }
#resultList .bookTitle a strong {text-decoration: underline; }


ul.sun { margin: 0; padding: 0; list-style: none; }
ul.sun li { background: url(/images/sun-small.png) 0 2px no-repeat; padding: 5px 0 5px 30px; }

.videoList a{
	background: #b8e3a4;
	border: 1px solid #ccc;
	padding: 10px;
	display:block;
	color: #3366cc;
	font-size: 12px;
	text-decoration: none;
	overflow:auto;
	margin: 0 0 10px 0;
}.videoList a:hover{
	background: #addb97;
}
.videoList img {
	float:left;
	border: 1px solid #336699;
	margin: 0 10px 0 0;
	display:block;
}
.videoList h2 { font-size: 13px; margin: 20px 0 5px 0; padding: 3px 5px; clear: left; background: #76A7D6; }
.videoList a.videoArchiveLink { padding: 0; height: 110px; width:115px; margin: 0 0 10px 10px; float: left; background: none; border: 0;  }
.videoList a.videoArchiveLink img  { float: none; margin: 0; text-align: center; }
.videoList a.videoArchiveLink span  { display: block; margin: 5px 0 0 0; }
.videoList a.videoArchiveLink:hover  { color: #254996 !important; }
.videoList a.videoArchiveLink:hover img  { border-color: #ffcc33; }

.videolink{
	font-weight:bold;
	text-decoration: underline;
	background: url(/shared/images/video-icon.png) right 2px no-repeat;
	padding: 0 18px 0 0;
}

span.videoIcon {background: url(/images/help-video-icon.png) right 1px no-repeat; display: inline-block; width: 66px; height: 22px; }

.filterForm {position: absolute; right: 0; top: 0; }


/***  ABOUT US REDESIGN ***/
.columnOne { float: left; width: 365px; position: relative;}
.columnTwo { float: right; width: 316px; position: relative;}
	.columnTwo .mainImage { position: relative; top: -5px; left: -20px; }

.aboutReadingAZ h2 { color: #21b921; border-bottom: 1px solid #c7edc7; margin-top: 40px; }

.columnTwo .blueBox { padding: 20px 20px 10px;margin: 0 0 20px ; background: url(/images/bg-teachercorner-right.png) repeat-x; border: 1px solid #98bbdd; line-height: 16px; }
.columnTwo .blueBox h2 { color: #000; margin-top: 0; text-shadow: 1px 1px 0 #dbe9f7; border-bottom: 1px solid #dbe9f7; }
a.orderNowButton { background: url(/images/orderbuttonlg.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    margin: 10px 0;
    text-indent: -10000px;
    width: 214px; 
}
a.orderNowButton:hover { background-position: 0 -40px; }

/*** TESTIMONIAL ROTATER ***/
.testimonialAreaAboutUs { position: relative; background: url(/images/quote-open.png) 0 0 no-repeat; height: 255px; font-size: 11px; color: #666; }
.testimonialAreaAboutUs .testimonialRotater { position: absolute; top: 0; left: 0; }
.testimonialAreaAboutUs .testimonialRotater .quote { background: url(/images/quote-close.png) 100% 100% no-repeat; padding: 20px; font-size: 15px; font-weight: bold; color: #333; }
	.quotePerson {margin: 0 0 15px; }
	
	
/*** FREE SAMPLES ***/
.freeSamplesTopBanner { position: relative; width:910px; height: 452px; padding: 0; margin: 0 0 20px; }
.freeSamplesTopBanner .topBanner { position: absolute; top: 0; left: 0; width:910px; height: 452px; padding: 0; margin: 0; }
.freeSamplesTopBanner #slider-1 { background: #2F852C url(/images/bg-slider-1.jpg) no-repeat; border-radius: 10px; }
.freeSamplesTopBanner #slider-2 { background: #82104C url(/images/bg-slider-3.jpg) no-repeat; border-radius: 10px; }
.freeSamplesTopBanner #slider-3 { background: #BC8B24 url(/images/bg-slider-4.jpg) no-repeat; border-radius: 10px;  }
.freeSamplesTopBanner #slider-4 { background: #13649B url(/images/bg-slider-2.jpg) no-repeat; border-radius: 10px;  }
.freeSamplesTopBanner #freeSamplesTopButtons { position: absolute; left: 50%; bottom: 0; background: url(/images/bg-slider-buttons.png) no-repeat; width: 133px; height: 26px; list-style: none; margin: 0 0 0 -72px; padding: 3px 0 0 12px; }
.freeSamplesTopBanner #freeSamplesTopButtons li { display: inline-block; float: left; width: 16px; height: 17px; background: url(/images/button-slider.png) 0 -17px no-repeat; text-indent: -100000px; margin: 5px 7px; }
.freeSamplesTopBanner #freeSamplesTopButtons li.selected { background-position: 0 0; }
.freeSamplesTopBanner #freeSamplesTopButtons li:hover { cursor: pointer; }

.freeSamplesTopBanner .topBanner { color: #FFF; font-weight: bold; font-size:20px; line-height: 26px; text-shadow: 1px 1px 0 #000; }
.freeSamplesTopBanner .topBanner h2 { padding: 20px; margin: 0; margin: 0; padding: 0; color: #FFF; font-size: 45px; line-height: 55px; text-shadow: 1px 1px 0 #000; }
	.freeSamplesTopBanner .topBanner .sliderRight { position: absolute; width: 423px; top: 20px; right: 20px; text-align: right; }
	.freeSamplesTopBanner .topBanner .sliderLeft { position: absolute; width: 395px; top: 20px; left: 20px; }
.freeSamplesTopBanner .topBanner a.freeSamples { background: url(/images/button-banner-freesamples.png) no-repeat; display: block; height: 45px; width: 186px; margin: 30px 0 10px 20px; padding: 20px 0 0 75px;
	font-size: 16px; font-weight: bold; color: #000; text-decoration: none;  text-shadow: 1px 1px 0 #fff;}
.freeSamplesTopBanner .topBanner a.freeSamples:hover { background-position: 0 -66px; }

.freeSamplesTopBanner .topBanner a.trial { background: url(/images/button-banner-trial.png) no-repeat; display: block; height: 45px; width: 186px; margin: 0 0 10px 20px; padding: 20px 0 0 75px;
	font-size: 16px; font-weight: bold; color: #000; text-decoration: none; text-shadow: 1px 1px 0 #FFF;}
.freeSamplesTopBanner .topBanner a.trial:hover { background-position: 0 -66px; }

.freeSamplesTopBanner .topBanner a.order { background: url(/images/button-banner-order.png) no-repeat; display: block; height: 49px; width: 186px; margin: 0 0 0 20px; padding: 16px 0 0 75px;
	font-size: 18px; font-weight: bold; color: #FFF; text-decoration: none; text-transform: uppercase;}
.freeSamplesTopBanner .topBanner a.order:hover { background-position: 0 -68px; }

.freeSamplesTopBanner #slider-1 .sliderRight a { display: block; width: 420px; height: 378px; background: url(/images/slider-1-video.png) no-repeat; }
.freeSamplesTopBanner #slider-4 .sliderRight a { display: block; width: 420px; height: 378px; background: url(/images/slider-4-video.png) no-repeat; }

.rankedBurst { width: 145px; height: 145px; background: url(/images/ranked-number1-burst.png) 0 0 no-repeat; position: absolute; bottom: 10px; right: 10px; z-index: 10; text-indent: -1000000px; }

	/* TABS */
#freeSamplesTabs { position: relative; width:910px; height: 335px; padding: 0; margin: 0 0 10px; }
#freeSamplesTabs ul#tabArea { height: 39px; margin: 0 0 2px; padding: 0; list-style: none; background: url(/images/bg-sample-tabs.jpg) no-repeat; }
#freeSamplesTabs ul#tabArea li { position: relative; display: inline-block; float: left; text-align: center; width: 225px; font-size: 18px; font-weight: bold; color: #FFF; margin: 0; padding: 8px 0 0 0;  height: 31px; }
#freeSamplesTabs ul#tabArea li:hover { cursor: pointer;  }
#freeSamplesTabs ul#tabArea li#tab1-link { width: 178px; margin: 0 47px 0 46px; text-shadow: -1px -1px 0 #357C2E; }
#freeSamplesTabs ul#tabArea li#tab2-link { width: 123px; margin: 0 36px 0 33px; text-shadow: -1px -1px 0 #8B053A; }
#freeSamplesTabs ul#tabArea li#tab3-link { width: 125px; margin: 0 47px 0 54px; text-shadow: -1px -1px 0 #B57D2A; }
#freeSamplesTabs ul#tabArea li#tab4-link { width: 127px; margin: 0 0 0 45px; text-shadow: -1px -1px 0 #091537;  }
#freeSamplesTabs ul#tabArea li#tab1-link:hover { background: #37822F; text-shadow: -1px -1px 0 #204E1D; }
#freeSamplesTabs ul#tabArea li#tab2-link:hover { background: #9B0640; text-shadow: -1px -1px 0 #7B0434; }
#freeSamplesTabs ul#tabArea li#tab3-link:hover { background: #B57D2A; text-shadow: -1px -1px 0 #966823; }
#freeSamplesTabs ul#tabArea li#tab4-link:hover { background: #132F79; text-shadow: -1px -1px 0 #091537; }
#freeSamplesTabs ul#tabArea li .arrow { display: none; }
#freeSamplesTabs ul#tabArea li.selected .arrow { display: block; background: url(/images/arrow-sample-tabs.png) center bottom no-repeat; width: 15px; height: 10px; margin-left: -15px; bottom: -2px; left: 58%; position: absolute; }

#freeSamplesTabs .tabber { position: absolute; bottom: 0; left: 0; background: url(/images/bg-sample-tabber.png) no-repeat; width: 910px; height: 294px; font-size: 13px; line-height: 17px; text-shadow: 1px 1px 0 #FFF; color: #303030; }
	#freeSamplesTabs .tabber h2 { display: none; }
	#freeSamplesTabs .tabber strong { display: block; font-family: georgia, serif; font-size: 18px; line-height: 22px; color: #000; text-shadow: 1px 1px 0 #e8e8e8; }
	#freeSamplesTabs .tabber div { padding: 20px 20px 20px 425px; height: 254px; }
	
	#freeSamplesTabs #tab1 div { background: url("/images/tab-leveled-reading-image.png") no-repeat scroll 50px 15px transparent;}
	#freeSamplesTabs #tab2 div { background: url("/images/tab-fluency-image.png") no-repeat scroll 50px 15px transparent;}
	#freeSamplesTabs #tab3 div { background: url("/images/tab-phonics-image.png") no-repeat scroll 50px 15px transparent;}
	#freeSamplesTabs #tab4 div { background: url("/images/tab-new-image.png") no-repeat scroll 50px 15px transparent;}
	
	#freeSamplesTabs .tabber ul { list-style: none; margin: 10px 0; padding: 0; }
	#freeSamplesTabs .tabber ul.list li { background: url(/images/bullet-blue.png) 0px 8px no-repeat; margin: 0; padding: 3px 0 3px 15px; }

.tabber a.order { text-indent: -100000px; background: url(/images/burst-order-now.png) no-repeat; position: absolute; top: 115px; left: 0; width: 148px; height: 131px; z-index: 10; }

#freeSamplesTabs ul.buttons  { margin-left: -10px; }
#freeSamplesTabs ul.buttons li { display: inline; float: left; margin: 0 0 0 10px; }
#freeSamplesTabs a.freeSamples { background: url(/images/button-tab-freesamples.png) no-repeat; display: block; height: 35px; width: 144px; margin: 0px; padding: 15px 0px 0px 56px;
	font-size: 13px; font-weight: bold; color: #000; text-decoration: none;  text-shadow: 1px 1px 0 #fff;}
#freeSamplesTabs a.freeSamples:hover { background-position: 0 -51px; }
#freeSamplesTabs a.trial { background: url(/images/button-tab-trial.png) no-repeat; display: block; height: 35px; width: 144px; margin: 0px; padding: 15px 0px 0px 56px;
	font-size: 13px; font-weight: bold; color: #000; text-decoration: none;  text-shadow: 1px 1px 0 #fff;}
#freeSamplesTabs a.trial:hover { background-position: 0 -51px; }

	/* TESTIMONIALS */
#freeSamplesTestimony { width: 910px; height: 204px; padding: 0; margin: 0; position: relative; background: url(/images/bg-sample-testimony.png) 0 0 no-repeat; }
#freeSamplesTestimony .bubble { background: url(/images/samples-bubble.png) no-repeat; position: absolute; top: -5px; left: -10px; width: 273px; height: 147px; text-indent: -10000px; }
#freeSamplesTestimony .testimony { display: none; padding: 46px 20px 0 280px; font-family: georgia, serif; font-size: 14px; line-height: 16px; color: #333; text-shadow: 1px 1px 0 #FFF; }
#freeSamplesTestimony .testimony p { margin: 0; }
#freeSamplesTestimony .testimony p.user { padding: 10px 0 0 40px; }
#freeSamplesTestimony .testimony p.user strong { color: #d60202; }
#freeSamplesTestimony .videoTestimony { display: block; width: 169px; padding-top: 121px; padding-left: 10px; position: absolute; top: 23px; font-family: georgia, serif; font-size: 12px; line-height: 15px; color: #037ad4; text-shadow: 1px 1px 0 #FFF; text-decoration: none; }
#freeSamplesTestimony #video1 { background: url(/images/video-testimonials-01.png) 0 0 no-repeat; left: 340px; }
#freeSamplesTestimony #video2 { background: url(/images/video-testimonials-02.png) 0 0 no-repeat; left: 600px; }
#freeSamplesTestimony .videoTestimony:hover { color: #000;}

/*** INDIVIDUAL SAMPLE PAGE ***/
.samplesHeader { position: relative; width: 708px; height: 170px; padding: 0; margin: 0 0 20px; color: #FFF; font-weight: bold; font-size:16px; line-height: 19px; text-shadow: 1px 1px 0 #000; border-radius: 10px; }
.samplesHeader div { position: absolute; width: 400px; top: 20px; left: 20px; }
.samplesHeader h1 { padding: 20px; margin: 0; margin: 0; padding: 0 0 10px; color: #FFF; font-size: 30px; line-height: 34px; text-shadow: 1px 1px 0 #000; }

.leveledHeader { background: #2F852C url(/images/bg-samples-1.jpg) 0 0 no-repeat; }
.leveledHeader a { display: block; position: absolute; right: 50px; top: 15px; width: 169px; height: 157px; background: url(/images/samples-image-1.png) 0 0 no-repeat; }

.fluencyHeader { background: #82104C url(/images/bg-samples-2.jpg) 0 0 no-repeat; }
.phonicsHeader { background: #BC8B24 url(/images/bg-samples-3.jpg) 0 0 no-repeat; }
.whatsNewHeader { background: #13649B url(/images/bg-samples-4.jpg) 0 0 no-repeat; }
.whatsNewHeader a { display: block; position: absolute; right: 50px; top: 15px; width: 169px; height: 157px; background: url(/images/samples-image-4.png) 0 0 no-repeat; }

	/* NAV LINKS */
	.secnav-menu a.trial { background: url(/images/button-side-trial.png) 0px -5px no-repeat; display: block; padding: 8px 0 0 43px; margin: 10px 0 0; height: 23px; font-size: 12px; font-weight: bold; color: #000; text-decoration: none;  text-shadow: 1px 1px 0 #fff; }
		.secnav-menu a.trial:hover { background-position: 0 -48px; }
	.secnav-menu a.order { background: url(/images/button-side-order.png) 0px -4px no-repeat; display: block; padding: 8px 0 0 43px; margin: 10px 0 0; height: 24px; font-size: 12px; font-weight: bold; color: #FFF; text-decoration: none; text-shadow: 1px 1px 0 #54160e; }
		.secnav-menu a.order:hover { background-position: 0 -53px; }
		
	/* SAMPLE LIST */
#sampleList, #assemblyList { margin: 0 0 0 -20px; width: 728px; float: left; }
#sampleList .sample, #assemblyList .assembly { padding: 10px 0 30px 20px; width: 222px; float: left; }
#sampleList .sample strong, #assemblyList .assembly strong { font-size: 14px; color: #000; }
#sampleList .sample strong span { font-size: 11px; font-weight: normal; color: #333; display: block; }
#sampleList .sample img, #assemblyList .assembly img { display: block; border: 1px solid #ddd; margin: 6px 0; box-shadow: 2px 2px 5px #eaeaea; width: 220px; height: 142px; }
#sampleList .sample ul, #assemblyList .assembly ul { margin: 0; padding: 0; list-style: none; }
#sampleList .sample ul li, #assemblyList .assembly ul li { margin: 0; padding: 2px 0 2px 5px; }
#sampleList .portrait img { width: 142px; height: 220px; }

h2.samples { font-size: 18px; line-height: 24px; color: #074087; border-bottom: 1px solid #d3d3d3; font-weight: bold; padding: 10px 0 5px 0; margin: 30px 0 20px; clear: both; }

.samplesPagination { position: relative; height: 34px; margin: 0; padding: 0; clear: both; }
.samplesPagination a.next { position: absolute; top: 0; right: 0; display: block; width: 211px; height: 50px; margin: 0; padding: 7px 0 0 15px; color: #FFF; text-decoration: none; font-weight: bold; font-size: 15px; } 
.samplesPagination a.next span { background: url(/images/arrow-next.png) 0 10px no-repeat; width: 6px; height: 34px; position: absolute; top: 0; right: 10px; } 
.samplesPagination a.previous { position: absolute; top: 0; left: 0; display: block; width: 201px; height: 50px; margin: 0; padding: 7px 0px 0 25px; color: #FFF; text-decoration: none; font-weight: bold; font-size: 15px; } 
.samplesPagination a.previous span { background: url(/images/arrow-previous.png) 0 10px no-repeat; width: 6px; height: 34px; position: absolute; top: 0; left: 10px; }

.samplesPagination a#button-LeveledReading { background: url(/images/button-leveled-reading.png) 0 0 no-repeat; text-shadow: -1px -1px 0 #357c2e; } 
.samplesPagination a#button-fluency { background: url(/images/button-fluency.png) 0 0 no-repeat; text-shadow: -1px -1px 0 #8b053a; } 
.samplesPagination a#button-phonics { background: url(/images/button-phonics.png) 0 0 no-repeat; text-shadow: -1px -1px 0 #b57d2a; } 
.samplesPagination a#button-whatsnew { background: url(/images/button-whats-new.png) 0 0 no-repeat; text-shadow: -1px -1px 0 #091537; }
.samplesPagination a:hover { background-position: 0 -57px !important; }

.footerAsterisk { font-size: 11px; line-height: 15px; color: #666; }


/*** YOUR RAZ ***/
#yourRaz { }
#yourRaz h1 { color: #000; font-size: 24px; line-height: 28px; font-weight: bold; margin: 0; padding: 0 0 20px ; }
#yourRaz .profileTop { float: left; width: 708px; }
#yourRaz .profileBottom { clear: both; float: left; padding-top: 30px; width: 708px; }
#yourRaz .leftColumn { float: left; width: 495px; margin: 0; padding: 0; }
#yourRaz .rightColumn { float: right; width: 205px; margin: 0; padding: 0; }

#yourRaz .photo { float: left; width: 177px; background: #ddd; text-align: center; padding: 17px 0; }
#yourRaz .photo img { border: 1px solid #c9c9c9; box-shadow: 0px 0px 10px #bbb; margin-bottom: 10px; width: 133px; height: 150px; }
#yourRaz .info { float: right; width: 304px; font-size: 12px; line-height: 14px; }
#yourRaz .info strong { font-size: 16px; line-height: 19px; }

#yourRaz .rightColumn .rightShout { background: #caeda0; position: relative; font-size: 11px; line-height: 15px; text-shadow: 1px 1px 0 #f1f4ec; color: #000; padding: 0 0 10px; margin: 0; }
#yourRaz .rightColumn .rightShout h2 { background: #82ba3e; color: #000; padding: 8px 10px; font-size: 15px; line-height: 17px; margin: 0 0 10px; text-shadow: 1px 1px 0 #b0df77; border-bottom: 1px solid #FFF; }

.expire { background: #fdfaca; border-radius: 10px; box-shadow: 1px 1px 0 #FFF; padding: 10px; color: #eb0606; text-shadow: 1px 1px 0 #FFF; margin: 10px; position: relative; line-height: 15px; }
.expire .arrow { position: absolute; bottom: -10px; left: 20px; width: 18px; height: 11px; background: url(/images/arrow-expirein.png) 0 0 no-repeat; }

#yourRaz #subscriptionInfo { min-height: 205px; height: auto !important;  height: 205px; }
#yourRaz #subscriptionInfo .memberSince { display: block; font-size: 13px; line-height: 22px; margin: 0 0 10px 10px; }
#yourRaz #subscriptionInfo .memberSince span { font-size: 16px; }

#yourRaz .rightColumn .rightShout ul { margin: 0; padding: 0 10px 0 10px; list-style: none; }
#yourRaz .rightColumn .rightShout ul li { margin: 0; padding: 3px 0; }

#yourRaz .rightColumn .rightShout a.buttonSm, #yourRaz .rightColumn .rightShout a.buttonOrder {
    background: url(/images/button-sm.png) no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    height: 25px;
    line-height: 24px;
    margin: 10px 0 0 10px;
    padding: 0 0 0 8px;
    text-align: left;
    text-decoration: none;
    width: 130px;
    text-shadow: 1px 1px 0 #347B2F;
    font-weight: bold;
}
#yourRaz .rightColumn .rightShout a.buttonOrder { background: url(/images/button-order.png) no-repeat scroll 0 0 transparent; text-shadow: 1px 1px 0 #980E42; }
#yourRaz .rightColumn .rightShout a.buttonSm:hover, #yourRaz .rightColumn .rightShout a.buttonOrder:hover { background-position: 100% -25px; }
.emailLC a { display: block; padding: 7px 0 5px 20px; background: url(/images/icon-email.png) 0 9px no-repeat; }

a.dayPassConfirmation { display: block; background: #fcf886 url(/images/free-pass-banner.png) no-repeat; border: 1px solid #fcf886; padding: 10px; font-size: 14px; line-height: 19px; color: #000; text-decoration: none; text-shadow: 1px 1px 0 #FFF; }
a.dayPassConfirmation strong { display: block; font-size: 21px; padding: 0 0 20px 100px; line-height: 27px; }
a.dayPassConfirmation ul { margin: 10px 0 0 0; padding: 0; list-style: none; }
a.dayPassConfirmation ul li { margin: 0; padding: 0 20px 10px 0 ; display: inline; float: left; font-size: 15px; font-weight: bold; white-space: nowrap; }
a.dayPassConfirmation .blue { color: blue; text-decoration: underline; }
a.dayPassConfirmation:hover .blue { text-decoration: none; }

/*** YOUR RAZ NAV ***/
#yourRazHeaderLinks { position: relative; text-align: left; z-index: 100; }
#nav { position: absolute; top: 0; right: 0; z-index: 100; }
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: arial;
	font-size: 12px;
}

#nav a {
	display: inline-block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
#nav a .name { color: #578f13; padding: 5px 0;  }
#nav a .yourRaz { color: #333; font-weight: normal;
	background: url(/images/arrow-yourraz.png) 96% 10px no-repeat;
	padding: 5px 20px 5px 5px; }
#nav li.main {

}
#nav li ul li {
	display: block;
	background-image: none;
	padding: 3px 0;
}
#nav li ul {
	position: absolute;
	left: -999em;
	background: #FFF;
	padding: 10px;
	border-radius: 5px;
	/*margin: 5px;*/
	z-index: 1000;
	border: 5px solid #8BC34F;
	box-shadow: 3px 3px 5px #ccc;
}
#nav li ul a { font-weight: normal; color: #000 !important; display: block; }
#nav li ul a:hover { color: #82ba3e !important; }
#nav li.main:hover ul, #nav li.sfhover ul {
	left: auto;
	right: -40px !important;
	width: 170px;
}
#nav li ul .signOut { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #ccc; }
#nav li.main:hover, #nav li.sfhover {
	/*background-position: 100% -10px;
	border: 5px solid #8BC34F;
	background-color: #8BC34F;
	border-radius: 10px 10px 0 0;*/
}
#nav li.main:hover a .yourRaz, #nav li.sfhover a .yourRaz {
	background-position: 96% -5px;
	/*border: 5px solid #8BC34F;*/
	background-color: #8BC34F;
	border-radius: 5px 5px 0 0;
}
#nav li.main:hover a .yourRaz, #nav li.main.sfhover a .yourRaz { color: #FFF; }

.benchmarkPassagePage { position: relative; left: -20px; width: 728px; overflow: auto;}
.benchmarkPassage { float: left; width: 345px; padding: 0 0 40px 19px; margin: 0; }
.benchmarkPassage img { float: left; width: 169px; height: 218px; display: block; border: 1px solid #ddd; margin: 0; box-shadow: 2px 2px 5px #eaeaea;  }
.benchmarkPassage div { float: left; width: 159px; padding: 0 0 0 15px; }
.benchmarkPassage strong { display: block; color: #000; font-size: 16px; line-height: 19px; margin: 0; padding: 0 0 10px 0; }
.benchmarkPassage em { display: block; color: #333; font-size: 12px; line-height: 16px; margin: 0; padding: 0 0 10px 0; }
.benchmarkPassage ul { list-style: none; margin: 0; padding: 0; }
.benchmarkPassage ul li { margin: 0; padding: 0 0 4px 10px; background: url("/images/arrow-bookresources.png") no-repeat scroll left 7px transparent; }

a.bmPassageLink { display: block; margin: 0; border-bottom: 1px solid #FFF; border-top: 10px solid #FFF; padding: 8px 10px; }
a.bmPassageLink:hover { background: #EAFFEA; }

table.financialLiteracy { width: 100%; padding: 0; margin: 0; empty-cells: show !important; }
table.financialLiteracy th { text-align: left; font-size: 11px; background: #ccc; text-shadow: 1px 1px 0 #eaeaea; border-right: 1px solid #FFF; padding: 3px 5px; }
table.financialLiteracy td { border-bottom: 1px solid #ccc; padding: 10px 0; border-right: 1px solid #eaeaea; min-width: 100px; text-align: center; }
table.financialLiteracy td.col1 { width: 120px; text-align: center; padding: 0; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; }
table.financialLiteracy td.col1 img { display: block; border: 1px solid #ccc; box-shadow: 5px 5px 5px #ccc; margin: 0 auto 10px; }
table.financialLiteracy td.col1 a { text-decoration: none; font-size: 11px; color: #666; display: block; padding: 10px; background: #eaeaea; text-shadow: 1px 1px 0 #FFF;  }
table.financialLiteracy td.col1 strong { display: block; font-size: 13px; color: #0000EE; }
table.financialLiteracy td.col1 a:hover { background: #eaeaea; }
table.financialLiteracy td.col1 a:hover strong { text-decoration: underline; }
table.financialLiteracy td.col1 a:hover img { border-color: #666; }
table.financialLiteracy td.oneBullet { background: url(/images/stars-1.png) center center no-repeat; text-indent: -1000em; }
table.financialLiteracy td.threeBullets { background: url(/images/stars-3.png) center center no-repeat; text-indent: -1000em; }
table.financialLiteracy td .financialLiteracyStars { position: relative; }

table.financialLiteracy td.col2 { width: 143px; }
table.financialLiteracy td.col3 { width: 106px; }
table.financialLiteracy td.col4 { width: 126px; }
table.financialLiteracy td.col5 { width: 100px; }
table.financialLiteracy td.col6 { width: 106px; }

.financialLiteracy td .bookLandingToolTip { width: 150px !important; }
.financialLiteracy td .bookLandingToolTip .arrow { left: 80px !important; }
.financialLiteracy td.col2 .bookLandingToolTip { width: 250px !important; right: -52px !important; }
.financialLiteracy td.col2 .bookLandingToolTip .arrow { left: 120px !important; }
.financialLiteracy td.col2 .oneStars { width: 285px !important; right: -75px !important; }
.financialLiteracy td.col2 .oneStars .arrow { left: 133px !important; }


.financialLiteracy td.col3 .bookLandingToolTip { width: 180px !important; right: -33px !important; }
.financialLiteracy td.col3 .bookLandingToolTip .arrow { left: 87px !important; }
.financialLiteracy td.col3 .oneStars { width: 220px !important; right: -50px !important; }
.financialLiteracy td.col3 .oneStars .arrow { left: 111px !important; }


.financialLiteracy td.col4 .bookLandingToolTip { width: 215px !important; right: -42px !important; }
.financialLiteracy td.col4 .bookLandingToolTip .arrow { left: 103px !important; }
.financialLiteracy td.col4 .oneStars { width: 259px !important; right: -62px !important; }
.financialLiteracy td.col4 .oneStars .arrow { left: 127px !important; }

.financialLiteracy td.col5 .bookLandingToolTip { width: 150px !important; right: -24px !important; }
.financialLiteracy td.col5 .bookLandingToolTip .arrow { left: 70px !important; }

.financialLiteracy td.col6 .bookLandingToolTip { width: 150px !important; right: -22px !important; }
.financialLiteracy td.col6 .bookLandingToolTip .arrow { left: 69px !important; }
.financialLiteracy td.col6 .oneStars { width: 215px !important; right: -33px !important; }
.financialLiteracy td.col6 .oneStars .arrow { left: 122px !important; }

.moreBooks a { display: block; padding: 0 10px 0 0; text-decoration: none; font-size: 11px; color: #666; text-shadow: 1px 1px 0 #FFF; float: left; width: 165px; }
.moreBooks a img { display: block; border: 1px solid #ccc; box-shadow: 5px 5px 5px #ccc; margin: 0 0 10px; }
.moreBooks a strong { display: block; font-size: 13px; color: #0000EE; }
.moreBooks a:hover {  }
.moreBooks a:hover strong { text-decoration: underline; }
.moreBooks a:hover img { border-color: #666; }

.recommendationsBanner { background: url(/images/bg-recommendations.jpg) no-repeat; width: 720px; height: 333px; position: relative; color: #FFF; text-shadow: 1px 1px 0 #6c1a46; }
.recommendationsBanner #topBar { position: absolute; top: 10px; left: 70px; font-size: 21px; font-weight: bold; }
.recommendationsBanner #topBar select { font-size: 11px; font-weight: normal; }
.recommendationsBanner #topBar span { font-size: 11px; font-weight: normal; }

.recommendationsBanner a#whatsNew { position: absolute; font-size: 11px; font-weight: bold; top: 14px; right: 67px; display: block; width: 81px; height: 18px; padding: 5px 0 0 7px; background: url(/images/button-newbook.png) 0 0 no-repeat; color: #000; text-shadow: 1px 1px 0 #efd4e2; text-decoration: none;  }
.recommendationsBanner a#whatsNew:hover { background-position: 0 -23px; }

.recommendationsBanner .slider { position: absolute; width: 400px; height: 235px; top: 65px; left: 52px; width: 616px; } 
.recommendationsBanner .slider a { display: block; width: 175px; float: left; padding: 0 10px; color: #FFF; text-decoration: none;  text-align: center; }
.recommendationsBanner .slider a strong { display: block; font-size: 15px; line-height: 16px; }
.recommendationsBanner .slider a:hover strong { text-decoration: underline; }
.recommendationsBanner .slider a img { margin: 5px 0 0 0; box-shadow: 0 5px 3px #681943; }

.recommendationsBanner ul#recommendationsButtons { position: absolute; left: 50%; bottom: 15px; margin: 0 0 0 -46px; padding: 0; width: 80px; list-style: none; }
.recommendationsBanner ul#recommendationsButtons li { display: inline-block; float: left; width: 8px; height: 8px; background: url(/images/button-slider2.png) 0 0 no-repeat; text-indent: -100000px; margin: 0 8px 0 0; }
.recommendationsBanner ul#recommendationsButtons li.selected { background-position: 0 -8px; }
.recommendationsBanner ul#recommendationsButtons li:hover { cursor: pointer; }

.recommendationsBanner #arrowPrevious { position: absolute; text-indent: 1000em; top: 133px; left: 20px; display: block; width: 28px; height: 57px; background: url(/images/button-slider-previous.png) 0 0 no-repeat; }
.recommendationsBanner #arrowNext { position: absolute; text-indent: 1000em; top: 133px; right: 20px; display: block; width: 28px; height: 57px; background: url(/images/button-slider-next.png) 0 0 no-repeat; } 
.recommendationsBanner #arrowNext:hover { background-position: 0 -57px; } 
.recommendationsBanner #arrowPrevious:hover { background-position: 0 -57px; }

#recommendationsBottom { float: left; margin-top: 30px; width: 720px; }
#recommendationsBottom .events, #recommendationsBottom .searches { width: 350px; background: url(/images/bg-recommendations-bottom.png) 0 34px repeat-x;  }
#recommendationsBottom .events { float: left; }
#recommendationsBottom .searches { float: right; }
#recommendationsBottom ul.header { height: 33px; text-align: center; background: #7c1e50; padding:  0; color: #FFF; font-weight: bold; font-size: 15px; line-height: 16px; text-shadow: 1px 1px 0 #240415; margin: 0; list-style: none;}
#recommendationsBottom ul.header li { display: inline; width: 304px; float: left; padding: 9px 0 0 0; }
#recommendationsBottom ul.header li#monthPrevious { width: 23px; padding: 0; }
#recommendationsBottom ul.header li#monthNext { width: 23px;  padding: 0;}
#recommendationsBottom ul.header li a { display: block; width: 23px; height: 33px; text-indent: -1000em; padding: 0; margin: 0;}
#recommendationsBottom ul.header li#monthPrevious a { background: #000 url(/images/month-previous.png) no-repeat; }
#recommendationsBottom ul.header li#monthNext a { background: #000 url(/images/month-next.png) no-repeat; }
#recommendationsBottom ul.header li a:hover { background-position: 0 -33px !important;}

#recommendationsBottom .eventSlider { clear: both; padding: 10px; }
#recommendationsBottom .eventSlider div { clear: both; padding: 0; margin: 0 0 10px; float: left; width: 330px; }
#recommendationsBottom .eventSlider .day { display: block; float: left; width: 41px; height: 22px; padding: 13px 0 0 0; line-height: 20px; background: url(/images/bg-calendar.png) 0 0 no-repeat; font-size: 16px; color: #000; font-weight: bold; text-shadow: 1px 1px 0 #FFF; text-align: center; }
#recommendationsBottom .eventSlider div ul { float: left; margin: 10px 0 0 10px; padding: 0; list-style: none; }



#recommendationsBottom .searches .header { height: 24px; background: #7c1e50; padding: 9px 0 0 10px; color: #FFF; font-weight: bold; font-size: 15px; line-height: 16px; text-shadow: 1px 1px 0 #240415; margin: 0; list-style: none;}
#recommendationsBottom .searches .header span { font-size: 11px; font-weight: normal; }
#recommendationsBottom .searches .cloud { font-size: 12px; line-height: auto !important; text-align: center; padding: 10px; }
#recommendationsBottom .searches .cloud a { padding-right: 15px; }
#recommendationsBottom .searches .cloud a.large { font-size: 22px; }
#recommendationsBottom .searches .cloud a.medium { font-size: 18px; }
#recommendationsBottom .searches .cloud a.smallCloud { font-size: 14px; }


.yourHistory h2 { background: #cde3b2; padding: 5px 10px; color: #333; text-shadow: 1px 1px 0 #FFF; font-weight: bold; font-size: 13px; margin: 10px 0; clear: both; }
.yourHistory ul { margin: 0; padding: 0; list-style: none; }
.yourHistory ul li {  padding: 10px 0; clear: both; float: left; color: #666; font-size: 11px; }
.yourHistory ul li a {  font-size: 12px; }
.yourHistory ul li .image { float: left; margin: 0 10px 0 0; width: 57px; text-align: center;  }
.yourHistory ul li img { border: 1px solid #ccc; box-shadow: 1px 1px 3px #CCC; }
.yourHistory ul li img.landscape { width: 55px; height: 36px; }
.yourHistory ul li img.portrait { width: 36px; height: 55px; }