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: #003D77;
	text-decoration: underline;	
}

a.notRegistered { 
	background: #7abcff;
	background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
	background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );

    border: 1px solid #2488EC;
    border-radius: 5px 5px 5px 5px;
    color: #FFF !important;
    display: block;
    font-size: 11px;
    margin: 20px 0 10px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #2488EC;
    width: 100px;
    z-index: 1; font-size: 13px;}
    
a.notRegistered:hover {background: #78BBFE;}

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;
}

.formErrors, .submiterror { background-color: #FFFF66;
    border-collapse: collapse;
    border-color: #800000;
    border-style: dashed;
    border-width: 2px;
    margin: 0 auto 20px;
    padding: 5px;
    text-align: center;
    width: 400px;  }


/*** 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;
	z-index: 50;
}


ul#mainNav { margin: 0; padding: 0 0 0 5px; list-style: none; clear: both; height: 26px; overflow: hidden; }
ul#mainNav li { margin: 0; padding: 0; list-style: none; display: inline; }
ul#mainNav li a { margin: 0 0 0 1px; padding: 8px 4px; list-style: none; display: inline-block; background: #FFFFCC; height: 9px;
	color: #000; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 11px; line-height: 11px; border: 1px solid #000; border-bottom: 0; 
	border-radius: 7px 7px 0 0; letter-spacing: -0.03em; }
ul#mainNav li a:hover { background: #FDF787; }
ul#mainNav li a.active { background: #336699; color: #FFF; text-shadow: none; }

/*** 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;
}
.secnav-menu .levelchart { font-size: 11px; }
.correlationChartLink {
	display: block;
	font-size: 11px;
	text-align: center;
	padding: 10px 0 0;
}

.correlationChart { /*width: 465px; float: left;*/ margin: 15px 0 0 0; }
.correlationChart table { width: 100%; }
.correlationChart table thead th { font-weight: bold; text-align: left; background: #E6E3F9; padding: 7px 5px; color: #000; }
.correlationChart table thead { margin-bottom: 10px; }
.correlationChart table tbody td { text-align: left; padding: 3px 5px; border-bottom: 1px solid #eaeaea; white-space: no-wrap;  }
.correlationChart table tbody td.row1 { width: 75px; }
.correlationChart table tbody td.row7 { white-space: nowrap; width: 100px; }
.correlationChart table tbody td.row8 { white-space: nowrap; width: 50px; }
.correlationChartText { /*float: right; padding-top: 70px; width: 235px;*/ padding-top: 20px; }

/* 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, a.pdf2, .rightColumnHome 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, a.pdf2 span, .rightColumnHome 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: 14px 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: #055bad; 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-2 {
	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: #cfe1f1;
	font-weight: bold;
	color: #000;
	font-size: 13px;
	line-height: 19px;
	display: block;
	text-decoration: none;
}

.bookLinks h2
{
	color: #000; 
	font: bold 18px/20px Helvetica, Arial, Geneva, Swiss, san-serif;
	margin: 15px 0 15px 0;
	padding: 0;		
	
}

.bookLinks h3
{
	color: #000; 
	font: bold 16px/20px Helvetica, Arial, Geneva, Swiss, san-serif;
	margin: 15px 0 15px 0;
	padding: 5px;		
	
}
#leftcolumn h2 {
	color: #339600 !important; 
	font-size: 16px;
}
#leftcolumn h2 a {
	color: #339600 !important;
}
h3.newH3 { margin: 0; padding: 5px 0 5px; font-size: 13px; color: #06A5E1; font-weight: bold; }

h2.subheading{
	font-weight:bold;
	font-size:16px;
}

h3.newH3 { margin: 0; padding: 5px 0 5px; font-size: 13px; color: #06A5E1; font-weight: bold; }



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: 10px 0;
	width:100%;
}
* html #videoBackground{
	text-align:center;
}
.videoTitle{
	font-size: 14px;
	margin: 0 0 10px 0;
	font-weight:bold;
	color: #000;
	text-align:left;
	padding: 0 0 0 10px;
	text-shadow: 1px 1px 0 #FFF;
}
* html .videoTitle{
	padding:0;
}

.videoDetails { text-align: left; font-size: 12px; line-height: 12px; text-shadow: 1px 1px 0 #FFF; padding: 20px 10px 0px 10px; position: relative; }
.videoDetails .videoUploadDate { position: absolute; top: 5px; right: 10px; font-size: 11px; font-style: italic; color: #666;  }
.descriptionVideo { font-size: 11px; }

/*---- 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;
	line-height: 17px;
}
#vidArchives a, .helpVideo a {
	background: #f1f2f3;
	width:223px;
	border: 1px solid #ccc;
	padding: 10px 10px 10px 106px;
	display:block;
	font-size: 12px;
	text-decoration: none;
	float: left;
	margin: 0 0 10px 0;
	position: relative;
	height: 55px;
	min-height: 55px;
	height: auto !important;
	text-shadow: 1px 1px 0 #FFF;
	color: #333;
}
.helpVideo a { width: 233px; border-radius: 10px; }
#vidArchives a:hover, .helpVideo a:hover{
	background: #dde1e9;
}
#vidArchives .videoImage, .helpVideo a .videoImage { position: absolute; top: 8px; left: 8px; width: 86px; padding: 0;  }
#vidArchives .videoInfo, .helpVideo a .videoInfo { font-size: 11px; color: #666; display: block; padding: 0 0 4px 0; }
#vidArchives img, .helpVideo a img {
	border: 1px solid #336699;
	margin: 0 0 5px;
	display:block;
}
#vidArchives .videolink, .helpVideo a .videolink{
	font-weight:bold;
	text-decoration: underline;
	background: none;
	/*background: url(/shared/images/video-icon.png) right 2px no-repeat;*/
	padding: 0;
	font-size: 13px;
	display: block;
	color: #336699;
}
#vidArchives .videolink .icon, .helpVideo a .videolink .icon {
	background: url(/shared/images/video-icon.png) 100% 0 no-repeat;
	width: 16px;
	height: 10px;
	display: inline-block !important;
}
#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;
}

.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: #055bad;
	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: #055bad;
	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 li li a + .secnav-menu-arrow {display: none;}
.secnav-menu li li a.active + .secnav-menu-arrow {display: block;}

.secnav-menu-hdr {color: #fff; font-weight: bold; background: url('/images/2ndnav-menu-toptab.gif') no-repeat; padding: 10px 6px 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;
	z-index: 10;
	font-family: Arial, Verdana;
	font-size: 12px;	
	/*margin-top: -80px;*/
}
.popout-container img {
	border: 0;
}
.popout-container a.buttonNew {
	margin-top: 20px;
	clear: both;
	display: block;
	width: 100px;
}

/*** 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, #owoPop  {
	top: -27px; 
	right: -24px;
	width:185px;
	display: none;
	padding-left: 6px;
}
#kurzweilPop2 .arrow, #kidsPop .arrow, #iTunesPop .arrow, #owoPop .arrow{
	top: 28px;
	left: 0;
	background: url(/images/arrow-booklandingpagetooltip-left.png) 0 0 no-repeat;
}
#iTunesPop {
	right: 31px;
}

#owoPop {
	right: -64px;
}
#kidsLink { z-index: 99; }
#kidsPop { right: -64px; }
#vazLink { z-index: 99; } 
#vazPop, .financialLiteracy td .bookLandingToolTip { 
	top: -58px; 
	right: -30px;
	width: 226px;
	display: none;
	padding-bottom: 4px;
}
#rtPop { 
	top: -60px; 
	left: -100px;
	width: 395px;
	display: none;
	padding-bottom: 4px;
}
#vazPop .arrow, #rtPop .arrow, .financialLiteracy td .bookLandingToolTip .arrow {
	bottom: -8px;
	left: 100px;
	background: url(/images/arrow-booklandingpagetooltip-bottom.png) 0 0 no-repeat;
}
#rtPop .arrow { left: 150px; }


.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, .testimonials li {
	color: #333;
	font-style: italic;
	line-height: 17px;
	margin: 10px 0 10px 0;
	padding: 10px 0 15px 0;
	border-bottom: 1px solid #eaeaea;
}

.testimonials li {
	margin: 0;
	padding: 20px 0 10px 0;
}
p.testimony b, .testimonials p {
	color: #999;
	font-style: normal;
	font-weight: bold;
	margin: 0;
}


/*** 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: right;
	border: 1px solid #999;
	margin: 0 0 10px 10px;	
}
#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 li.leveledBook { background: none; padding-left: 0; margin: 0 !important;}
.bookResources ul.links, .arrowStyleUl { 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, strong.bookResourcesHead {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
}

.arrowStyleUlFormatting { margin: 6px 0 6px 0; padding: 0; list-style-type: none; }

.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, .themeLandingPage h1 {
	font-size: 24px;
	line-height: 26px;
	color: #000;
	margin: 0;
	padding: 10px 0 0 0;
	font-weight: bold;
}
.bookLandingPage h2, .bookLinks h2.block, h2.bookResources, .blueHeading {
	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;
}
.bookLinks h2.block {clear: both; margin-top: 15px;}
.bookLandingPage h2 { width: 314px; }
.bookLandingPage h2.fullWidth { margin-left: 30px; width: auto; margin-bottom: 20px;}
.decodable .bookLandingPage .poetryBooksList h2 { background: none; width: auto; color: #000; text-shadow: none; text-align: left;}
.themeLandingPage .resources h2 {
	margin: 0 0 10px;
	padding: 3px 10px ;
	background-color: #6FB4FA;
	border: 0;
	font-size: 13px;
	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: 14px; font-weight: bold; background: #e4effa; text-align: left; color: #000; }
.bookLandingPage h3 em { font-size: 80%; font-weight: normal; }
.bookLandingPage h4 { color: #333333; display: block; font-size: 14px; font-weight: bold; margin: 0 0 10px; padding: 0; }
.decodable .bookLandingPage, .alphabet .bookLandingPage h3 { text-align: left; margin-bottom: 15px; width: 692px; }

.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; }
.themeLandingPage .leftColumn { float: left; width: 170px; margin: 0; padding: 0; }
.themeLandingPage .rightColumn { float: right; width: 540px; margin: 0 0 20px -20px; padding: 0; position: relative; left: 0; top: 0; }
.themeLandingPage .rightColumn .resources { float: left; margin: 0 0 0 20px; width: 250px; }

.themeLandingPage .leftColumn img { border: 1px solid #ddd; box-shadow: 2px 2px 5px #eaeaea; }

.bookLandingPage .bookLanguages { clear: both; }

.bookTabs ul, .bookTabs2 ul { margin: 0 0 20px 0; padding: 0 0 0 5px; list-style: none; float: left; width: 703px; border-bottom: 1px solid #8dbceb; }
.bookTabs ul li, .bookTabs2 ul li { display: inline; margin: 0; padding: 0; }
.bookTabs ul li a, .bookTabs2 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; z-index: 1; }
.bookTabs ul li a span, .bookTabs2 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; }
.bookTabs ul li a:hover, .bookTabs2 ul li a:hover { color: #444; }
.bookTabs ul li a.active, .bookTabs2 ul li a.active { background-position: 0 0 !important; color: #000 !important; border-bottom: none !important; }
.bookTabs ul li a.active span, .bookTabs2 ul li a.active span { background-position: 100% 0 !important; }

.ell .bookTabs ul li a, .decodable .bookTabs ul li a, .bookTabs2 ul li a { background: url(/images/tab-left-lg.png) 0 -100px no-repeat; height: auto !important; border-bottom: 1px solid #8dbceb; }
.ell .bookTabs ul li a.active, .decodable .bookTabs ul li a.active, .bookTabs2 ul li a.active { border-bottom: none !important; }
.ell .bookTabs ul li a span, .decodable .bookTabs ul li a span, .bookTabs2 ul li a span { background: url(/images/tab-right-lg.png) 100% -100px no-repeat; height: auto !important; padding: 8px 13px 8px 10px; text-align: center; font-size: 11px; font-weight: normal; line-height: 13px; color: #80abd6; }
.decodable .bookTabs2 ul li a span { padding-right: 8px; padding-left: 5px; height: 35px !important; }
.ell .bookTabs ul li a:hover span, .decodable .bookTabs ul li a:hover span , .bookTabs2 ul li a:hover span { color: #333; }
.ell .bookTabs ul li a.active span, .decodable .bookTabs ul li a.active span, .bookTabs2 ul li a.active span { border-bottom: none !important; padding-bottom: 9px;  color: #666 !important; }
.ell .bookTabs ul li a span strong, .bookTabs2 ul li a span strong { font-size: 15px; font-weight: bold; color: #4c82b9;  }
.decodable .bookTabs2 ul li a span strong { font-size: 12px; }
.ell .bookTabs ul li a:hover span strong, .decodable .bookTabs ul li a:hover span strong, .bookTabs2 ul li a:hover span strong { color: #333;  }
.ell .bookTabs ul li a.active span strong, .decodable .bookTabs ul li a.active span strong, .bookTabs2 ul li a.active span strong { color: #000 !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, .resourceMaterial ul.links li, .arrowStyleUl li  { margin: 0; padding: 0 8px; display: inline; border-left: 1px solid #8a8a8a; }
.bookLandingPage .nonBookLayout ul.links li { border-left: 0; }
.themeLandingPage ul.links { margin: 10px 0; padding: 2px 0; list-style: none; }
.themeLandingPage ul.links li { margin: 0; padding: 2px 8px; }
.themeLandingPage .resources p { margin: 0; padding-left: 10px; }
.bookLandingPage ul.links li:first-child, .resourceMaterial ul.links li:first-child, .arrowStyleUl li:first-child { padding: 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; }


.relatedResources { clear: both; }
.relatedResources h2 { border-bottom: 1px dashed #ccc; padding: 0 0 5px; margin: 0 0 20px;  }
.relatedResources .resources { position: relative; top: 0; left: 0; margin: 0 0 0 -20px; width: 728px; }
.relatedResources .resources a { display: block; float: left; width: 222px; margin: 0 0 20px 20px; text-decoration: none; color: #666; }
.relatedResources .resources a strong { color: blue; display: block; }
.relatedResources .resources a:hover strong { text-decoration: underline;; }
.relatedResources .resources a img { border: 1px solid #ddd; box-shadow: 2px 2px 5px #eaeaea; }
.relatedResources .resources a .book { display: block; padding: 0; margin: 0 0 5px;  }
.relatedResources .resources a .book .landscape { margin-top: 62px;  }

.relatedWebsites { clear: both; position: relative; top: 20px; left: 0; margin: 0 0 0 -20px; width: 728px; padding: 20px 0 0 0; color: #000; text-shadow: 1px 1px 0 #FFF; }
.relatedWebsites .website { display: block; float: left; width: 222px; margin: 0 0 20px 20px; text-decoration: none; color: #666; }
.relatedWebsites .website h2 { background: #fafa99; padding: 5px 10px; border-bottom: 1px solid #FFF;  }
.relatedWebsites .website .text { display: block; border-top: 1px solid #FFF; padding: 10px; background: #ffffcc; height: auto !important; min-height: 88px; height: 88px; color: #000; }
.relatedWebsites .website .text a { font-weight: bold; }


/*** 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;
	white-space: nowrap;
}
.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: 0 0 10px;
	font-size: 11px;
	color: #b1b1b1;
	padding: 0 0 8px;
	border-bottom: 1px solid #d8d8d8;
}
.breadcrumb .home {
	display: block;
	float: left;
	margin-top: 2px;
	margin-right: 3px;
	text-indent: -1000em;
	width: 15px;
	height: 12px;
	background: url(/images/breadcrumb-home.png) 0 0 no-repeat;
}
.breadcrumb a {
	text-decoration: none;
}
.expand .breadcrumb { /* on pages without a sidebar */
	margin-top: -10px;
}


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; }
#myZone .tcRightSide { height: 154px !important; min-height: 154px; margin-top: 3px;  }
#myZone .tcRightSide .shoutVideo { border: 0; }
#myZone .tcRightSide .shoutVideo img { box-shadow: 3px 3px 3px #DDD; border: 1px solid #EEE; } 

.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; }
#myZone .mainLinks { width: 728px; }
#myZone .mainLinks a { width: 222px; }


.tcRightSide .shout { border-top: 1px solid #b5d1ee; padding: 10px 0 10px; margin: 0 0 10px; line-height: 17px; }
.tcRightSide .first { border-top: 0; padding-top: 0; }
.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;  }

/*** MOVING THE ORDER AND SAMPLE LINKS NEXT TO THE LOGO ***/
#bundlebar .globalnav .order { right: 582px; }
#bundlebar .globalnav .samples { right: 471px; }

/*** SHOWING HEADSPROUT AS ACTIVE BUNDLE SITE ***/
#bundlebar-inner ul.bundleSites li#razLink { border: 1px solid #eaeaea; border-bottom: 0; background: #FFF; border-radius: 6px 6px 0 0; }
#bundlebar-inner ul.bundleSites li#razLink a { color: #000 !important; font-weight: bold; }

#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; line-height: 13px; }
	
/*** Non Member Top Banner ***/
.nonMemberTopBanner{position: relative; width:910px; height: 393px; padding: 0; margin: 0 0 20px;}
.nonMemberTopBanner a img{border:none; text-decoration:none;}
.nonMemberTopBanner .topBanner { position: absolute; top: 0; left: 0; width:910px; height: 393px; padding: 0; margin: 0; }
.nonMemberTopBanner #slider-1 { background: #ffdd8e url(/images/bg-nonMember.jpg) no-repeat; padding: 20px 36px; width: 838px; height: 353px;}
.nonMemberTopBanner .topBanner { color: #11337d; font-weight: bold; font-size:15px; line-height: 20px; }
.nonMemberTopBanner .topBanner h1 {margin: 0; padding: 0; color: #11337d; font-size: 45px; line-height: 55px; text-shadow: 1px 2px 0 #8a93ab; }
.nonMemberTopBanner .topBanner .sliderRight {position: absolute; width: 420px; top: 25px; right: 45px;}
.nonMemberTopBanner .topBanner .sliderRight a.bobVideo {color: #000; text-shadow: 1px 1px 0 #FFF; text-decoration: none; font-size: 19px; font-weight: normal; }
.nonMemberTopBanner .topBanner .sliderRight a.bobVideo span { display: block; padding: 5px; }
.nonMemberTopBanner .topBanner .sliderRight a.bobVideo strong { font-weight: bold; font-size: 19px; }
.nonMemberTopBanner .topBanner .sliderLeft { width: 355px; float:left;}
.nonMemberTopBanner .topBanner a.freeSamples { background: url(/images/button-banner-freesamples.png) no-repeat; display: block; height: 45px; width: 186px; margin: 20px 0 10px 0px; padding: 20px 0 0 75px;
	font-size: 16px; font-weight: bold; color: #000; text-decoration: none;  text-shadow: 1px 1px 0 #fff;}
.nonMemberTopBanner .topBanner a.freeSamples:hover { background-position: 0 -66px; }

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

.nonMemberTopBanner .topBanner a.order { background: url(/images/button-banner-order.png) no-repeat; display: block; height: 45px; width: 186px; margin: 0 0 0 0px; padding: 20px 0 0 75px;
	font-size: 18px; font-weight: bold; color: #FFF; text-decoration: none; text-transform: uppercase;}
.nonMemberTopBanner .topBanner a.order:hover { background-position: 0 -68px; }
.nonMemberTopBanner .rankedBurst-sm {width: 100px; height: 100px; background: url(/images/ranked1-burst-sm.png) 0 0 no-repeat; position: absolute; top: -10px; left: 325px; z-index: 10; text-indent: -1000000px;
}

/*** 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; }
#nonMemberTabs { position: relative; width:910px; height: 415px; padding: 0; margin: 0; }
#nonMemberTabs ul#tabArea { height: 39px; margin: 0 0 2px; padding: 0; list-style: none; background: url(/images/bg-nonMember-tabs.jpg) no-repeat; }
#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, #nonMemberTabs 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, #nonMemberTabs 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;  }
#nonMemberTabs ul#tabArea li#tab1-link { width: 109px; margin: 0 47px 0 46px; text-shadow: -1px -1px 0 #357C2E; }
#nonMemberTabs ul#tabArea li#tab2-link { width: 192px; margin: 0 36px 0 33px; text-shadow: -1px -1px 0 #8B053A; }
#nonMemberTabs ul#tabArea li#tab3-link { width: 121px; margin: 0 47px 0 54px; text-shadow: -1px -1px 0 #B57D2A; }
#nonMemberTabs ul#tabArea li#tab4-link { width: 145px; margin: 0 0 0 37px; text-shadow: -1px -1px 0 #091537;  }
#freeSamplesTabs ul#tabArea li#tab1-link:hover, #nonMemberTabs ul#tabArea li#tab1-link:hover { background: #37822F; text-shadow: -1px -1px 0 #204E1D; }
#freeSamplesTabs ul#tabArea li#tab2-link:hover, #nonMemberTabs ul#tabArea li#tab2-link:hover  { background: #9B0640; text-shadow: -1px -1px 0 #7B0434; }
#freeSamplesTabs ul#tabArea li#tab3-link:hover, #nonMemberTabs ul#tabArea li#tab3-link:hover{ background: #B57D2A; text-shadow: -1px -1px 0 #966823; }
#freeSamplesTabs ul#tabArea li#tab4-link:hover, #nonMemberTabs ul#tabArea li#tab4-link:hover { background: #132F79; text-shadow: -1px -1px 0 #091537; }
#freeSamplesTabs ul#tabArea li .arrow, #nonMemberTabs ul#tabArea li .arrow { display: none; }
#freeSamplesTabs ul#tabArea li.selected .arrow, #nonMemberTabs 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; }
#nonMemberTabs .slideDeck { height: 374px; overflow: hidden; position: relative; z-index: 1; }
#nonMemberTabs .tabber { position: absolute; bottom: 0; background: url(/images/bg-home-tabber.jpg) 0 bottom no-repeat #c3c3c3; width: 910px; height: 374px; font-size: 13px; line-height: 17px; text-shadow: 1px 1px 0 #FFF; color: #303030; z-index: 1; }
	#nonMemberTabs #tab1 { left: 0; }
	#nonMemberTabs #tab2 { left: 910px; }
	#nonMemberTabs #tab3 { left: 1820px; }
	#nonMemberTabs #tab4 { left: 2730px; }
#nonMemberTabs .tabber a img{border:none; text-decoration:none;}
	#freeSamplesTabs .tabber h2, #nonMemberTabs .tabber h2 { display: none; }
	#freeSamplesTabs .tabber strong, #nonMemberTabs .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; }
	#nonMemberTabs .tabber div { padding: 22px 20px 20px 375px; min-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;}
	
	#nonMemberTabs #tab1 div { background: url("/images/benefits-img.png") no-repeat scroll 17px 40px transparent; }
	#nonMemberTabs #tab2 div { background: url("/images/tab-leveled-reading-image.png") no-repeat scroll 17px 20px transparent;}
	#nonMemberTabs #tab3 div { }
	#nonMemberTabs div.commonCoreVideo{position:absolute; left:0; top: 0; padding:0;}
	
	#freeSamplesTabs .tabber ul, #nonMemberTabs .tabber ul { list-style: none; margin: 10px 0; padding: 0; }
	#freeSamplesTabs .tabber ul.list li, #nonMemberTabs .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; }
#nonMemberTabs .tabber a.order { top: 195px; }

#freeSamplesTabs ul.buttons, #nonMemberTabs ul.buttons  { margin-left: -10px; }
#freeSamplesTabs ul.buttons li, #nonMemberTabs ul.buttons li { display: inline; float: left; margin: 0 0 0 10px; }
#nonMemberTabs ul.buttons li { margin-left: 5px; }
#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;}
#nonMemberTabs a.freeSamples { background: url(/images/button-tab-freesamples-166.png) no-repeat; display: block; height: 35px; width: 120px; margin: 0px; padding: 15px 0px 0px 47px;
	font-size: 13px; font-weight: bold; color: #000; text-decoration: none;  text-shadow: 1px 1px 0 #fff;}
#freeSamplesTabs a.freeSamples:hover, #nonMemberTabs 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;}
	#nonMemberTabs a.trial { background: url(/images/button-tab-trial-166.png) no-repeat; display: block; height: 35px; width: 120px; margin: 0px; padding: 15px 0px 0px 47px;
	font-size: 13px; font-weight: bold; color: #000; text-decoration: none;  text-shadow: 1px 1px 0 #fff;}
#nonMemberTabs a.order2 { background: url(/images/button-tab-order-166.png) no-repeat; display: block; height: 35px; width: 120px; margin: 0px; padding: 15px 0px 0px 47px;
	font-size: 13px; font-weight: bold; color: #FFF; text-decoration: none;  text-shadow: none;}
#freeSamplesTabs a.trial:hover, #nonMemberTabs a.trial:hover, #nonMemberTabs a.order2:hover { background-position: 0 -51px; }

	/* TESTIMONIALS */
#freeSamplesTestimony, #nonMemberTestimony { width: 910px; height: 120px; padding: 0 0 20px 0; margin: 0 0 50px 0; position: relative; }
#nonMemberTestimony { background-color: #fffcc9; border: 1px solid #faec8b; }
#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, #nonMemberTestimony .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; }
#nonMemberTestimony .testimony {display: inherit;
padding: 19px 11px 0 0px;
float: right;
width: 375px;}
#freeSamplesTestimony .testimony p, #nonMemberTestimony .testimony p{ margin: 0; }
#freeSamplesTestimony .testimony p.user{ padding: 10px 0 0 40px; }
#nonMemberTestimony .testimony p.user{ padding: 10px 0 0 0px; }
#freeSamplesTestimony .testimony p.user strong, #nonMemberTestimony .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;}
#nonMemberTestimony .logos{float:left; padding-left:20px; width: auto; padding-top: 25px;}
#nonMemberTestimony .logos img{margin-right:12px; display:inline-block;}
#nonMemberTestimony .logosstacked{float:left; padding-left:20px; width: auto; padding-top: 13px;}
#nonMemberTestimony .divider{border-bottom: 1px solid #d4d4d4; margin-bottom: 7px; margin-top: -11px;}


/*** 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: 218px; height: 124px; }
#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, .bookLandingPage 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; }
.bookLandingPage h2.samples { background: none; width: 100%; height: auto; text-shadow: none; }

.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; width: 225px; } 
.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; }



#fileCabinetCart { display: block; width: 126px; position: absolute; top: -13px; right: -10px; text-decoration: none; text-align: left; line-height: 15px; font-size: 12px; color: #666; font-family: Arial,Verdana,Helvetica,sans-serif;}
#fileCabinetCart #CartNumber { display: block; width: 35px; height: 18px; padding: 8px 0 0 0; background: url(/images/file-cabinet-cart.png) 0 0 no-repeat; color: #FFF; font-size: 17px; font-weight: bold; text-align: center; float: left; margin: 3px 10px 0 0;  }
#fileCabinetCart .CartLink { color: #055bad; text-decoration: underline; }
#fileCabinetCart:hover .CartLink { text-decoration: none; }

.benchmarkPassagePage { position: relative; left: -20px; width: 755px; 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; white-space: nowrap; }

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: #055bad; }
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: #055bad; }
.moreBooks a:hover {  }
.moreBooks a:hover strong { text-decoration: underline; }
.moreBooks a:hover img { border-color: #666; }

.recommendationsBanner { clear: both; overflow-x: hidden; background: #c2d8ed url(/images/bg-recommendations3.jpg) no-repeat; border-radius: 10px; width: 720px; height: auto; position: relative; color: #FFF; text-shadow: 1px 1px 0 #FFF; z-index:1; padding-bottom: 40px }
.changeGradeTabs { }
.changeGradeTabs ul { margin: 0; padding: 0; list-style: none; float: left; width: 709px; padding: 0 0 0 10px; position: relative; z-index: 1; top: 1px; }
.changeGradeTabs ul li { margin: 0; padding: 0; list-style: none; display: inline; }
.changeGradeTabs ul li a { margin: 0 0 0 1px; display: block; text-align: center; background: url(/images/tab-popularbooks.png) 0 -26px no-repeat; width: 98px; height: 26px; float: left; color: #666; text-decoration: none; text-shadow: 1px 1px 0 #FFF; line-height: 28px; }
.changeGradeTabs ul li a:focus {outline: 0;}
.changeGradeTabs ul li.active a { background-position: 0 0; color: #000; }
.changeGradeTabs ul li a:hover {color: #000; }
.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 .slideDeck { height: 620px; overflow: hidden; position: relative; margin: 0 50px 0; z-index: 1; }
.recommendationsBanner .slider { position: absolute; width: 585px; height: auto; padding: 40px 15px 0; z-index: 1; top: 0; } 
.recommendationsBanner #slider-1 { left: 0; } 
.recommendationsBanner #slider-2 { left: 615px; } 
.recommendationsBanner #slider-3 { left: 1230px; } 
.recommendationsBanner .slider .divider { background: #FFF; height: 1px; border-top: 1px solid #6893ba; clear: both; padding: 0; margin: 0 0 20px 0; overflow: hidden; } 
.recommendationsBanner .slider a { display: block; width: 175px; float: left; padding: 0 10px; text-decoration: none;  text-align: center; margin-bottom: 15px; position: relative; z-index: 1; }
.recommendationsBanner .slider a.landscapeBook { margin-top: 62px; }
.recommendationsBanner .slider a.landscapeBook img.thumbnail { width: 175px; height: 113px; }
.recommendationsBanner .slider a.portraitBook img.thumbnail { width: 113px; height: 175px; }
.recommendationsBanner .slider a strong { display: block; font-size: 15px; line-height: 16px; }
.recommendationsBanner .slider a span { font-size: 11px; color: #333; }
.recommendationsBanner .slider a:hover strong { text-decoration: underline; }
.recommendationsBanner .slider a img.thumbnail { margin: 0 0 9px 0; box-shadow: 3px 3px 3px #97aabb; border: 1px solid #a0a3a5; }

#recommendationsBanner .slider a span.level { position: absolute; top: 144px; left: 50%; z-index: 3; margin-left: -13px; }
#recommendationsBanner .slider a.landscapeBook span.level { top: 82px; }
#recommendationsBanner .slider a span.whiteLine { display: block; position: absolute; top: 157px; left: 50%; z-index: 2; margin-left: -18px; width: 36px; height: 5px; background: #FFF;  }
#recommendationsBanner .slider a.landscapeBook span.whiteLine { top: 101px; }



.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 { cursor: pointer; position: absolute; text-indent: 1000em; top: 260px; left: 20px; display: block; width: 28px; height: 56px; background: url(/images/button-slider-previous.png) 0 0 no-repeat; }
.recommendationsBanner #arrowNext { cursor: pointer; position: absolute; text-indent: 1000em; top: 260px; right: 20px; display: block; width: 28px; height: 56px; 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: right; width: 279px; 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; }

.hotSearchTopics { background: url(/images/bg-clouds.jpg) 0 0 no-repeat; height: auto !important; min-height: 600px; height: 600px; }
.hotSearchTopics h1 { padding-bottom: 0 !important; }
.hotSearchTopics p { font-size: 14px; }

.cloud { font-size: 12px; line-height: auto !important; text-align: center; padding: 10px; height: auto !important; min-height: 145px; height: 145px; }
.cloud a { padding-right: 15px; color: #055bad !important; }
.cloud a.large { font-size: 22px; }
.cloud a.medium { font-size: 18px; }
.cloud a.smallCloud { font-size: 14px; }
.hotSearchTopics .searchBar { background: url(/images/bg-search.png) 0 0 no-repeat; position: relative; height: 50px; }
.hotSearchTopics .searchBar #advLink { cursor:pointer; display: block; width: 74px; height: 20px; padding: 7px 0 0 9px; background: url(/images/button-advanced.png) 0 0 no-repeat; position: absolute; top: 9px; left: 15px; font-size: 11px; color: #383838; text-shadow: 1px 0 0 #f4f4f4; text-decoration: none; }
.hotSearchTopics .searchBar #advLink:hover, .hotSearchTopics .searchBar #advLink.active { background-position: 0 -27px; color: #000; }
.hotSearchTopics .searchBar #searchTerms { border: 0; background: #FFF; width: 445px; margin: 14px 0 0 100px; }
.hotSearchTopics .searchBar #Submit {
	background: url(/images/button-search.png) no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 27px;
    line-height: 0;
    margin: 0;
    padding: 0;
    text-indent: -1000em;
    width: 73px;
    position: absolute; top: 9px; right: 80px;
}
.hotSearchTopics .searchBar #advancedSearchPopup { position: absolute; top: 38px; left: -28px;  }
.hotSearchTopics .searchBar #advancedSearchPopup #advancedSearchMenus { background: #d8e8f6; border-radius: 10px; padding: 20px 20px 10px 0px; font-size: 11px !important; }
.hotSearchTopics .searchBar #advancedSearchPopup #advancedSearchMenus table tr td select { font-size: 11px !important; }
.hotSearchTopics .searchBar #advancedSearchPopup #advancedSearchMenus table tr td { font-size: 11px !important; }
.hotSearchTopics .searchBar #advancedSearchPopup #advancedSearchMenus .submitButton { display: none; }
.hotSearchTopics .searchBar #advancedSearchPopup .arrow { position: relative; top: 1px; left: 73px; background: url(/images/arrow-blue-up.png) 0 0 no-repeat; display: block; width: 21px; height: 11px; }
.hotSearchTopics .searchBar #advancedSearchPopup .close { cursor: pointer; position: absolute; top: 14px; right: 3px; background: url(/images/button-advanced-search-close.png) 0 0 no-repeat; display: block; width: 20px; height: 20px; text-indent: -10000em; }
.hotSearchTopics .searchBar #advancedSearchPopup .close:hover { background-position: 0 -20px; }

.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; }

.yourFileCabinet .leftColumn { position: relative;  background: url(/images/bg-filecabinet.png) 0 35px repeat-x; height: auto !important; min-height: 357px; height: 357px; }
.yourFileCabinet .leftColumn h2 {  background: #82ba3e; color: #000; padding: 8px 10px 8px 10px; font-size: 15px; line-height: 17px; margin: 0; text-shadow: 1px 1px 0 #b0df77; border-bottom: 1px solid #FFF; }
.yourFileCabinet .leftColumn h2.activeFolder {  background: #82ba3e url(/images/folder-h2-open.png) 10px 7px no-repeat; padding-left: 40px;}
.yourFileCabinet .leftColumn h2.activeFolderStar {  background: #82ba3e url(/images/folder-h2-open-star.png) 10px 7px no-repeat; padding-left: 40px;}
.yourFileCabinet .leftColumn h2 span { font-size: 11px; font-weight: normal; float: right; }
.yourFileCabinet .leftColumn h2 span select { font-size: 11px; }
.yourFileCabinet .folderInfo { border-top: 1px solid #FFF; padding-top: 10px; }
.yourFileCabinet .folderInfo a.editFolder { margin-left: 10px; }
.yourFileCabinet .folderInfo .folderDescription { margin: 10px; }
.yourFileCabinet .folderInfo ul.listFolders { list-style: none; margin: 0px; padding: 0; }
.yourFileCabinet .folderInfo ul.listFolders li { list-style: none; margin: 0px; padding: 0; position: relative; }
.yourFileCabinet .folderInfo ul.listFolders li a { text-decoration: none; display: block; padding: 12px 0 20px 68px; background: url(/images/folder-large-closed.png) 10px 5px no-repeat; }
.yourFileCabinet .folderInfo ul.listFolders li a.starred { background: url(/images/folder-large-closed-star.png) 10px 5px no-repeat; }
.yourFileCabinet .folderInfo ul.listFolders li a strong { text-decoration: underline; }
.yourFileCabinet .folderInfo ul.listFolders li a:hover strong { text-decoration: none; }
.yourFileCabinet .folderInfo ul.listFolders li a span { text-decoration: none; color: #333; font-weight: normal; font-size: 11px; }
.yourFileCabinet .folderInfo ul.listFolders li .folderDescription { display: block; font-size: 12px; margin: 5px 0 0 0; }

.yourFileCabinet .leftColumn .folderInfo ul.listFolders ul { padding-bottom: 10px;  }
.yourFileCabinet .leftColumn .folderInfo ul.listFolders li { border-bottom: 1px dashed #ccc;  }
.yourFileCabinet .leftColumn .folderInfo ul.listFolders li li { padding: 0 0 0 20px; border-bottom: 0;  }
.yourFileCabinet .folderInfo ul.listFolders li li a { text-decoration: none; display: block; padding: 3px 0 3px 23px; background: url(/images/folder-small-closed.png) 0px 3px no-repeat; }
.yourFileCabinet .folderInfo ul.listFolders li li a.starred { background: url(/images/folder-small-closed-star.png) 0px 3px no-repeat; }
.yourFileCabinet .folderInfo ul.folderPage li a { font-size: 14px; font-weight: bold; padding-bottom: 5px; }
.yourFileCabinet .folderInfo ul.folderPage li li a, .yourFileCabinet .folderInfo ul.folderPage li li a strong { font-size: 12px; font-weight: normal !important; }
.yourFileCabinet .folderInfo ul.folderPage li ul { margin-top: 0;  }
.yourFileCabinet .folderInfo ul.folderPage li { padding-top: 10px;  }

.yourFileCabinet .folderInfo ul.listResources { list-style: none; margin: 0px; padding: 0; color: #666; font-size: 11px; height: auto !important; min-height: 400px; height: 400px; }
.yourFileCabinet .folderInfo ul.listResources li { border-radius: 5px; text-shadow: 1px 1px 0 #FFF; list-style: none; margin: 0px; padding: 10px 70px 10px 0px; clear: both; float: left; width: 408px; position: relative; }
.yourFileCabinet .folderInfo ul.listResources li .image { float: left; margin: 0 10px 0 0; width: 57px; text-align: center;  }
.yourFileCabinet .folderInfo ul.listResources li img { border: 1px solid #ccc; box-shadow: 1px 1px 3px #CCC; }
.yourFileCabinet .folderInfo ul.listResources li img.landscape { width: 55px; height: 36px; }
.yourFileCabinet .folderInfo ul.listResources li img.portrait { width: 36px; height: 55px; }
.yourFileCabinet .folderInfo ul.listResources a { font-size: 12px; }

.yourFileCabinet .folderInfo ul.listResources li a.move { display: none; position: absolute; top: 27px; right: 6px; width: 61px; height: 19px; padding-top: 3px; text-align: center; background: url(/images/button-file-cabinet-01.png) 0 0 no-repeat; color: #FFF; text-decoration: none; text-shadow: 1px 1px 0 #426a14; }
.yourFileCabinet .folderInfo ul.listResources li a.delete { display: none; position: absolute; top: 8px; right: 8px; background: url(/images/icon-delete.png) right top no-repeat; font-size: 11px; color: red; padding-right: 19px; }

.yourFileCabinet .folderInfo ul.listResources li:hover, .yourFileCabinet .folderInfo ul.listResources li.open { background: #defabb; box-shadow: 5px 5px 5px #eaeaea; }
.yourFileCabinet .folderInfo ul.listResources li:hover a.move, .yourFileCabinet .folderInfo ul.listResources li.open a.move { display: block !important; }
.yourFileCabinet .folderInfo ul.listResources li:hover a.delete, .yourFileCabinet .folderInfo ul.listResources li.open a.delete { display: block !important; }
.yourFileCabinet a.move:hover { background-position: 0 -22px !important; }

.fileCabinetPopup { display: none; z-index: 15; position: absolute; padding: 10px; width: 220px; background: #f4fceb; border: 1px solid #6a8e3e; border-radius: 10px; box-shadow: 2px 2px 5px #CCC; text-shadow: 1px 1px 0 #FFF; }
.fileCabinetPopup2 { padding: 10px; width: 220px; background: #f4fceb; border: 1px solid #6a8e3e; border-radius: 10px; box-shadow: 2px 2px 5px #CCC; text-shadow: 1px 1px 0 #FFF; }
#moveCopyPopup { top: 248px; right: -82px; }
#folderOptionsPopup { top: 67px; left: -62px; }
#addFolderPopup { top: 36px; right: -259px; }
.fileCabinetPopup strong, .fileCabinetPopup2 strong { display: block; padding: 0 18px 10px 0; color: #3b5f0f; }
.fileCabinetPopup label, .fileCabinetPopup2 label { display: block; padding: 0 0 3px; }
.fileCabinetPopup input.inputbox, .fileCabinetPopup textarea, .fileCabinetPopup select, .fileCabinetPopup2 input.inputbox, .fileCabinetPopup2 textarea, .fileCabinetPopup2 select { font-size: 12px; width: 214px; margin: 0 0 10px 0; font-family: arial, sans-serif; }
.fileCabinetPopup textarea, .fileCabinetPopup2 textarea { height: 50px; }
.fileCabinetPopup select, .fileCabinetPopup2 select { width: 220px; }
.fileCabinetPopup input.checkbox, .fileCabinetPopup2 input.checkbox { margin: 0 3px 10px 0; }
.fileCabinetPopup button, .fileCabinetPopup2 button, .fileCabinetPopup2 .button { margin: 10px 8px 0 0; color: #FFF; background: #487313; border: 0; border-radius: 8px; font-weight: bold; font-size: 11px; padding: 3px 10px; cursor: pointer; text-shadow: none; }
.fileCabinetPopup button:hover, .fileCabinetPopup2 button:hover { text-shadow: -1px -1px 0 #2c4808; }
.fileCabinetPopup a.deleteLink, .fileCabinetPopup2 a.deleteLink { font-size: 11px; color: red; background: url(/images/icon-delete.png) right top no-repeat; padding-right: 19px; }
.fileCabinetPopup .arrow { background: url(/images/arrow-up-filecabinet.png) 0 0 no-repeat; position: absolute; top: -8px; left: 113px; width: 15px; height: 9px; display: block; }
#addFolderPopup .arrow { left: 165px; }.fileCabinetPopup2 .arrow { position: absolute; width: 15px; height: 9px; z-index: 10; }
.fileCabinetPopup2 .arrow-top, .fileCabinetPopup2 .arrow-topleft, .fileCabinetPopup2 .arrow-topright { background: url(/images/arrow-up-filecabinet.png) 0 0 no-repeat; top: -8px; }
.fileCabinetPopup2 .arrow-bottom, .fileCabinetPopup2 .arrow-bottomleft, .fileCabinetPopup2 .arrow-bottomright { background: url(/images/arrow-down-filecabinet.png) 0 0 no-repeat; bottom: -8px; }
.fileCabinetPopup .close, .fileCabinetPopup2 .close { display: block; position: absolute; top:  5px; right: 5px; width: 20px; height: 20px; text-indent: -10000em; background: url(/images/button-file-cabinet-close.png) 0 0 no-repeat;}
.fileCabinetPopup .close:hover, .fileCabinetPopup2 .close:hover { background-position: 0 -20px; }
.fileCabinetPopup2 .error { color: red; background: yellow; padding: 2px 5px; margin: 0 0 5px; border-radius: 3px; }

#fileCabinetPopOut-overlay { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60); }

.yourFileCabinet .rightColumn h2 { position: relative; }
.yourFileCabinet .rightColumn h2 a.add { position: absolute; top: 6px; right: 10px; width: 61px; height: 19px; padding-top: 3px; text-align: center; background: url(/images/button-file-cabinet-01.png) 0 0 no-repeat; color: #FFF; text-decoration: none; text-shadow: 1px 1px 0 #426a14; font-size: 12px; font-weight: normal; }
.yourFileCabinet .leftColumn h2 a.add { width: 61px; height: 19px; padding-top: 3px; text-align: center; background: url(/images/button-file-cabinet-01.png) 0 0 no-repeat; color: #FFF; text-decoration: none; text-shadow: 1px 1px 0 #426a14; font-size: 12px; font-weight: normal; display: block; }
.yourFileCabinet a.add:hover { background-position: 0 -22px !important; }

.yourFileCabinet .fileCabinetNew { margin-top: 30px; font-size: 15px; }
.yourFileCabinet .fileCabinetNew a.add {
    background: url("/images/button-file-cabinet-01.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    height: 19px;
    padding-top: 3px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 #426A14;
    width: 61px;
    display: inline-block;
}

ul.folderOptionList{ margin: 0; padding: 0; list-style: none; }
ul.folderOptionList li { margin: 0; padding: 0; display: inline; }
ul.folderOptionList li.subFolder { margin: 0 10px; padding: 0 10px; border-left: 1px solid #C4ED96; }
.yourFileCabinet .rightColumn ul.folders, .yourFileCabinet .rightColumn ul.folders ul { margin: 0 !important; font-size: 12px; /* padding: 0 10px 0 10px; */}
.yourFileCabinet .rightColumn ul.folders li { border-bottom: 1px dashed #FFF; padding: 0px!important; margin: 0 !important; }
.yourFileCabinet .rightColumn ul.folders li li { border-bottom: 0; margin-left: 0px !important; }
.yourFileCabinet .rightColumn ul.folders li a { text-decoration: none; display: block; padding: 6px 0 6px 32px !important; margin: 0 !important; background: url(/images/folder-small-closed.png) 10px 7px no-repeat; position: relative; }
.yourFileCabinet .rightColumn ul.folders li a strong { /* text-decoration: underline; */ font-weight: normal; }
.yourFileCabinet .rightColumn ul.folders li a:hover strong { text-decoration: none;  }
.yourFileCabinet .rightColumn ul.folders li a.starred { background-image: url(/images/folder-small-closed-star.png); }
.yourFileCabinet .rightColumn ul.folders li a.active { background-image: url(/images/folder-small-open.png); background-color: #FFFFFF; border-bottom: 1px solid #ccc; height: 13px;}
.yourFileCabinet .rightColumn ul.folders li a.active-starred { background-image: url(/images/folder-small-open-star.png); background-color: #DDF3C2; }
.yourFileCabinet .rightColumn ul.folders li li a { padding-left: 52px !important; background-position: 30px 7px; /* background: #fff; */}
.yourFileCabinet .rightColumn ul.folders li a span { color: #666; font-size: 10px; }
.yourFileCabinet .rightColumn ul.folders li a.active .arrow, .yourFileCabinet .rightColumn ul.folders li a.active-starred .arrow { background: url(/images/folder-active-arrow-white.png) 0 0 no-repeat; position: absolute; top: 0; left: -13px; width: 13px; height: 25px; display: block; } 

.yourFileCabinet .rightColumn ul.recentAdditions { margin: 0; padding: 0; font-size: 12px; }
.yourFileCabinet .rightColumn ul.recentAdditions li { background: url(/images/arrow-filecabinet.png) 0 9px no-repeat; padding: 5px 0 5px 8px !important; margin: 0; }
.yourFileCabinet .rightColumn ul.recentAdditions li img {position: relative; top: 1px; }

.yourFileCabinet #paginationInner {
    text-align: center;
    background: none repeat scroll 0 0 #EFEFEE;
    margin: 40px 0 0;
    padding: 8px 12px;
    clear: both;
}
.yourFileCabinet ul#ulPagination {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.yourFileCabinet ul#ulPagination li {
    display: inline;
    margin: 0;
    padding: 0;
}
.yourFileCabinet ul#ulPagination li.prev {
    border-right: 1px solid #999999;
    color: #999999;
    margin-right: 10px;
    padding: 0 17px 0 0;
}
.yourFileCabinet ul#ulPagination li.next {
    border-left: 1px solid #999999;
    color: #999999;
    margin-left: 10px;
    padding: 0 0 0 17px;
}
.yourFileCabinet ul#ulPagination li.next a.notactive, .yourFileCabinet ul#ulPagination li.prev a.notactive {
    color: #999999;
    text-decoration: none;
}
.yourFileCabinet ul#ulPagination li.next a, .yourFileCabinet ul#ulPagination li.prev a {
    display: inline-block;
    padding: 4px 0;
}
.yourFileCabinet ul#ulPagination li.active a {
    border: 1px solid #EFEFEE;
    color: #000000;
    display: inline-block;
    font-weight: bold;
    padding: 4px;
    text-decoration: none;
}
.yourFileCabinet ul#ulPagination li.notactive a {
    border: 1px solid #EFEFEE;
    display: inline-block;
    padding: 4px;
}
.yourFileCabinet ul#ulPagination li.notactive a:hover{
	background: #fff;
	border: 1px solid #003399;
	text-decoration:none;
	color: #F00 !important;
}
.yourFileCabinet ul#ulPagination li.active a  {
	font-weight:bold;
	color: #000;
	text-decoration: none;
	display: inline-block;
	padding: 4px 4px;
	border: 1px solid #efefee;
}
.yourFileCabinet a.projectableBookLink { padding-right: 10px; }

.bookResources ul.links  {  }
ul.links li.AddFileCabinet { border: 0; margin: 0; padding: 0 0 0 5px;  }
a.AddtoFileCabinet {  background: url(/images/ico-add-file-cabinet.png) no-repeat scroll right 2px transparent;
    padding: 0 12px 0 2px; text-decoration: none; }
a.AddPagetoFileCabinet {  background: url(/images/ico-add-file-cabinet.png) no-repeat scroll left 2px transparent;
    padding: 0 0 0 16px; display: block; margin: 20px 0 0; clear: left;   }
ul.links li.AddFileCabinet a.AddtoFileCabinet {  background-position: 0 2px; }

.currentFilter { background: none repeat scroll 0 0 #CDE3B2;
    clear: both;
    color: #333333;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px 10px;
    text-shadow: 1px 1px 0 #FFFFFF; }


/*** LITERATURE CIRCLE BOOKS ***/
#litCircleBooks {
	
}

#litCircleBooks .shout1 {
	position: relative;
	top: -10px;
	margin: 0 0 -10px 20px;
	float: right;
	width: 238px;
	padding: 10px;
	border: 1px solid #ac3578;
	border-radius: 10px;
	background: #680e40 url(/images/bg-lcb-shout1.png) 0 0 repeat-x;
	color: #FFF;
}

#litCircleBooks .shout1 h2 {
	color: #FFF;
	margin: 0;
	padding: 0 0 5px;
	font-size: 16px;
}

#litCircleBooks .shout1 ul {
	margin: 0 0 0 15px;
	padding: 0;
}

#litCircleBooks .shout1 ul li {
	margin: 0;
	padding: 3px 0;
}

#litCircleBooks .shout1 a {
	color: #FFF;
}

#litCircleBooks .bookTabs ul li a,
#compPassages .bookTabs ul li a,
.bookTabs.largeBookTabs ul li a
	{
	font-size: 15px;
}

#litCircleBooks .bookLinks {
	clear: both;
	position: relative;
	z-index: 1;
}

#litCircleBooks #levelBar {
	margin-top: 0;
}

#litCircleBooks .downloads,
#compPassages .downloads,
.downloads,
.series {
	float: left;
	left: -30px;
	padding: 0;
	position: relative;
	top: 0;
	width: 738px;
}

#litCircleBooks .bookSample {
	margin-top: 10px;
}

#litCircleBooks .downloads .prod,
#compPassages .downloads .prod,
.downloads .prod,
.series .prod {
	border-top: 10px solid #E4EFFA;
	float: left;
	margin: 0 0 20px 30px;
	padding: 10px 0 0;
	width: 339px;
}

#litCircleBooks #teacher .downloads .prod,
#litCircleBooks #student .downloads .prod
	{
	width: 216px !important;
	margin-bottom: 5px !important;
}

.prod.smaller {
	width: 216px !important;
	margin-bottom: 5px !important;
}

#compPassages .downloads .prod {
	width: 339px;
}

#litCircleBooks #book .downloads .prod .razBook,
.downloads .prod .razBook,
.bookSample .razBook {
	float: left;
	height: 115px;
	margin: 0 10px 0 0;
	padding: 0;
	text-align: center;
	width: 102px;
}

#litCircleBooks #book .downloads .prod .razBook img,
.downloads .prod .razBook img,
.bookSample .razBook img
	{
	border: 1px solid #DDDDDD;
	box-shadow: 2px 2px 5px #EAEAEA;
}

#litCircleBooks .downloads .prod h3,
#litCircleBooks .bookSample h3,
#compPassages .downloads .prod h3,
.downloads .nonBookLayout h3
	{
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 10px;
	background: none;
	line-height: 20px;
}

.downloads .nonBookLayout h3 {
	padding-bottom: 0px;
}
#compPassages .downloads .prod h3 {
	padding-bottom: 0px;
}

#litCircleBooks .downloads .prod h3 span,#litCircleBooks .bookSample h3 span,#compPassages .downloads .prod h3 span
	{
	font-size: 11px;
	font-weight: normal;
}

#litCircleBooks .downloads .prod ul.downloadLinks,#compPassages .downloads .prod ul.downloadLinks,.downloads .prod ul.downloadLinks,ul.resourceLinks
	{
	list-style: none outside none;
	margin: 5px 0 10px;
	padding: 2px 0;
}

#litCircleBooks .downloads .prod ul.downloadLinks li,#compPassages .downloads .prod ul.downloadLinks li,.downloads .prod ul.downloadLinks li,ul.resourceLinks li
	{
	border-bottom: 0 none;
	list-style: none outside none;
	margin: 0;
	padding: 2px 0;
}

ul.resourceLinks li {
	display: inline;
}

#litCircleBooks h4 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#compPassages.closeReading .downloads .bookLinks .prod ul li a.pdf {
	color: #055bad;
	text-decoration: underline;
	font-weight: normal;
}

#compPassages.closeReading .downloads .bookLinks .prod img.thumbnail,
.downloads .prod img.thumbnail,
.series .prod img.thumbnail {
	border: 1px solid #DDDDDD;
	box-shadow: 2px 2px 5px #EAEAEA;
	float: left;
	height: 100px;
	margin: 5px 0 0 0;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 65px;
}
.prod img.thumbnail.logo {
	border: none;
	width: auto;
	height: auto;
	max-width: 100px;
	max-height: 100px;
	box-shadow: none;
}

#compPassages.closeReading .downloads .bookLinks .prod img.thumbnail.landscape,
.downloads .prod img.thumbnail.landscape,
.series .prod img.thumbnail.landscape
	{
	width: 100px;
	height: 65px;
}

#compPassages.closeReading .downloads .bookLinks .prod.larger .prodText,
.downloads .prod.larger .prodText,
.series .prod.larger .prodText
	{
	float: right;
	width: 225px;
}

.downloads a.prod,
.series .prod {
	color: #666;
}

.downloads a.prod strong,
.series .prod strong {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #055bad;
	margin-top: 5px;
	margin-bottom: 5px;
}

.downloads a.prod:hover,
.series .prod:hover {
	border-color: #A6CAEE;
}

.downloads a.prod:hover strong,
.series .prod:hover strong {
	text-decoration: underline;
}

#compPassages.closeReading.visualDevices .downloads .bookLinks .prod img.thumbnail { height: 100px; width: 77px; }
#compPassages.closeReading.visualDevices .downloads .bookLinks .prod img.thumbnail.landscape  { height: 77px; width: 100px; }

#compPassages .downloads .prod .objective { color: #333; }
#compPassages .downloads .prod .classification { font-size: 11px; } 
#compPassages .downloads .bookLinks .prod ul li a { color:#000; text-decoration: none; font-weight: bold;  } 
#compPassages .downloads .bookLinks .prod ul li a strong { color:#055bad; text-decoration: underline; font-weight: normal; } 
#compPassages .downloads .bookLinks .prod ul li a:hover strong {  text-decoration: none; } 
#compPassages .compPassagesBanner { float: right; background: #5AB2D7 url(/images/bg-ell-banner.jpg) 0 0 no-repeat; border-radius: 10px; width: 284px; padding: 10px; position: relative; z-index: 1; color: #FFF; text-shadow: 1px 1px 0 #2B85A9; font-size: 13px; line-height: 18px; }
#compPassages .compPassagesBanner ul { margin: 0 0 10px 15px; padding: 0; }
#compPassages .compPassagesBanner ul li { padding: 3px 0; margin: 0; }
#compPassages .compPassagesBanner h2 { color: #DAF3FB; font-size: 16px; padding-bottom: 10px; }
#compPassages .additionalMaterials { border-top: 1px dashed #ccc; padding: 20px 0 0 0; margin: 0 0 0 30px; clear: both; }
#compPassages .bookLandingPage .additionalMaterials h2 { padding: 0 0 10px; font-size: 18px; background: none; width: auto; height: auto; text-shadow: none; }
#compPassages .bookLandingPage .additionalMaterials .downloads .prod ul.downloadLinks li a  { font-weight: normal; text-decoration: underline; color: #055bad; }
#compPassages .bookLandingPage .additionalMaterials .downloads .prod ul.downloadLinks li a:hover  { text-decoration: none; }
#compPassages .bookLandingPage .additionalMaterials .downloads .prod ul.downloadLinks li a:visited {color: #551A8B;}

#litCircleBooks .bookLinks .tipVideo { position: absolute; top: 10px; right: 0; }
#litCircleBooks .bookLinks hr { clear: both; }
.tipVideo { display: block; background: #FEFEFE url(/images/bg-tip-videos.png) 0 0 repeat-x; border: 1px solid #ccc; padding: 5px; width: 138px; border-radius: 5px; }
.tipVideo img.video { float: left; margin: 0 10px 0 0; border: 1px solid #ccc; box-shadow: 3px 3px 3px #ccc; }
.tipVideo strong { font-weight: normal; padding-top: 5px; display: block; }
.tipVideo .icon, span.videoIcon {background: url("/shared/images/video-icon.png") no-repeat scroll 100% 0 transparent; display: inline-block !important; margin-top: 5px; height: 10px; width: 12px; }
.tipVideo:hover { border: 1px solid #C8C8C8; background: #E7E9EB; }

#litCircleBooks .bookLinks .videoTipsRight { float: right; }
#litCircleBooks .bookLinks .videoTipsRight .tipVideo { position: relative; top: 0; width: 260px; overflow: auto; margin: 0 0 10px 30px}

#litCircleBooks .bookLinks .tipsVideos { position: relative; left: -10px; width: 725px; overflow: auto; }
#litCircleBooks .bookLinks .tipsVideos h4 { margin-left: 10px; }
#litCircleBooks .bookLinks .tipsVideos .tipVideo { position: relative; float: left; margin: 0 0 20px 10px; top: 0; width: 157px; text-align: center; }
#litCircleBooks .bookLinks .tipsVideos .tipVideo img.video { float: none; margin: 0; }

#flashdiv1Inner { background: #eee; }
#flashdiv1Inner img.bookCover { border: 1px solid #ccc; box-shadow: 2px 2px 5px #ddd;  }
#flashdiv1Inner img.bookCoverportrait { width: 169px; height: 262px; margin-top: 7px; }
#flashdiv1Inner img.bookCoverlandscape { width: 255px; height: 165px; margin-top: 7px; }

/*** PAIRED BOOKS ***/
.downloads .levelSeparator {
	margin-left: 30px !important;
}
.resourceLinks {
	background: #e6e6e6;
	padding: 6px 10px;
	clear: both;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}
	.resourceLinks ul {
		display: block;
		text-align: center;
		margin: 0;
	}
	.resourceLinks ul li {
		display: inline-block;
	}
.paired {
	float: left;
	width: 348px;
	margin: 0 0 30px 30px;
	border: solid 1px #d1d1d1;
	border-radius: 10px;
}	
.paired .pairedBooks.levelList {
	width: auto;
	float: none;
	margin: 0;
}
	.paired .pairedBooks.levelList .categoryList > li {
		width: 50%;
		min-height: 218px;
		float: left;
		box-sizing: border-box;
		padding-bottom: 15px;
		border-bottom: solid 1px #fff;
	}
		.paired .pairedBooks.levelList .categoryList > li:first-child {
			border-right: solid 1px #d1d1d1;
		}	
		.paired .pairedBooks.levelList .categoryList > li:hover {
			background: #f4f4f4;
		}
			.paired .pairedBooks.levelList .categoryList > li:first-child:hover {
				border-radius: 10px 0 0 0;
			} 
			.paired .pairedBooks.levelList .categoryList > li:last-child:hover {
				border-radius: 0 10px 0 0;
			}	
	.paired .pairedBooks.levelList a {
		display: block;
		float: none;
		width: auto;
		min-height: 0;
		padding-right: 0;
		padding-bottom: 1px;
		text-align: center;
	}
	.paired .pairedBooks.levelList a img.thumbnail {
		margin-left: auto;
		margin-right: auto;
	}
	.paired .pairedBooks.levelList .textType {
		display: block;
		background: #cfe1f1;
		padding: 7px 10px;
		margin: 0 0 15px 0;
		color: #1f77c9;
		font-size: 15px;
		font-weight: bold;
		border-bottom: solid 1px #fff;
	}
		.paired .pairedBooks.levelList li:first-child .textType {
			border-radius: 9px 0 0 0;
		}
		.paired .pairedBooks.levelList li:last-child .textType {
			border-radius: 0 9px 0 0;
		}
		.paired .pairedBooks.levelList .textType.nonfiction {
			background: #dbebca;
			color: #5b9619;
		}
	.paired .pairedBooks.levelList strong {
		padding: 0 10px;
	}	

/* PAIRED BOOKS ON BOOK DETAIL PAGE */
.additionResources .paired {
	margin-left: 0;
	float: none;
	width: auto;
	margin-top: 15px;
}
	.additionResources .paired .pairedBooks.levelList {
		margin: 0;
	}
	.additionResources .paired .pairedBooks.levelList .categoryList > li {
		padding: 0;
		min-height: 185px;
	}
	.additionResources .paired .pairedBooks.levelList a {
		position: relative;
		z-index: 1;
	}
	.additionResources .paired .pairedBooks.levelList ul.levels {
		bottom: 7px;
		float: none;
		left: 44%;
		margin: 0;
		position: absolute;
	}

#myZoneIndex { background: #caeda0; border-radius: 15px; position: relative; z-index: 1; width: 680px; height: 400px;margin: 0 0 15px; padding: 15px 15px 0; text-align: center; color: #000; text-shadow: 1px 1px 0 #FFF;  }
#myZoneIndex strong { font-size: 14px; }

#commonCoreBanner { text-shadow: 1px 1px 0 #fefaec; font-size: 14px; line-height: 17px; position: relative; z-index: 2; background: #fdde76 url(/images/bg-commoncore.jpg) 0 0 repeat-x; border-radius: 10px; margin: 0px 0 20px; padding: 10px; }
#commonCoreBanner .logo { float: left; display: none; }
#commonCoreBanner .center { float: left; width: 528px; padding: 0 20px 0 0px; }
#commonCoreBanner .center h1 { font-weight: bold; color: #000; }
#commonCoreBanner .center h2 { font-weight: bold; font-size: 14px; padding: 10px 0 0px; }
#commonCoreForm { background: #fdde76; border-radius: 10px; padding: 10px; }

#razFooter { border-top: 3px solid #e5e5e5; background: #ffffcc url(/images/bg-footer-shadow.png) left bottom no-repeat; padding: 8px 0 10px 0; }
#razFooterBottom { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; background: #fdfddf; }  
#razFooterBottom ul { margin: 5px 0 5px 30px; padding: 0; list-style: none; overflow: auto;  }  
#razFooterBottom ul li { margin: 0; padding: 0; list-style: none; display: inline; float: left; border-left: 1px solid #FFF; border-right: 1px solid #cfcfc3; } 
#razFooterBottom ul li.first { border-left: 0; }
#razFooterBottom ul li.last { border-right: 0; } 
#razFooterBottom ul li a { display: block; float: left; padding: 0 5px; color: #666; text-shadow: 1px 1px 0 #FFF; font-size: 11px; }

.tooltip {
    background: url(/images/icon-question.png) no-repeat scroll right center transparent;
    cursor: help;
    display: inline-block;
    padding: 0 18px 0 0;
}


.rrShoutRight { display: block; text-decoration: none; position: relative; z-index: 11; float: right; width: 290px; padding: 0; background: url(/images/bg-blue.jpg) 0 0 no-repeat; color: #FFF; border-radius: 10px; box-shadow: 0 5px 5px #ccc; border: 1px solid #FFF; margin: 0 0 20px 20px; }
a.rrShoutRight { color: #FFF; }
a.rrShoutRight strong { text-decoration: underline; color: #FFDE5C; font-weight: bolder; }
a.rrShoutRight:hover { background: #10466D; }
a.rrShoutRight:hover strong { text-decoration: none; }

.rrShoutRight .inner { display: block; background: url(/images/rr-rk-shout.png) 0 20px no-repeat; padding: 100px 20px 20px; }
.rrShoutRight.shortHead .inner { background: url(/images/rr-rk-shout-short.png) 0 10px no-repeat; padding: 40px 20px 20px; }
.rrShoutRight .inner2 { padding: 20px; }
.rrShoutRight h2 { color: #FFF; line-height: 16px; padding-bottom: 10px; width: 184px; }
.rrShoutRight .inner2 h2 { width: 100%; }
.rrShoutRight a { color: #FFF; font-weight: bold; }
.rrShoutRight ul { margin: 10px 0 0; padding: 0; list-style: none;}
.rrShoutRight ul li { margin: 0; padding: 3px 0 3px 20px; background: url(/images/bullet-yellow-star.png) 0 4px no-repeat; }

.linkBlocks { position: relative; z-index: 1; overflow: auto; margin: 0 0 10px; }
.linkBlocks h3 { margin: 0; padding: 5px 0 5px; font-size: 13px; color: #06A5E1; font-weight: bold; }
.linkBlocks a { color: #FFF; font-size: 11px; line-height: 16px; text-decoration: none; min-height: 32px; height: auto !important; height: 32px; display: block; float: left; width: 175px; margin: 0 10px 20px 0; background: #06A5E1 url(/images/button-bg-linkblock.jpg) 0 0 repeat-x; padding: 5px; text-align: center; border-radius: 5px; border: 1px solid #06a5e1;  }
.linkBlocks a strong { color: #FFF; font-size: 13px; text-decoration: underline; display: block; text-shadow: 1px 1px 0 #0B8DBF; }
.linkBlocks a:hover { background: #06A5E1; }
.linkBlocks a:hover strong { text-decoration: none; }

table.tabData th { text-align: left; padding: 5px 10px; color: #000; text-shadow: 1px 1px 0 #FFF; background: #eaeaea; border-right: 3px solid #FFF; }
table.tabData td { padding: 3px 10px; border-bottom: 1px dashed #ddd; }

img.wowThumb { float: left; margin: 0 15px 10px 0; padding: 0; border: 1px solid #DDD; box-shadow: 2px 2px 5px #EAEAEA; }

ul.bulletBlue  { margin: 0; padding: 0; list-style: none; }
ul.bulletBlue li { margin: 0; padding: 5px 0 5px 15px; background: url(/images/bullet-blue.png) 0 8px no-repeat; }
ul.bulletBlueSquare.lessSpace li { padding-top: 2px !important; padding-bottom: 2px !important; background-position: 0 8px; }
ul.links.moreSpace { padding-bottom: 7px !important; background-position: 0 8px; }

ul.bulletBlueSquare  { margin: 0; padding: 0; list-style: none; }
ul.bulletBlueSquare li { margin: 0; padding: 7px 0 7px 11px; background: url(/images/bullet-blue-square.png) 0 13px no-repeat; }
ul.links li.bulletBlueSquare { margin: 0; padding: 2px 0 2px 11px !important; background: url(/images/bullet-blue-square.png) 0 7px no-repeat; display: inline-block; }

ul.bulletGreenSquare  { margin: 0; padding: 0; list-style: none; }
ul.bulletGreenSquare li { margin: 0 56px 0 7px; padding: 4px 0 0 14px; background: url(/images/bullet-green-square.png) 0 11px no-repeat; }

ul.bulletWhiteSquare  { margin: 0; padding: 0; list-style: none; }
ul.bulletWhiteSquare li { margin: 0; padding: 2px 0 2px 11px; background: url(/images/bullet-white-square.png) 0 7px no-repeat; }

ul.bulletPurpleSquare  { margin: 0; padding: 0; list-style: none; }
ul.bulletPurpleSquare li { margin: 0; padding: 2px 0 2px 11px; background: url(/images/bullet-square-purple.png) 0 7px no-repeat; }

ol { margin: 0 0 10px 0; padding: 0 0 0 17px; }
ol li { margin: 0; padding: 3px 0; }

.exampleCode { padding: 10px; background: #eaeaea; text-shadow: 1px 1px 0 #FFF; font-style: italic; width: auto; }

.sharedReadingList { clear: both; }
.sharedReadingList .levelList { clear: both; position: relative; float: left; width: 745px; }
.sharedReadingList .levelList h2 { clear: both; margin: 10px 30px 20px 0; background-color: #6FB4FA;
    border: 0 none;
    color: #001851;
    font-size: 15px;
    font-weight: bold;
    height: 27px;
    padding: 6px 10px 0;
    text-shadow: 1px 1px 0 #B3D8FD; }
   	.sharedReadingList .levelList h2 .small { color: #001851 !important; font-weight: normal;}
.sharedReadingList .levelList a { color: #666666; display: block; float: left; font-size: 11px; padding: 0 10px 0 0; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF; width: 138px; min-height: 225px; height: auto !important; height: 225px; }
.sharedReadingList .levelList a img {
    border: 1px solid #CCCCCC;
    box-shadow: 5px 5px 5px #CCCCCC;
    display: block;
    margin: 0 0 10px;
    width: 90px; height: 139px;
    background: #eaeaea
}
.sharedReadingList .levelList a strong {
    color: #055bad;
    display: block;
    font-size: 13px;
}
.sharedReadingList .levelList a:hover strong {
    text-decoration: underline;
}

.poetryBooksList { clear: both; position: relative; float: left; width: 720px; padding: 20px 0 0 0; text-align: center; }
.poetryBooksList a { color: #666666; display: block; float: left; font-size: 11px; padding: 0 10px 0 0; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF; width: 134px; min-height: 220px; height: auto !important; height: 220px; position: relative; z-index: 1; }
.decodable .poetryBooksList a { }
.alphabet .poetryBooksList a { min-height: 157px; height: auto !important; height: 157px; }
.poetryBooksList a img {
    border: 1px solid #CCCCCC;
    box-shadow: 5px 5px 5px #CCCCCC;
    margin: 0 0 10px;
    width: 73px; height: 112px;
    background: #eaeaea
}
.poetryBooksList a img.landscape { width: 112px; height: 73px; margin-top: 39px; }
.poetryBooksList a strong {
    color: #055bad;
    display: block;
    font-size: 13px;
}
.poetryBooksList a:hover strong {
    text-decoration: underline;
}

span.updated, span.new { font-weight:normal; position: absolute; z-index: 1; top: 3px; left: -13px; background: #922e63; width: 58px; height: 17px; text-align: center; color: #FFF; text-shadow: none; line-height: 16px; }
span.new { width: 40px; }
a.landscapeBook span.updated, a.landscapeBook span.new { top: 42px; left: 0px; }
a.portraitBook span.updated, a.portraitBook span.new  { top: 3px; left: 19px; }
span.updated span, span.new span { position: absolute; top: 17px; left: 0; display: block; width: 10px; height: 5px; background: url(/images/slider-updated-banner.png) transparent 0 0 no-repeat; text-indent: -100000em; }

.gridView .benchmark { background: #eb75a7 url(/images/benchmark-tail.png) 100% 0 no-repeat; display: block; width: 70px; padding: 2px 14px 2px 5px; height: 14px; color: #FFF; text-shadow: none; }
.gridView .benchmark.levelaa { background-color: #d81414; }
.gridView .benchmark.levelA { background-color: #f04d83; }
.gridView .benchmark.levelB { background-color: #c729a7; }
.gridView .benchmark.levelC { background-color: #8b1b66; }
.gridView .benchmark.levelD { background-color: #660066; }
.gridView .benchmark.levelE { background-color: #000066; }
.gridView .benchmark.levelF { background-color: #1515af; }
.gridView .benchmark.levelG { background-color: #1e1ee5; }
.gridView .benchmark.levelH { background-color: #5353ee; }
.gridView .benchmark.levelI { background-color: #2f89e3; }
.gridView .benchmark.levelJ { background-color: #2ac0e5; }
.gridView .benchmark.levelK { background-color: #1bdbdb; }
.gridView .benchmark.levelL { background-color: #1af1c6; }
.gridView .benchmark.levelM { background-color: #1efaa2; }
.gridView .benchmark.levelN { background-color: #00cc66; }
.gridView .benchmark.levelO { background-color: #04934c; }
.gridView .benchmark.levelP { background-color: #009933; }
.gridView .benchmark.levelQ { background-color: #056625; }
.gridView .benchmark.levelR { background-color: #00a329; }
.gridView .benchmark.levelS { background-color: #42d012; }
.gridView .benchmark.levelT { background-color: #a6ca15; }
.gridView .benchmark.levelU { background-color: #d5d500; }
.gridView .benchmark.levelV { background-color: #e7bc12; }
.gridView .benchmark.levelW { background-color: #ffcc00; }
.gridView .benchmark.levelX { background-color: #ff9900; }
.gridView .benchmark.levelY { background-color: #ff6633; }
.gridView .benchmark.levelZ { background-color: #cc3300; }

.nurseryRhymeList a { min-height: 158px; height: auto !important; height: 158px; }

/**** ELL ****/
.ell .bookLandingPage a.teacherGuide { display: block; padding: 0;  margin: 0; position: relative; top: -10px; float: left; width: 120px; }
.ell .bookLandingPage a.teacherGuide img.book { padding: 0; width: auto; border: 1px solid #DDDDDD; box-shadow: 2px 2px 5px #EAEAEA; margin: 0 0 7px 0;   }
.ell .bookLandingPage .introText { float: right; width: 195px;   }
.ell .bookLandingPage .leftColumn ul.links { border-bottom: 1px dashed #CCC; padding: 0 0 10px; margin-bottom: 10px; margin-right: 10px; }
.ell .bookLandingPage ul.links { margin: 10px 0px 20px 10px; color: #666; font-size: 11px;  }
.ell .bookLandingPage ul.links a { font-size: 12px;  }
.ell .bookLandingPage ul.links li, .ell .bookLandingPage ul.assessment li { padding: 2px 0; border: 0; display: block; }
.ell .bookLandingPage ul.links.speakingLinks li, .ell .bookLandingPage ul.links.writingLinks li { padding-bottom: 5px; }
.ell .bookLandingPage ul.assessment {  margin: 0 0 30px 10px; list-style: none;  }


.ell .bookLandingPage h2 { clear: left; }
.ell .bookLandingPage h3 { clear: left; }
.ell .progressMonitoring { background: #e4effa; padding: 10px; border-radius: 10px; text-shadow: 1px 1px 0 #FFF; width: 314px; min-height: 155px; height: auto !important; height: 155px;  color: #666; font-size: 11px; }
.ell .progressMonitoring h3 { background: none; padding: 0; margin: 0; font-size: 15px; color: #000;  }
.ell .progressMonitoring a { font-size: 12px; }
.ell .progressMonitoring ul { margin: 10px 0 0 0; padding: 0; list-style: none; }
.ell .progressMonitoring ul li { margin: 0; padding: 2px 0; list-style: none; }

.ell .ellBanner { float: right; background: #5AB2D7 url(/images/bg-ell-banner.jpg) 0 0 no-repeat; border-radius: 10px; width: 284px; padding: 10px; position: relative; z-index: 1; color: #000; text-shadow: 1px 1px 0 #E6F5FB; font-size: 14px; line-height: 20px; }


.decodable .ellBanner ul { margin: 0; padding: 10px; list-style: none; line-height: 14px;  }
.decodable .ellBanner ul li { margin: 0; padding: 0 0 10px; }

.ell .ellBanner #containerBanner, .containerBanner { background: #bde7f5; border-radius: 10px; border: 1px solid #FFF; width: 284; height: 160px; margin: 10px 0 0; padding: 0; overflow:hidden; position: relative; z-index: 1; }
.decodable .ellBanner #containerBanner { height: auto !important }
.ell .ellBanner #containerBanner h2, .containerBanner h2 { position: absolute; top: 10px; left: 10px; z-index: 1; font-size: 16px; }
.poetryBooks .ellBanner h2, .decodable .ellBanner h2 { color: #FFF; text-shadow: 1px 1px 0 #2F8FB9; font-size: 16px; } 
.ell .ellBanner #slider { height: 160px; width: 1136px; }
.poetryBooks .ellBanner #slider { width: 1420px; }
.ell .ellBanner #slider div { width: 264px; height: 103px; padding: 47px 10px 10px 10px; float:left; position: relative; z-index: 1; }
.poetryBooks .ellBanner #slider div { height: 140px; padding-top: 10px; }
.ell .ellBanner #slider div .stepText { position: absolute; bottom: 5px; left: 125px; font-size: 11px; color: #999; }
.ell .ellBanner #slider div .stepImg { position: absolute; z-index: 1; top: 5px; right: 3px; display: block; width: 85px; height: 51px; text-indent: -10000em; }
.ell .ellBanner #slider div.step1 .stepImg { background: url(/images/ell-step1.png) 0 0 no-repeat; }
.ell .ellBanner #slider div.step2 .stepImg { background: url(/images/ell-step2.png) 0 0 no-repeat; }
.ell .ellBanner #slider div.step3 .stepImg { background: url(/images/ell-step3.png) 0 0 no-repeat; }
.ell .ellBanner #slider div.step4 .stepImg { background: url(/images/ell-step4.png) 0 0 no-repeat; }

.ell .ellBanner a#left, .ell .previous { position: absolute; z-index: 1; bottom: 15px; left: 20px; font-size: 12px; font-weight: bold; color: #2382a7; text-decoration: none; padding: 0 0 0 10px; background: url(/images/ell-arrow-previous.png) left center no-repeat; }
.ell .ellBanner a#right, .ell .next { position: absolute; z-index: 1; bottom: 15px; right: 20px; font-size: 12px; font-weight: bold; color: #2382a7; text-decoration: none; padding: 0 10px 0 0; background: url(/images/ell-arrow-next.png) right center no-repeat; }
.ell .ellBanner a.inactive-scroll { display: none; }
 
.rememberTag { font-weight: bold; background: #fefcdb; padding: 20px 10px; margin: 0; border-radius: 10px; font-size: 13px; clear: both; }
.rememberTag strong { display: block; text-transform: uppercase; color: #b70b0b; font-size: 15px; text-shadow: 1px 1px 0 #FFF; }

.viewingDiv { position: relative; z-index: 4; height: 35px; border-bottom: 3px solid #C4DDF1; clear: both; top: 0; left: 0; margin: 0 0 20px 0; }
.viewingDiv span.viewing, .viewingDiv span.view, .viewingDiv span.sort  { position: absolute; z-index: 1; bottom: 10px; }
.viewingDiv span.sort { right: 90px; } .viewingDiv span.sort form { display: inline; margin: 0; padding: 0; } .viewingDiv span.sort select { width: 170px; padding: 1px 1px 1px 3px; font-size: 12px }
.viewingDiv span.view { display: none; }
.viewingDiv span.view a { display: inline-block; width: 15px; height: 15px; text-indent: -999em; margin: 0 0 0 3px; background-position: 0 -15px; background-repeat: no-repeat; position: relative; top: 2px;}
.viewingDiv span.view a.grid { background-image: url(/images/grid.png); }
.viewingDiv span.view a.list { background-image: url(/images/list.png); }
.viewingDiv span.view a.active { background-position: 0 0; }
.viewingDiv span.viewing { left: 0; }

.viewingDiv.noInformation { border: 0; height: auto; }

#filterLoader { background: url(/shared/images/whitefade.png) repeat scroll 0 0 transparent; height: 800px; text-align: center; position: absolute; z-index: 100; top: 38px; left: 0; width: 731px; padding-top: 100px;  }
#outerSearchDiv { position: relative; clear: both; } 
#outerSearchDiv #filterLoader { top: 0; width: 100%; }

a#auNational { position: absolute; z-index: 1; top: 0; right: -10px; display: block; width: 141px; height: 124px; background: url(/images/map-au2.jpg) 0 0 no-repeat; text-indent: -1000em;}

/***ALPHABET ***/
.alphabet .slider { position: absolute; width: 262px; padding: 10px; z-index: 1; top: 0; }
.alphabet #slider-002, .alphabet #slider-02 { left: 282px; }
.alphabet #slider-003, .alphabet #slider-03 { left: 564px; }
.alphabet #slider-004, .alphabet #slider-04 { left: 846px; }
.alphabet #slider-005, .alphabet #slider-05 { left: 1128px; }
.alphabet #slider-006, .alphabet #slider-06 { left: 1410px; }
.alphabet #slider-007, .alphabet #slider-07 { left: 1692px; }
.alphabet #slider-008, .alphabet #slider-08 { left: 1974px; }
.alphabet #slider-009, .alphabet #slider-09 { left: 2256px; }
.alphabet #slider-010, .alphabet #slider-10 { left: 2538px; }
.alphabet #slider-011, .alphabet #slider-11 { left: 2820px; }
.alphabet #slider-012, .alphabet #slider-12 { left: 3102px; }
.alphabet #slider-013, .alphabet #slider-13 { left: 3384px; }

.rtTips { float: right; width: 304px;}
.rtTips .certificate { display: inline-block;  margin-top: 10px; }
.rtTips .certificate img { float: left; width: 30px; height: 30px; margin-right: 6px; }
.rtTips .slider { top: 20px; font-size: 13px; line-height: 16px; }
.rtTips .containerBanner { height: 135px; }
.rtTips #left, .rtTips #right { bottom: 159px !important; } 

.alphabet .ellBanner #left { position: absolute; z-index: 1; bottom: 15px; left: 20px; font-size: 12px; font-weight: bold; color: #2382a7; text-decoration: none; padding: 0 0 0 10px; background: url(/images/ell-arrow-previous.png) left center no-repeat; }
.alphabet .ellBanner #right { position: absolute; z-index: 1; bottom: 15px; right: 20px; font-size: 12px; font-weight: bold; color: #2382a7; text-decoration: none; padding: 0 10px 0 0; background: url(/images/ell-arrow-next.png) right center no-repeat; }

.closeReading .downloads .bookLandingPage .leftColumn { margin-left: 30px; }
.closeReading .downloads .bookLandingPage .rightColumn {  }
.closeReading .downloads .bookLandingPage .text h3 { margin-bottom: 6px; }
.bookLandingPage .closeReading ul.links li.level { border: 0; display: block; margin: 0 0 10px 0 !important; padding: 0; color: #666; font-style: italic; font-size: 11px; }
.bookLandingPage .closeReading ul.links li.level span { display: inline-block; height: 10px; background: url(/images/close-reading-level.png) repeat-x; width: 30px; position: relative; top: 2px; }
.bookLandingPage .closeReading ul.links li.level1 span { width: 12px; }
.bookLandingPage .closeReading ul.links li.level2 span { width: 24px; }
.bookLandingPage .closeReading ul.links li.level3 span { width: 36px; }
.bookLandingPage .closeReading ul.links li.level4 span { width: 36px; }

ul.bulletArrow { margin: 0px 0 10px 10px; padding: 0; list-style: none; }
ul.bulletArrow li { margin: 0; padding: 0px 0 10px 10px; background: url("/images/arrow-bookresources.png") no-repeat scroll left 7px transparent; }

/***FILTER THIS PAGE***/
.filtersDiv { background: #cce0f2; overflow: auto; margin: 0 0 5px 0; clear: both; font-size: 12px; line-height: 16px; }
.filtersDiv label { display: inline; font-size: 12px; margin: 0; }
.filtersDiv strong, #bookInfo .sectionDividerTitle { display: block; background: #74a4d0 url(/images/bg-filter.jpg) 0 0 repeat-x !important; color: #000 !important; text-shadow: 1px 1px 0 #abc9e4; padding: 6px 10px; border: 0 !important; }
.filtersDiv strong.heading { position: relative; z-index: 1; }
.filtersDiv strong.heading .clearFilters { position: absolute; z-index: 1; top: 5px; right: 10px; width: auto; float: none; padding: 0; }
.filtersDiv strong.heading .clearFilters span { text-shadow: none; }
.filtersDiv.testfiltersDiv strong {  font-weight: normal; }
.filtersDiv.testfiltersDiv strong span { color: #000;  }
.filtersDiv.testfiltersDiv strong.first { border-left: 0; }
.filtersDiv.testfiltersDiv strong.last { border-right: 0; }
.filtersDiv em { display: block; color: #3874A9; text-shadow: 1px 1px 0 #E8F0F9; padding: 0 0 3px; font-size: 11px; font-style: normal; }
.filtersDiv div { float: left; width: 150px; padding: 10px; }
.filtersDiv.testfiltersDiv div { padding: 0px; border-left: 1px solid #B7D0E8; border-right: 1px solid #77A6D2; height: 106px; }
.filtersDiv.testfiltersDiv div.first { border-left: 0; }
.filtersDiv.testfiltersDiv div.last { border-right: 0; width: 245px !important; }
.filtersDiv.threeAcross div {  width: 223px; }
.filtersDiv.threeAcross.testfiltersDiv div { width: 241px; }
.filtersDiv.twoAcross div {  width: 345px; }
.filtersDiv.fourAcross div {  width: 162px; }
.filtersDiv.fiveAcross div {  width: 126px; }
.filtersDiv div ul { margin: 0 !important; padding: 0 !important; padding-left: 0 !important; list-style: none; }
.filtersDiv.testfiltersDiv div ul { margin: 10px !important;  }
.filtersDiv div ul li { margin: 0; padding: 2px 0; list-style: none; clear: left; }
.filtersDiv.testfiltersDiv div ul.liFloat li { clear: none; float: left; width: 110px; }
.filtersDiv div ul li input { position: relative; z-index: 1; top: 2px; margin: 0 4px 5px 0; padding: 0; float: left; }
.filtersDiv form { margin: 0; padding: 0; }
.filtersDiv select { font-size: 12px; color: #333; float: right; }

.filtersDiv.fullWidth div { float: none; width: auto; overflow: auto; }
.filtersDiv.fullWidth div ul li { float: left; display: block; width: 177px; clear: none; }
.filtersDiv.fullWidth div ul li.filter1 { clear: left; }
.filtersDiv.fullWidth div ul.fullWidth li { width: 100% }

.filtersDiv .translations { background: #E8F0F9; border: 1px solid #FFF; border-top: 0;border-radius: 0 0 10px 10px; }

.clearFilters a { font-size: 12px; text-decoration: none; color: #FFF; text-shadow: 1px 1px 0 #629ACC; }
.clearFilters span { display: inline-block; width: 13px; height: 13px; margin: 0 3px 0 0; line-height: 14px; text-align: center; color: #629ACC; background: #FFF; border-radius: 10px; font-weight: bold; font-size: 12px; }
.clearFilters a:hover { color: #FFF; }
.clearFilters a:hover span { background: #333; color: #FFF; text-shadow: none; }

.alsoAvailableShout { 
	position: absolute; z-index: 1; top: -46px; right: 0; font-size: 11px; line-height: 16px; text-align: left; padding: 3px 10px 6px; background: #EFEFEF; border-radius: 0 0 5px 5px; text-shadow: 1px 1px 0 #F8F8F8;
	/*position: absolute; z-index: 1; top: -31px; right: 0; font-size: 11px; line-height: 12px; text-align: left; border-left: 1px solid #CCCCCC; padding-left: 11px; right: 292px;*/
	 }
.alsoAvailableShout strong { display: block; color: #333; font-weight: normal; }
.alsoAvailableShout ul { margin: 0; padding: 0; list-style: none; }
.alsoAvailableShout ul li { margin: 0; padding: 0 10px 0 0; display: inline; }

.filteredBookInfo { background: #EFEFEF; border-radius: 0 0 10px 10px; padding: 10px; color: #000; font-size: 12px; line-height: 17px; text-shadow: 1px 1px 0 #FFF; position: relative; z-index: 1; top: -20px;  }

.filtersDiv2 { float: left; width: 731px; margin: 0 0 20px 0; position: relative; z-index: 1; background: #E1DFF7; font-size: 12px; line-height: 15px; }
.filtersDiv2 ul { margin: 0; padding: 0; list-style: none; }
.filtersDiv2 ul li { margin: 0; padding: 10px 0 10px 10px; display: inline; float: left; width: 233px; }
.filtersDiv2 strong { display: block; background: #B9B4EC; color: #000 !important; text-shadow: 1px 1px 0 #D1CEF2; padding: 6px 10px; border: 0 !important; }
.filtersDiv2 li label { padding-right: 7px; font-size: 11px; }
.ie7 .filtersDiv2 li label { padding-right: 0px; font-size: 11px; }
.filtersDiv2 li input { margin: 1px 0 0; padding: 0; }

/******************/
/***BOOK SLIDERS***/

.books {
	position: relative;
	z-index: 1;
	margin-top: 20px;
	min-height: 160px;
	border: solid 1px #d1d1d1;
	border-right: solid 10px #c0c0c0;
	border-radius: 10px;
}
.themePackWrapper .books {
	border-left: solid 10px #d1d1d1;
	border-right: solid 10px #d1d1d1;
}

.books .booksInfo {
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	width: 150px;
	min-height: 140px;
	line-height: 16px;
	font-size: 12px;
	background: #e9e9e9;
	padding: 10px;
	border-radius: 9px 0 0 9px;
}
	.books h2 {
		font-size: 13px;
		line-height: 1.2;
	}
		.books h2 a {
			text-decoration: none;
			color: #000;
		}
	.books .buttonNew {
		margin-top: 10px;
	}	

.books .slideDeck {
	position: absolute;
	z-index: 1;
	top: -1px;
	left: 170px;
	width: 550px;
	min-height: 170px;
	overflow: hidden;
}
.books .buttons {
	display: none;
}
.books .next {
	position: absolute;
	z-index: 2;
	right: -23px;
    top: 50%;
    margin-top: -24px;
	width: 23px;
	cursor: pointer;
}
	.books .next:hover {
		background-position: left top;
	}
	.books .next .arrowRight {
		background: url(/images/next.png) no-repeat top transparent;
		border: none;
		width: 23px;
		height: 48px;
		margin: 0;
		text-indent: -999em;
		
	}
	.books .next:hover .arrowRight {
		background-position: bottom;
		text-indent: -999em;
	}

.books .previous {
	position: absolute;
	z-index: 2;
	left: -23px;
	top: 50%;
    margin-top: -24px;
	width: 23px;
	cursor: pointer;
}
	.books .previous:hover {
		background-position: left top;
	}
	.books .previous .arrowLeft {
		background: url(/images/prev.png) no-repeat top transparent;
		border: none;
		width: 23px;
		height: 48px;
		margin: 0;
		text-indent: -999em;
		
	}
	.books .previous:hover .arrowLeft {
		background-position: bottom;
		text-indent: -999em;
	}

.books .slider {
	position: absolute;
	top: 0;
	width: 560px;
}	
	.books .slider .buttonNew {
		margin-top: 30px;
	}
	.books .slider ul,
	.books.sliderBooks ul {
		margin: 25px 0 0 0;
		padding: 0;
		list-style: none;
	}
		.books .slider ul li,
		.books.sliderBooks ul li {
			margin: 0;
			padding: 0;
			display: inline;
			width: 115px;
			position: relative;
			z-index: 1;
			text-align: center;
			padding: 0 9px;
			float: left;
		}
	.books .slider a,
	.books.sliderBooks a {
		display: inline-block;
		postion: relative;
		z-index: 1;
	}
		.books .slider a img.thumbnail,
		.books.sliderBooks a img.thumbnail {
			border: 1px solid #A0A3A5;
			box-shadow: 3px 3px 3px #97AABB;
			display: block;
			background: #eaeaea;
			height: 113px;
			width: 73px;
		}
		.books a.landscapeBook img.thumbnail,
		.books.sliderBooks a.landscapeBook img.thumbnail
			{
			height: 73px;
			width: 113px;
			margin-top: 40px;
		}

/* sliders with descriptions (like on books page) */
.books .slider1 { left: 0; }
.books .slider2 { left: 560px; }
.books .slider3 { left: 1120px; }
.books .slider4 { left: 1680px; }
.books .slider5 { left: 2240px; }
.books .slider6 { left: 2800px; }
.books .slider7 { left: 3360px; }
.books .slider8 { left: 3920px; }
.books .slider9 { left: 4480px; }
.books .slider10 { left: 5040px; }
.books .slider11 { left: 5600px; }
.books .slider12 { left: 6160px; }
.books .slider13 { left: 6720px; }
.books .slider14 { left: 7280px; }

/* sliders without descriptions (like related books sliders) */
.bookLandingPage .books .slideDeck, .themePackWrapper .slideDeck { border: 0; left: 0; width: 711px; }
.bookLandingPage .books .slider, .themePackWrapper .slider { border: 0; left: 0; width: 711px; padding-left: 20px; }
.bookLandingPage .books .slider1, .themePackWrapper .slider1 { left: 0; }
.bookLandingPage .books .slider2, .themePackWrapper .slider2 { left: 731px; }
.bookLandingPage .books .slider3, .themePackWrapper .slider3 { left: 1462px; }
.bookLandingPage .books .slider4, .themePackWrapper .slider4  { left: 2193px; }
.bookLandingPage .books .slider5 { left: 2924px; }
.bookLandingPage .books .slider6 { left: 3655px; }
.bookLandingPage .books .slider7 { left: 4386px; }
.bookLandingPage .books .slider8 { left: 5117px; }
.bookLandingPage .books .slider9 { left: 5848px; }
.bookLandingPage .books .slider10 { left: 6579px; }

.informationPage { background: #f7f7fb url(/images/bg-informationpage-inner.png) 0 100% no-repeat; width: 729px; margin: 30px 0 0; float: left; }
.informationPage .inner { background: url(/images/bg-informationpage.png) 0 0 no-repeat; padding: 30px 0 40px; float: left; width: 729px; }
.informationPage .group { position: relative; z-index: 1; top: 0;  float: left; width: 345px; margin: 0 0 40px 0; clear: both; }
.informationPage .group.floatRight { float: right; clear: none;  }
.informationPage .group h2 { background: #5c1038; color: #FFF; text-shadow: -1px -1px 0 #7e1509; font-size: 14px; line-height: 30px; margin: 0; padding: 0 0 0 10px; height: 30px; }
.informationPage .group h3 { background: #b4b4dc; color: #000; font-size: 12px; line-height: 22px; margin: 20px 0 0 0; padding: 0 0 0 10px; clear: left; }
.informationPage .group p { margin: 0; padding: 10px; }
.informationPage .group ul.bookList { margin: 0 0 0 10px; padding: 0; list-style: none; position: relative; z-index: 1; width: 355px; }
.informationPage .group.floatRight ul.bookList { width: 335px; }
.informationPage .group ul.bookList li { margin: 0; padding: 0; display: block; float: left;  width: 122px; position: relative; z-index: 1; padding: 173px 0 0 0; }
.informationPage .group ul.bookList li.third { width: 109px; }
.informationPage .group ul.bookList li img { position: absolute; z-index: 1; top: 0; left: 0; border: 0; }
.informationPage .group ul.bookList li.maria img { left: -12px; }
.informationPage .group ul.bookList li.morty img { left: -12px; }
.informationPage .group ul.bookList li.charly img { left: -11px; }
.informationPage .group ul.bookList li.carlos img { left: -15px; }
.informationPage .group ul.bookList li.monsters img { left: -11px; }
.informationPage .group ul.bookList li.gallardo img { top: -15px; left: -12px; }
.informationPage .group ul.bookList li.explore img { top: -15px; left: -10px; }
.informationPage .group ul.bookList li.hollow img { left: -16px; }
.informationPage .group ul.bookList li a { text-decoration: none; line-height: 14px; }
.informationPage .group ul.bookList li a strong { display: block; width: 91px; }
.informationPage .group ul.bookList li a:hover strong { text-decoration: underline; }
.informationPage .group ul.bookList li a .level { color: #666; font-size: 11px; }

.leftSide { float: left; margin: 0 0 20px; padding: 0; width: 334px; }
.rightSide { float: right;  margin: 0 0 20px; padding: 0; width: 334px; }

.leftSide.author { width: 275px; }
.rightSide.author { width: 440px; }
img.author { border: 10px solid #FFF; -webkit-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.2 ); box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.2 ); }
.author blockquote { font-size: 16px; line-height: 21px; color: #666; margin: 20px 0 20px; padding: 0; }

.bannerScroller { background: #bde7f5; border-radius: 10px; margin: 0; padding: 15px; position: relative; z-index: 1; text-shadow: none; }
.bannerScroller .sliderContainer { overflow:hidden; position: relative; z-index: 1; background: #E6F5FB; }
.bannerScroller .sliderContainer .slide { padding: 0; position: absolute; top: 0; left: 0; z-index: 1; padding: 10px 15px; }
.bannerScroller ul.buttons { margin: 0 0 4px; padding: 0; list-style: none; position: relative; z-index: 2; }
.bannerScroller ul.buttons li { position: relative; z-index: 2;  margin: 0 2px 0 0; padding: 5px 10px; display: inline; background: #4EBFE4; border-radius: 4px; cursor: pointer; text-shadow: none; color: #FFF; }
.bannerScroller ul.buttons li.selected {color: #000; }
.bannerScroller ul.buttons li.selected span { position: absolute; bottom: -6px; left: 44%; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #4EBFE4; }

#leveledBookScroller { width: 300px; margin: 0 0 0 30px; float: right; }
#leveledBookScroller .sliderContainer { height: 175px; }
#leveledBookScroller .sliderContainer .slide { width: 270px; }
#leveledBookScroller .sliderContainer #slide2 { left: 300px; }
#leveledBookScroller .sliderContainer #slide3 { left: 600px; }
#leveledBookScroller .sliderContainer #slide4 { left: 900px; }
#leveledBookScroller ul.buttons { width: 305px; }

#litCircle1Scroller { float: left; width: 310px; margin: 0 0 20px 0; }
#litCircle2Scroller { float: right; width: 310px; margin: 0 0 20px 0; }
#litCircle1Scroller h2, #litCircle2Scroller h2 { padding-bottom: 15px; }
#litCircle1Scroller .sliderContainer, #litCircle2Scroller .sliderContainer { height: 150px; }
#litCircle1Scroller .sliderContainer .slide, #litCircle2Scroller .sliderContainer .slide { width: 280px; }
#litCircle1Scroller .sliderContainer #slide2, #litCircle2Scroller .sliderContainer #slide2-2 { left: 310px; }
#litCircle1Scroller .sliderContainer #slide3, #litCircle2Scroller .sliderContainer #slide3-2 { left: 620px; }

.more .testimony { float: right; width: 380px; padding: 15px; background: #bde7f5; border-radius: 10px; text-shadow: none; margin: 0 0 0 30px; font-style: italic; }
.more .name { font-style: normal; color: #666; font-size: 11px; }

.bookResources ul.multilevels { margin: 0; padding: 0; list-style: none; }
.bookResources ul.multilevels li { margin: 0 !important; padding: 0 !important; list-style: none; display: inline; background: none; }
.bookResources ul.multilevels li a { display: block; float: left; padding: 0; margin: 0 20px 0 0; position: relative; text-decoration: none; width: 73px; z-index: 1; }
.bookResources ul.multilevels li a.landscape { width: 112px; }
.bookResources ul.multilevels li a img.thumbnail { background: none repeat scroll 0 0 #EAEAEA; border: 1px solid #CCCCCC; box-shadow: 5px 5px 5px #CCCCCC; display: block; height: 112px; width: 73px; }
.bookResources ul.multilevels li a.landscape img.thumbnail { height: 73px; width: 112px; }
.bookResources ul.multilevels li ul.levels { position: absolute; bottom: -2px; float: none; left: 38%; margin: 0; }
.bookResources ul.multilevels li a.landscape ul.levels { left: 42%; }

.extraBookInfo { position: absolute; top: -30px; right: 14px; padding: 3px 10px; background: #BCD8F3; border-radius: 0 0 5px 5px; text-shadow: 1px 1px 0 #DDEBF9; color: #333; }
.extraBookInfo ul { list-style: none; margin: 0; padding: 0; }
.extraBookInfo ul li { list-style: none; display: inline; border-left: 1px solid #D9E9F9; padding: 0 0 0 5px; margin: 0 0 0 5px; }
.extraBookInfo ul li.first { border: 0; padding: 0; margin: 0; }

/*** Theme News Packs Pages ***/
.themePackHeader { margin: 40px 0 10px 0; overflow: auto; padding-bottom: 10px; border-bottom: 1px solid #6fb3fa; }

.credits {color: #808080; font-size: 9px; margin-top: 8px; padding: 0; }

.contentColLeft, .contentColRight { width: 334px; float: left; }
.contentColLeft { margin-right: 62px; }

/*grab all links that begin with /projectable/ */
.resourceList a[href^="/projectable/"] { margin-left: 4px; padding-left: 8px; border-left: 1px solid #8a8a8a; display: inline; }

/*forces list items with level icons on theme pack page to have proper spacing*/
.resourceList div { height: 23px; }

/*currently is only used in one spot - floods and tornadoes theme pack page*/
.inline { display: inline; }

.resourceMaterial { overflow: hidden; margin-bottom: 40px; }

.videoDisplay { text-align: center; border-top: 1px solid #6fb3fa; padding-top: 40px; }

.formattedTable { width: 100%; margin: 0; padding: 0; }
.formattedTable thead th { text-align: left; font-size: 13px; background: #E6E3F9; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 5px 10px; text-shadow: 1px 1px 0 #FFF; }
.formattedTable thead th { text-align: left; font-size: 13px; }
.formattedTable tbody th { text-align: left; background: #eaeaea; padding: 3px 10px; border-left: 1px solid #FFF; }
.formattedTable tbody td { padding: 3px 10px; border-bottom: 1px dashed #CCC; }
.formattedTable tbody td.heading { color: #000; }

.sideBorders tbody td { border-right: 1px dashed #CCC; }
.sideBorders tbody td:last-child { border-right: 0; }
table.small th { color: #000; }
table.small { line-height: 12px; }

.more table.formattedTable { background: #FFF; }

/*** NONBOOKS ***/
.nonBooks {
	clear: both;
}

.resourceDownload {
	line-height: 16px;
	width: 233px;
	float: left;
	padding: 0 10px 10px 0;
	min-height: 144px;
	height: auto !important;
	height: 144px;
	position: relative;
	z-index: 3;
}
	.resourceDownload img.thumbnail {
		border: 1px solid #DDDDDD;
		box-shadow: 2px 2px 5px #EAEAEA;
		float: left;
		height: 100px;
		margin: 0 0 10px 0;
		padding: 0;
		text-align: center;
		width: 65px;
	}
	.resourceDownload .right {
		float: right;
		width: 150px;
		padding: 0;
		padding-left: 10px;
	}
	.resourceDownload .left {
		padding-left: 10px;
		float: left;
	}
	.resourceDownload h2 {
		font-size: 14px;
		line-height: 16px;
		width: auto;
		background: none;
		color: #000;
		height: auto;
		padding: 0;
		text-shadow: none;
		margin: 0;
		border: 0;
	}
	.resourceDownload a.AddtoFileCabinet {
		padding-left: 0;
		padding-right: 18px;
		text-decoration: underline;
	}
		.resourceDownload a.AddtoFileCabinet:hover {
			text-decoration: none;
		}
	.resourceDownload a.pdf strong {
		font-weight: normal;
	}
	.resourceDownload ul {
		list-style: none;
		margin: 5px 0 0;
		padding: 0;
	}
		.resourceDownload ul li {
			margin: 0;
			padding: 2px 0;
		}
		
	.resourceDownload table {
		border: solid 1px #e0e0e0;
		border-bottom: none;
		border-collapse: collapse;
		padding: 0;
		margin: 0 0 15px 0;
		width: 100%;
	}	
		.resourceDownload th {
			border-bottom: solid 1px #e0e0e0;
			padding: 4px 8px;
			margin: 0;
			text-align: left;
			font-weight: bold;
			background: #E4EFFA;
			vertical-align: top;
		}
		.resourceDownload td {
			border-bottom: solid 1px #e0e0e0;
			padding: 4px 8px;
			margin: 0;
			text-align: left;
			vertical-align: top;
		}

.resourceDownload.landscape .right {
	width: 117px;
}
	.resourceDownload img.thumbnail.landscape {
		height: 65px;
		width: 100px;
		margin-bottom: 30px;
	}

.resourceDownload.withContent {
	width: 360px;
	border-top: 10px solid #E4EFFA;
	padding: 10px 0;
	margin: 0 0 30px 10px;
}
	.resourceDownload.withContent .right {
		width: 271px;
	}
		.resourceDownload.withContent .right .content {
			width: 150px;
			float: right;
		}
		.resourceDownload.withContent .right .content ul {
			margin: 0 0 7px;
		}
			.resourceDownload.withContent .right .content ul li {
				padding: 0 0 2px;
			}
			
.resourceDownload.colspan1x .right {
	width: 95px;
}			
.resourceDownload.colSpan3 .right {
	width: 280px;
}			
	.resourceDownload.colSpan3.landscape .right {
		width: 245px;
	}			
	
/* Countries Around the World */	
.caw .resourceDownload.colSpan1x {
	width: 190px;
}	
	.caw .resourceDownload.colSpan1x .right {
		width: 110px;
	}

.caw .resourceDownload.colSpan3 {
	width: 330px;
}
	.caw .resourceDownload.landscape.colSpan3 .right {
		width: 215px;
	}
	.caw .resourceDownload.colSpan3 .right {
		width: 250px;
	}
/* --- */	

.fourAcross .resourceDownload {
	width: 172px;
}
	.fourAcross .resourceDownload .right {
		width: 90px;
	}
	.fourAcross.group {
		float: left;
		width: 365px;
	}
		.fourAcross.group .inlineSeparartor {
			margin-right: 20px;
			font-size: 14px;
		}
	.fourAcross .resourceDownload h2 {
		font-size: 12px;
		line-height: 14px;
	}


.row.leveledBooks [class*="colSpan"].resourceDownload {
	margin-bottom: 20px;
}


.leftNegative { position: relative; z-index: 1; left: -10px; width: 741px; }
	.leftNegative .levelSeparator { margin-left: 10px; }
	.LevelsDiv.leftNegative { float: left; }

.help { position: relative; z-index: 10; }
.helpLink { text-decoration: none; font-size: 10px; line-height: 11px; background: #F4F3FC; border: 1px solid #B9B4EC; color: #3F31BF; border-radius: 5px; display: inline-block; text-align: center; width: 12px; height: 12px; font-weight: bold; position: relative; z-index:1; top: -1px; }
.toolTip { position: absolute; z-index: 10px; top: 0px; left: -150px; width: 200px; background: #E6E3F9; padding: 10px; font-size: 11px; line-height: 13px; border-radius: 10px; color: #000; text-decoration: none; text-align: left; font-weight: normal; }
	.toolTip .arrowDown { position: absolute; z-index: 10px; bottom: -9px; left: 149px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #E6E3F9; }

.forBook  { display: block; clear: both; color: #333; font-style: normal; }
	.forBook a { font-style: italic; /*display: inline-block; background: url(/images/icon-book.png) 0 0 no-repeat; padding: 0 0 0 20px;*/}

.awardsList { margin-top: 20px; overflow: auto; }
	.awardsList li { float: left; margin: 0 20px 10px 0; text-align: center; background-color: #999; }


/*** UNIVERSAL-PORTABLE CLASSES ***/
.fixRed { background: red; }

.noStyle { margin: 0; padding: 0; list-style-type: none; }

/* 3 Column Setup - .lastCol should be added to last column in row to remove margin */
.row:before, .row:after { content:""; display:table; }
.row:after { clear:both; }
/* IE6/7 has layout */
.row { zoom:1; overflow: auto }

.colThird { width: 213px; margin-right: 30px; float: left; }

.colFourth { width: 160; margin-right: 20px; float: left; }

.lastCol { margin-right: 0; }

.overflow { overflow: auto; }

a.previewSite { background: #BFE3F9 url(/images/info.png) 5px 4px no-repeat; padding: 5px 10px 5px 45px; border: 1px solid #65A3CC; border-radius: 5px; position: absolute; z-index: 1; top: 8px; right: -294px; color: #445B9F; text-shadow: 1px 1px 0 #E0F3FC; text-decoration: none; }
a.previewSite strong { text-decoration: underline; font-size: 14px; }
a.previewSite .small { color: #000; }
a.previewSite:hover { background-color: #8CCDF4; }

.intro .newsletter { padding: 20px; background: #E5E3F8; border-radius: 10px; width: 450px; font-size: 11px; }
.intro .newsletter input#email { width: 340px; padding: 6px 10px; font-size: 14px; margin: 0 0 10px;  }

#teachercorner {	float: left;	left: 0px;	position: relative;	top: 0; width: 500px !important;}
#teachercorner .prod.larger .prodText {	float: left;	width: 225px;}
#teachercorner.downloads {	float: left; left: -30px; padding: 0; position: relative;}
#teachercorner.downloads a.prod { text-decoration: none; }
#teachercorner.downloads a.prod strong { display: block; font-size: 16px; font-weight: bold; color: #000; padding-bottom: 5px;}
#teachercorner.downloads a.prod:hover strong { text-decoration: none; }
#teachercorner.downloads a.prod span { color: #055bad; text-decoration: underline;  }
#teachercorner.downloads a.prod:hover span { text-decoration: none; }

.teacherCorner { float: right; width: 220px; }
.teacherCorner h2.samples { margin-top: -10px; }
.teacherCorner #assemblyList { width: 220px; }
.teacherCorner #assemblyList .assembly { width: 220px; }

/*** TESTIMONIALS NAV MENU ***/
.pageContent { margin-top: 15px; }
.pageContent.commoncore { position: relative; z-index: 1; clear: both; }
.pageContent.commoncore h1 { text-transform: none; font-size: 26px; }
.pageContent.commoncore h3 { font-size: 13px; line-height: 16px; margin: 0; padding: 0; }
.pageContent.commoncore .columnOne { width: 506px; }
.pageContent.commoncore .columnTwo { float: right; width: 165px; line-height: 16px; color: #000; background: #fdde76 url(/images/bg-commoncore.jpg) 0 0 repeat-x; padding: 10px; border-radius: 5px; }
.pageContent.commoncore .columnTwo h2 { font-size: 14px; line-height: 16px; padding-bottom: 6px;  }

h2#commonCoreTitle { position: relative; z-index: 2; margin-bottom: 5px; margin-top: 20px; font-size: 16px; }
h2#keyTopicsTitle { position: relative; z-index: 2; margin-top: 16px; font-size: 16px; }

.pageContent.commoncore .highlighter  { position: absolute; z-index: 1; top: -27px; left: 367px; height: 10px; background: #FCE289; width: 359px; }
.pageContent.commoncore#tab1 .highlighter  { top: -27px; left: 0; width: 340px; }
.pageContent.commoncore .highlighter .arrowDown { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #FCE289; margin: 10px auto 0; }

.pageTabNav { padding: 0; margin: 15px 0 0 0; list-style-type: none; overflow: auto; }
.pageTabNav li { float: left; text-align: center; }
.pageTabNav a { display: block; padding: 5px 10px; text-decoration: none; font-weight: bold; line-height: 16px; border-radius: 5px; margin: 0 5px 5px 0; background-color: #cfe0f0; color: black; 
	text-shadow: 0 1px 0 white; width: 115px; box-shadow: inset 0 1px 0 rgba(255,255,255,.5); -webkit-transition: background-color .3s; border: 1px solid #a4c5d8; font-size: 12px; }
.pageTabNav a:hover { background-color: #e8f2fc; }
.pageTabNav a.active { background-color: #a1c4e4; text-shadow: 0 1px 0 #cfe1f1;}
.pageTabNav a.active:hover { background-color: #accfea; }
.pageTabNav.commoncore a { width: 175px; font-weight: normal; font-size: 13px; padding: 5px 0; text-shadow: none; color: #FFF; height: 15px; }
.pageTabNav.commoncore a#tab2-link { background-color: #EE4034; border-color: #EE4034; }
.pageTabNav.commoncore a#tab3-link { background-color: #FF9933; border-color: #FF9933; }
.pageTabNav.commoncore a#tab4-link { background-color: #00A69C; border-color: #00A69C; }
.pageTabNav.commoncore a#tab5-link { background-color: #59B5DC; border-color: #59B5DC; }
.pageTabNav.commoncore a#tab6-link { background-color: #FCB813; border-color: #FCB813; }
.pageTabNav.commoncore a#tab7-link { background-color: #54B848; border-color: #54B848; }
.pageTabNav.commoncore a#tab8-link { background-color: #009933; border-color: #009933; }
.pageTabNav.commoncore a#tab9-link { background-color: #9E1F63; border-color: #9E1F63; }
.pageTabNav.commoncore a.active { background-color: #FFF !important; color: #000; }
.pageTabNav.commoncore a:hover { color: #000; }

.loginForm{	padding-top: 50px; }
.loginForm h2 {color: #013669;font-size: 18px;font-weight: bold;margin: 0;padding: 0;}
.nonMember-login{ position: relative; float: left; width: 420px;height: 200px; padding: 10px 20px 0px 36px; line-height: 17px;margin: 0 45px 0 0; border-right: 1px solid #ddd; text-align: left;}
.member-login{float: left; width: 380px; margin-top: 10px;}
.grayline{	float:left;	width:5px; margin-right:10px; height:30px; border-right: 1px solid #ddd; }
.login-subtext{ float: left; font-size: 16px ;padding-top: 30px;width: 275px; }
.purplebubble{background: url(/images/purplebubble.gif); width: 153px; height: 88px;margin-left: 263px;	}
.purplebubble-text{ font-size: 13px;color: #9a97bd; font-weight: bold; text-align: center; padding-top: 15px; width: 140px; line-height: 14px;}
.forgotpass {position: absolute; left: 131px; top: 93px; }

.expand #mainareaHome-inner { color: #333333;
    font-size: 13px;
    line-height: 19px; }
    
 /*** SEARCH ***/
h1.search { position: relative; z-index: 1; line-height: 24px; }
h1.search a#moreLink { font-weight: normal; font-size: 12px; text-decoration: none; color: #18106b; text-transform: none; }
h1.search .small { font-weight: bold; font-size: 14px; color: #000; text-transform: none; }

#bookWrapper { background: none !important; }
#bookInfo { width: 185px !important;}
#bookInfo h1 { line-height: 14px !important;}
#bookInfo .sectionDivider ul { margin: 0; }
#bookInfo .sectionDivider ul li { margin: 0; padding: 4px 0; clear: both; }
.ie7 #bookInfo .sectionDivider ul li { padding: 2px 0; }
#bookInfo .sectionDivider ul li a.onState { background-position: 0 1px; }
#resultList { float: right !important; padding: 0 0 30px 20px !important; width: 735px !important; }

#resultList .books { height: auto; margin: 0; width: 125px; padding-right: 20px; }
#resultList .books img { background: none repeat scroll 0 0 #EAEAEA; border: 1px solid #CCCCCC; box-shadow: 5px 5px 5px #CCCCCC; }

#paginationInner { margin: 0 auto; }
#resultList .bookSummary { width: 578px; }
#resultList .studentVersion { display: none;}

.search #advancedSearchMenus.more { float: none !important; position: relative !important; margin: 0 0 50px !important; width: 900px }
.search #advancedSearchMenus.more h2 { position: relative; top: -10px; }

#advancedSearchMenus fieldset { margin: 0; padding: 0 0 6px; border: 0; clear: left; }
#advancedSearchMenus fieldset label { padding: 0 0 3px 0; display: block; }
#advancedSearchMenus fieldset input { width: 194px; }
#advancedSearchMenus.more .column { float: left; width: 220px; }
#advancedSearchMenus.more input.submitButton { clear: both; float: right; }

#advancedSearchPopup fieldset { padding: 0; }
#advancedSearchPopup fieldset label {  float: left; width: 100px; padding: 6px 6px 0 10px; display: inline-block; }
#advancedSearchPopup fieldset select { width: 300px; margin: 6px 0 0;}

#bookWrapper #bookInfo { position: relative; z-index: 1; top: -31px; }
#bookWrapper #bookInfo .sectionDivider { background: #cce0f2; font-size: 12px; line-height: 16px; border-bottom: 1px solid #FFF; }
#bookWrapper #bookInfo .sectionDivider h1 { color: #000; font-size: 12px; }
#bookWrapper #bookInfo .sectionDivider ul li a { color: blue; }
#bookWrapper #bookInfo .sectionDivider a.onState { padding-left: 0 !important; font-weight: bold; color: #1E5180 !important; background: none !important; } 
#bookWrapper #bookInfo .sectionDivider ul li a .arrowRight {  margin: 2px 5px 10px 0; border-left: 5px solid #FFF; float: left;  }
.ie7 #bookWrapper #bookInfo .sectionDivider ul li a .arrowRight { position: relative; top: 0px; z-index: 1; }
#bookWrapper #bookInfo .sectionDivider ul li a:hover .arrowRight { border-left: 5px solid #8AB8E1;  }
#bookWrapper #bookInfo .sectionDivider ul li a.onState .arrowRight {  border-left: 5px solid #1E5180 !important;  }
#bookWrapper #bookInfo .sectionDivider li.notLink { color: #000; padding-top: 10px; }
#bookWrapper #bookInfo .sectionDivider ul li a .greyTotal { font-size: 90%; color: #3380C6;}

ul.searchResults { margin: 0; padding: 0; list-style: none; }
ul.searchResults li.resource { margin: 0; padding: 10px 0; overflow: auto; min-height: 114px; height: auto !important; height: 114px; }
ul.searchResults li.resource:hover {background: #eaeaea; }
ul.searchResults.listView li { clear: both; }
ul.searchResults li .photo  { float: left; margin: 0; width: 102px; position: relative; z-index: 1; }
ul.searchResults li .photo .levelIcon { padding: 0; position: absolute; bottom: -4px; left: 43%; width: auto; display: inline-block; float: none; }
ul.searchResults li .photo .levelIcon ul.levels.smllevel li  { height: auto; padding: 0; }
ul.searchResults li img.thumbnail  { margin: 0 auto; background: none repeat scroll 0 0 #EAEAEA; border: 1px solid #A0A3A5; box-shadow: 3px 3px 3px #97AABB; display: block; }
ul.searchResults.listView li .info { float: right; width: 613px; }
ul.searchResults li .category { font-size: 11px; }
ul.searchResults li .category strong { font-weight: normal; }
ul.searchResults li .summary { color: #000; }
ul.searchResults li a.buttonNew { font-weight: normal; font-size: 11px; line-height: 14px; margin-top: 10px; position: absolute; left: -1000em; z-index: 1; }
ul.searchResults li.resource:hover a.buttonNew { position: relative; left: 0; }
ul.searchResults li .category2 { display: none; }

ul.searchResults.gridView li { float: left; width: 135px; padding: 20px 10px 0 0; }
ul.searchResults.gridView li .photo { float: none; width: auto;  }
ul.searchResults.gridView li .photo .levelIcon  { display: none; }
ul.searchResults.gridView li img.thumbnail { margin: 0 0 5px; }
ul.searchResults.gridView li img.thumbnail.landscape { margin-top: 35px; }
ul.searchResults.gridView li .info h2 { font-size: 13px; line-height: 16px; margin: 0; padding: 0; font-weight: normal; text-decoration: none !important; }
ul.searchResults.gridView li .info h2 a { text-decoration: none; }
ul.searchResults.gridView li .info h2 a:hover { text-decoration: underline; }
ul.searchResults.gridView li .info .category { display: none; }
ul.searchResults.gridView li .info .summary { display: none; }
ul.searchResults.gridView li:hover { background: none; }
ul.searchResults.gridView li .category2 { display: block; color: #666666; font-size: 11px; line-height: 16px; }

.divider { margin: 20px 0 0 0;}


.row {   margin-left: -10px;   *zoom: 1;}
.row:before,.row:after {  display: table;  content: "";  line-height: 0;}
.row:after {  clear: both;}

[class*="colSpan"] { float: left;  margin-left: 10px; margin-top: 10px; }
.colSpan1 { width: 113px; }
.colSpan1x { width: 174px; }
.colSpan2 { width: 236px; }
.colSpan2x { width: 297px; }
.colSpan3 { width: 360px; }
.colSpan3x { width: 421px; }
.colSpan4 { width: 483px; }
.colSpan4x { width: 544px; }
.colSpan5 { width: 607px; }
.colSpan6 { width: 731px; }
[class*="colSpan"].resourceDownload { 
	padding: 0; 
}
[class*="colSpan"].heading,
[class*="colSpan"] .heading { 
	background: #E4EFFA; 
}
[class*="colSpan"].heading strong,
[class*="colSpan"] .heading strong { 
	display: block; 
	padding: 2px 10px; 
	color: #000; 
	line-height: 19px;
	font-size: 13px;
}


.subheadingRow {
	padding-top:10px;
}

h2.blueh2{color: #1D637E; font-size: 14px; font-weight: bold; margin: 0; padding: 10px 0 5px; }
span.workflowLink { float:left;padding-top:5px; text-decoration: underline; }
span.workflowLink:hover{ text-decoration: none;}

.themeSeperator, .levelLink {background: none repeat scroll 0 0 #B9B4EC; border-radius: 5px 5px 0 0; color: #000000; display: block;float: none; font-size: 15px; font-weight: bold; height: 26px !important; line-height: 25px; min-height: 26px; padding: 0 0 0 10px; position: relative;  text-decoration: none; text-shadow: 1px 1px 0 #E6E3F9;  width: 720px;  z-index: 1;}
.themebox { background: none repeat scroll 0 0 #BDE7F5; border-radius: 7px; color: #478CC5; font-size: 13px; font-weight: bold; line-height: 16px;  padding: 5px;}
.themebox h2 { color: #1D637E;    font-size: 13px;    font-weight: bold;    margin: 0;    padding: 0px 0 5px; }
.themebox a { margin-top: 8px; font-weight: normal; }
.themeDownload img.thumbnail {border: 1px solid #DDDDDD; box-shadow: 2px 2px 5px #EAEAEA; float: left; height: 100px; margin: 0 0 10px 0; padding: 0; text-align: center; width: 65px;}
.themeDownload h2 { font-size: 14px; line-height: 16px; width: auto; background: none; color: #000; height: auto; padding: 0; text-shadow: none; margin: 0; border: 0;}
.themeDownload ul {list-style: none; margin: 5px 0 0;padding: 0;}
.themeDownload .right {float: left; width: 90px; padding: 0;  padding:0 5px 0 5px;}

a.clearLevelList { min-height: 0px; font-size: 13px; font-weight:normal; text-decoration:underline; clear: both; line-height: 19px; text-shadow: none; color: blue;}
a.clearLevelList:hover { text-decoration: none;}
.levelList .group.floatingGroup  {  position: relative; top: 0px; left: -20px; margin: 0 0 0 20px; z-index: 1; width: 352px !important;  }
.levelList .group .prod { border-top: 10px solid #E4EFFA; padding-top: 10px; }

.downloadLinks ul li a {color: #000; text-decoration: none; font-weight: bold; }
.downloadLinks li{list-style:none;}
.downloadLinks ul{margin: 0; padding:0;}
.downloadLinks ul li a strong {color: #055bad; text-decoration: underline;font-weight: normal;}
.downloadLinks .classification { font-size: 11px;}

.comp ul li a {color: #000;text-decoration: none;font-weight: bold;}
.comp ul li a strong {color: #055bad;text-decoration: underline;font-weight: normal;}
.comp ul li a strong:hover {text-decoration: none;}

.themeDownload a.AddtoFileCabinet{ 	width:26px; font-size:13px; text-shadow: none; text-decoration: underline; margin: 3px 0 0 0 ; min-height: 38px;}
.themeDownload a.AddtoFileCabinet:hover{	text-decoration: none;}

.themeDownload .nf{line-height: 16px;color: #666666;font-size: 11px;text-shadow: 1px 1px 0 #FFFFFF;}

.intro .sidebar{float:right; width:200px; padding-left: 33px;}
.sidebar .box{background: #bde7f5; border-radius: 5px; border: 1px solid #79bbee; padding: 10px; width: 188px; float: right; margin-bottom: 22px;}


/**********************/
/* PBL VISUAL PROCESS */
#more2 .more.pbl-visual-process {
	background: #fff;
	border: solid 1px #ccc;
	padding: 0;
	border-radius: 10px;
	width: 729px;
	box-shadow: none;
	position: relative;
}
#more2 .more.pbl-visual-process .close {
	top: 5px;
}
.pbl-visual-process h2 {
	color: #222;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetice, sans-serif;
	text-shadow: 1px 1px 1px #fff;
	text-align: center;
	display: block;
	border-bottom: solid 1px #ccc;
	margin: 0;
	padding: 7px 0;
	background: #e0e0e0;
	background: -webkit-linear-gradient(#efefef, #dcdcdc); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#efefef, #dcdcdc); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#efefef, #dcdcdc); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#efefef, #dcdcdc); /* Standard syntax */
}

.infographic {
	width: 660px;
	height: 660px;
	position: relative;
	margin: 0 auto 10px auto;
}

.infographic .bg {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
		
.infographic .center {
	display: none;
	width: 43.16%;
	height: 43.16%;
	position: absolute;
	left: 28.42%;
	top: 28.42%;
}
	.infographic .center.on {
		display: block;
	}

.infographic .step {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
	
	.infographic .info {
		display: none; /* display using jquery */
		position: absolute;
		margin: 0 auto;
		width: 43.16%;
		left: 28.42%;
		top: 28.42%;
	}
		.infographic .on .info {
			display: block;
		}
		.infographic .info h3 {
			text-transform: uppercase;
			font-weight: bold;
			font-size: 18px;
			line-height: 1.2;
			padding: 23% 17% 0;
			margin: 0;
		}
		.infographic .info p {
			font-size: 12px;
			line-height: 1.5;
			color: #222;
			padding: 5% 13%;
			margin: 0
		}
		
	.infographic .Circle {
		width: 16.58%;
		height: 16.58%;
		position: absolute;
		cursor: pointer;
	}
		.infographic .Circle .circle {
			width: 100%;
			height: auto;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
		}
			.infographic .Circle .circle.on {
				display: none;
			}
			.infographic .on .Circle .circle.on {
				display: block;
			}
		.infographic .Circle .icon {
			width: 47.62%;
			height: auto;
			display: block;
			margin: 10% auto 0 auto;
			position: relative;
		}
			.infographic .Circle .icon.on {
				display: none;
			}
			.infographic .on .Circle .icon {
				display: none;
			}
			.infographic .on .Circle .icon.on {
				display: block;
			}
		.infographic .Circle b {
			text-align: center;
			text-shadow: 1px 1px 1px #fff;
			font-size: 12px;
			line-height: 1.2;
			padding: 0 15%;
			display: block;
			position: relative;
			margin-top: -3px;
		}	
			.infographic .build .Circle b {
				color: #5279ac;
			}
			.infographic .investigate .Circle b {
				color: #b45e7d;
			}
			.infographic .presentAssess .Circle b {
				color: #6c9d67;
			}
		.infographic .on .Circle b {
			color: #fff;
			text-shadow: 1px 1px 1px rgba(51, 51, 51, .5);
		}
		
	.infographic .entry .Circle {
		left: 40%;
    	top: 6%;
		width: 20%;
		height: 20%;
	}
		.infographic .entry .Circle .icon {
			margin-top: 15%;
		}
		.infographic .entry .Circle b {
			font-size: 14px;
			margin-top: 5px;
		}
		.infographic .entry .info h3 {
			padding-top: 28%;
		}
	.infographic .preteach .Circle {
		left: 62%;
		top: 16%;
	}
	.infographic .anchor .Circle {
		left: 73%;
		top: 32%;
	}
		.infographic .anchor .info h3 {
			padding-top: 30%;
		}
	.infographic .question .Circle {
		left: 73%;
		bottom: 32%;
	}
		.infographic .question .info h3 {
			padding-top: 30%;
		}
	.infographic .find .Circle {
		bottom: 15.5%;
		left: 61%;
	}
	.infographic .organize .Circle {
		bottom: 9%;
		left: 41.71%;
	}
	.infographic .choose .Circle {
		bottom: 15.5%;
		right: 61%;
	}
	.infographic .practice .Circle {
		bottom: 32%;
		right: 73%;
	}
	.infographic .present .Circle {
		top: 32%;
		right: 73%;
	}
	.infographic .reflect .Circle {
		right: 62%;
		top: 16%;
	}
		.infographic .reflect .Circle b {
			margin-top: 5px;
		}
		.infographic .reflect .info h3 {
			padding-top: 30%;
		}
#startDateDiv,
#endDateDiv {
	z-index: 10;
}