#contentarea-inner { font-size: 13px; line-height: 19px; color: #333;  }
#wrapper-inner { padding-left: 20px; padding-right: 20px;}
#header { width: 940px; }
#mainarea-inner, #mainareaHome-inner { width: 940px; }
.rightBarOff #contentarea { width: 756px; }
.rightBarOff #contentarea #contentarea-inner { padding-left: 25px; width: 731px; }
.bookTabs ul { width: 726px; }

#memberHome { width: 940px !important; }
#memberHome .rightColumnHome, #memberHome .rightColumnHome #newsResources #newsScrollDown, #memberHome .rightColumnHome #newsResources #newsScrollUp, #memberHome .rightColumnHome #cal .header, #memberHome .rightColumnHome #cal #calendarDays table { width: 238px !important; }
#razFooterBottom ul { margin-left: 20px; }

img { border: 0; }
h1 { color: #000; font-size: 28px; line-height: 36px; text-transform: uppercase; font-weight: bold; padding: 0; margin: 0; }
h2.subHeading {
    font-size: 18px;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
}

h2.h2space{margin: 0; padding: 8px 0 4px 0;}

.lowerCase { text-transform: none; display: inline !important; }
.intro { font-size: 14px; line-height: 20px; color: #333; position: relative; z-index: 10; display: block; margin: 0 0 20px 0; }

.headingSeparator {
	background: none repeat scroll 0 0 #cce0f2;
    clear: both;
    font-size: 12px;
    color: #222;
    margin: 20px 0 6px;
    padding: 4px 5px;
}
	.headingSeparator a {
		text-decoration: none;
		color: #055bad;
	}
	.headingSeparator strong {
		font-weight: bold;
		font-size: 14px;
	}

/* tables */
.table {
	font-size: 12px;
	line-height: 1.5;
	width: 100%;
	border-radius: 5px;
	background: #efefef;
	border-collapse: collapse;
}
	.table th {
		background-color: #dadada;
	    border-bottom: 1px solid #fff;
	    border-right: 1px solid #fff;
	    color: #000;
	    padding: 6px 4px;
	    margin: 0;
	    text-align: left;
	    text-shadow: 1px 1px 0 #f2f2f2;
	}
		.table th:first-child {
			border-radius: 5px 0 0;
		}
		.table th:last-child {
			border-radius: 0 5px 0 0;
		}
	.table td {
		border-bottom: 1px solid #fff;
		vertical-align: top;
		padding: 4px;
		margin: 0;
		font-size: 12px;
		font-style: normal;
	}	
	.table tfoot td {
		background: none repeat scroll 0 0 #fff;
	    border: 0 none;
	}
.tablesorter {}
	.tablesorter th {
		background-image: url("/shared/images/sort-bg.png");
	    background-position: -4px 50%;
	    background-repeat: no-repeat;
	    cursor: pointer;
	    line-height: 15px;
	    padding-left: 15px;
	}
		.tablesorter .headerSortDown,
		.tablesorter .headerSortDown {
			background-color: #b5b5b5;
		}
	.tablesorter td {
	    padding: 4px 4px 4px 15px;
	}

/* buttons */
a.button { font-size: 13px; line-height: 29px; color: #FFF; display: block; float: left; text-align: center; font-weight: bold; text-transform: uppercase; text-decoration: none; background: #73BE1E; border-radius: 10px; width: 215px; padding: 10px 5px; text-shadow: none; margin: 0 5px 5px 0; }
a.button2 { background: #e9b63a; }
a.button3 { background: #e25d53; }
a.button4 { background: #A2C4E4; }
a.button.longText { line-height: 15px; }
a.button:hover { color: #000; }
a.button.nopage { cursor: help; }
a.button.manageStudents { width: 272px; margin: 0 0 60px 40px; }
.button.small {
	padding: 5px 7px;
	line-height: 1.3;
	text-transform: none;
	border-radius: 6px;
	font-size: 12px;
	cursor: pointer; 
}
.button.purple-lt { /* currently used on RAZ member homepage */
	background: url(/images/arrow-purple-go.png) no-repeat 99% 4px #faf8fd; /* this arrow shouldn't be in the CSS, add into HTML */
	border: solid 1px #b9b4ec;
	color: #272075;
}
	.button.purple-lt:hover {
		box-shadow: 0 0 3px #ccc;
		background-color: #fff;
	}
.buttonOrange,
.buttonNew {
	line-height: 16px;
	border: 1px solid #da9c06;
	background: #f1b72d; /* ie8 */
	background: -webkit-linear-gradient(#fac850, #e8a709); /* Safari */
  	background: -o-linear-gradient(#fac850, #e8a709); /* Opera */
  	background: -moz-linear-gradient(#fac850, #e8a709); /* Firefox */
  	background: linear-gradient(#fac850, #e8a709);
	font-weight: bold;
	color: #222;
	text-shadow: 1px 1px 0 #fcd986;
	text-decoration: none;
	border-radius: 5px;
	text-align: left;
	transition: background 1s, border-color 1s;
	-webkit-transition: background 1s, border-color 1s;
	-moz-transition: background 1s, border-color 1s;
}	
a.buttonNew { 
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 5px 30px 5px 10px;
}
	a.buttonNew:hover,
	.buttonOrange:hover {
		background: #e8a709; /* ie8 */
		background: -webkit-linear-gradient(#dd9d02, #edb11f); /* Safari */
  		background: -o-linear-gradient(#dd9d02, #edb11f); /* Opera */
  		background: -moz-linear-gradient(#dd9d02, #edb11f); /* Firefox */
  		background: linear-gradient(#dd9d02, #edb11f);
	}
	a.buttonNew .arrowRight {
		position: absolute;
		z-index: 1;
		right: 7px;
		top: 50%;
		margin-top: -5px;
		border-left-color: #222;
	}

.mainButtons ul { margin: 0; padding: 0; list-style: none; }
.mainButtons ul li { margin: 0; padding: 0; list-style: none; display: inline; }
.mainButtons ul.navLinks li a.heading { display: none; }
.mainButtons ul.navLinks li a { font-size: 13px; line-height: 29px; color: #FFF; display: block; float: left; text-align: center; text-transform: uppercase; text-decoration: none; background: #7EAEDA; border-radius: 10px; width: 228px; height: 30px; padding: 10px 5px; text-shadow: none; margin: 0 5px 5px 0; }
.mainButtons ul.navLinks li a.longText { line-height: 15px; }
.mainButtons ul.navLinks li a:hover { color: #000; }
.mainButtons ul.navLinks li li li { display: none; }
.mainButtons ul.navLinks li.nopage { display: none; }
.mainButtons ul.navLinks.externalLinks { display: none; }

.mainButtons.tutoring { overflow: hidden; clear: both; padding: 0 0 30px 65px; }
.mainButtons ul.includedSecondaryHeadings ul { width: 238px; float: left; background: #F0F5FB; border: 3px solid #CFE1F1; padding: 10px 20px; position: relative; z-index: 1; border-radius: 10px; }
.mainButtons ul.includedSecondaryHeadings ul.instruction { margin-right: 50px; }
.mainButtons ul.includedSecondaryHeadings ul li { display: block; }
.mainButtons ul.includedSecondaryHeadings ul li.subHead { font-weight: bold; text-transform: uppercase; position: relative; z-index: 1; top: -7px; left: -17px; background: #F0F5FB; width: 232px; padding: 5px 20px; border-radius: 10px 10px 0 0; }
#leftcolumn ul.includedSecondaryHeadings ul li.subHead { background: #1E5180; padding: 3px 10px; margin-bottom: 3px; color: #FFF; font-weight: bold; }
#leftcolumn ul.navLinks.includedSecondaryHeadings ul { padding-bottom: 20px; }
#topNav ul#topNavUL li.main div.dropdown_resources li.subHead { display: none; }
.projectMORE { clear: both; border-top: 1px solid #eaeaea; padding: 20px 0 0 0; }
.projectMORE ul { list-style: none; margin: 0; padding: 0; position: relative; z-index: 1; left: -30px; }
.projectMORE ul li { display: block; float: left; width: 300px; margin: 0 0 20px 30px; padding: 15px; background: #FAE9D1; border-radius: 10px; }
.projectMORE ul li strong { display: block; color: #000; font-size: 16px; }
.projectMORE ul li.replicable, .projectMORE ul li.affordable { padding-bottom: 30px; }
.projectMORE ul li.sustainable { width: 660px;}



.downloads,
.series {
	width: 761px !important;
}
.downloads .prod,
.series .prod {
	width: 350px !important;
	line-height: 16px;
}
.downloads .prod.fullWidth {
	width: 731px !important;
}
.downloads .prod.fullWidth .prodText {
	float: right;
	width: 610px;
}
.downloads .prod.fullWidth .column {
	float: left;
	width: 290px;
	padding-right: 15px;
}
.downloads .prod.nonBookLayout ul.links.downloadLinks {
	margin-bottom: 0;
}
.downloads .prod.nonBookLayout ul.links.downloadLinks li.small {
	display: block;
	padding: 0;
}
.downloads .prod.fullWidth.tools {
	background: #BDE7F5;
	width: 711px !important;
	padding: 10px 0 10px 10px;
	border-radius: 10px;
	border-top: 0px solid #E4EFFA;
	font-size: 90%;
}
.downloads .prod.fullWidth.tools .column {
	padding: 0;
	width: 247px;
}
.downloads .prod.fullWidth.tools .column.last {
	padding: 0px 10px 10px 0;
	width: 206px;
}
.downloads .sectionSeparator {
	margin-left: 30px;
}

.downloadableResources { float: left;  left: -30px; padding: 0; position: relative; top: 0; width: 761px; }
.products { line-height: 16px; border-top: 10px solid #E4EFFA; float: left; margin: 0 0 30px 30px; padding: 10px 0 0; width: 350px; }
.productsInfo { float: right; width: 230px; }
.portrait .productsInfo { width: 264px; }
.productLinksInline { margin: 0; padding: 2px 0; list-style: none; }
.productLinksInline li { display: inline; }
img.thumb { border: 1px solid #DDDDDD; box-shadow: 2px 2px 5px #EAEAEA; width: 65px; height: 100px; margin: 0; padding: 0; }
img.thumb.landscape { width: 100px; height: 65px; }
img.left { float: left; border-right: 0; width: auto; }
img.right { float: right; padding: 0 0 0 30px; width: auto;  }

/*** READ MORE ***/
	/*LINK*/
	a#moreLink { color: #18106b; text-decoration: none; font-weight: bold; /*display: inline-block; font-size: 11px; line-height: 17px; padding: 0 6px; border: 1px solid #FEB300; border-radius: 5px; color: #F2AA00; background: #FFF2D5;*/ }
	a#moreLink .arrowRight { /*border-left-color: #FFD777; position: relative; top: 1px;*/ }
	a#moreLink:hover { text-decoration: underline; /*text-decoration: none; border-color: #F2AA00;*/ }
	a#moreLink.active { display: none; }
	.arrowRight { display: inline-block; width: 0; height: 0; margin-left: 5px; border-top: 5px solid transparent;	border-bottom: 5px solid transparent; border-left: 5px solid #8d88bb; }
	.arrowLeft { display: inline-block; width: 0; height: 0; margin-left: 5px; border-top: 5px solid transparent;	border-bottom: 5px solid transparent; border-right: 5px solid #8d88bb; }
	.arrowUp { display: inline-block; width: 0; height: 0; margin-left: 5px; border-right: 5px solid transparent;	border-left: 5px solid transparent; border-bottom: 5px solid #8d88bb; }
	.ie7 .arrowRight { position: relative; z-index: 1; top: -5px; }
	
	/*HIDDEN BOX*/
	/* jenn - .moreBox added for instances when more than 1 box is needed on a page */
	#more, .moreBox { position: relative; z-index: 11; }
	#more .more, .moreBox .more, #advancedSearchMenus.more { position: absolute; top: 10px; left: 0; z-index: 10; background: #EFEFEF; border-radius: 0 0 10px 10px; -webkit-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.5 ); box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.5 ); padding: 30px 20px 20px; color: #000; font-size: 12px; line-height: 17px; text-shadow: 1px 1px 0 #FFF; width: 692px; }
	.more {overflow: auto;}
	.arrowDown { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #FFF; }
	#more .arrowDown, .moreBox .arrowDown { position: absolute; top: -1px; left: 67px; z-index: 1; }
	.close { cursor: pointer; position: absolute; top: 15px; right: 5px; z-index: 11; border: 1px solid #a3a1a1; background: #FFF; display: block; width: 19px; height: 19px; line-height: 19px; border-radius: 10px; font-weight: bold; font-size: 16px; color: #000; text-decoration: none; text-align: center; }
	.ie10 #more .more, .ie10 .moreBox .more, #advancedSearchMenus.more { box-shadow: none; -webkit-box-shadow: none; }
	
	/*TABS*/
	#more .tabLinks, .moreBox .tabLinks { float: left; z-index: 1; width: 165px; }
	#more .tabLinks ul, .moreBox .tabLinks ul { list-style: none; margin: 0; padding: 0; }
	#more .tabLinks ul li, .moreBox tabLinks ul li { margin: 0 0 2px; padding: 0; }
	#more .tabLinks ul li a, .moreBox .tabLinks ul li a { display: block; padding: 4px 6px; background: #ABC22B; border-radius: 5px; color: #FFF; text-decoration: none; text-shadow: none; border: 1px solid #ABC22B; }

	#more .tabLinks ul li a.active, .moreBox .tabLinks ul li a.active { background: #F9F9F9; color: #000; position: relative; width: 148px; border-right: 0; border-radius: 5px 0 0 5px; padding-right: 16px;  }
	
	#more .tabLinks ul.linksOut, .moreBox .tabLinks ul.linksOut  { margin-top: 10px; }
	#more .tabLinks ul.linksOut li a, .moreBox .tabLinks ul.linksOut li a { background: #e25d53; border: 1px solid #e25d53; color: #FFF; }
		#more .tabLinks ul li a:hover, .moreBox .tabLinks ul li a:hover { color: #000; }
	
	#more .tabContent, .moreBox.tabContent { margin: 0 0 0 170px; border: 1px solid #ABC22B; border-radius: 10px; padding: 15px; background: #F9F9F9; }
	#tab1.tabContent { border-radius: 0 10px 10px; }
	
	.subTabLinks, .subTabLinks2 { float: left; width: 490px; position: relative; z-index: 1; border-bottom: 1px solid #69A2D3; margin-bottom: 20px; padding-left: 5px; }
	.subTabLinks ul, .subTabLinks2 ul { list-style: none; margin: 0; padding: 0; }
	.subTabLinks ul li, .subTabLinks2 ul li { display: inline; margin: 0; padding: 0; }
	.subTabLinks ul li a, .subTabLinks2 ul li a { display: inline-block; float: left; margin: 0 2px 0 0; padding: 5px 7px 0; text-align: center; height: 40px; line-height: 12px; background: #A2C4E4; border-radius: 8px 8px 0 0; position: relative; top: 1px; text-decoration: none; border: 1px solid #FFF; border-bottom: 0; color: #FFF; text-shadow: none; }
	.subTabLinks ul li a.active, .subTabLinks2 ul li a.active { background: #F9F9F9; border-color: #69A2D3; border-bottom: 1px solid #F9F9F9; color: #000; }
	.subTabContent, .subTabContent2 { clear: both; margin: 20px 0 0 0; }
	




/*** SCROLL BUTTON ***/
#scrollToTop { position: fixed; z-index: 10; bottom: 10px; margin-left: 705px; padding: 0; clear: both; width: 50px; }
#scrollToTop a { display: block; float: none; min-height: 25px; height: 25px !important; width: 26px; color: #537d17; text-decoration: none; text-shadow: 1px 1px 0 #b3d580; font-size: 15px; line-height: 27px; padding: 0 0 0 24px; background: url(/images/bg-top.png) 0 0 no-repeat; font-weight: bold; }
#scrollToTop a:hover { color: #2a4207; }

.expand #scrollToTop { margin-left: 914px; }

.viewingDiv span.view { position: absolute; bottom: 10px; right: 0; display: inline; }

/* New Level Bar */
#levelBarNew, .levelBarNew { width: 750px; height: 51px; margin: 0 0 20px 0; position: relative; z-index: 1; }
#levelBarNew.levelBarLinks{ margin: 7px 0; }
#levelBarNew strong, .levelBarNew strong { display: block; padding: 0 0 4px 2px; }
#levelBarNew ul, .levelBarNew ul, ul.levels { margin: 0; list-style: none; padding: 0; }
ul.levels { display: inline-block; }
#levelBarNew ul li, .levelBarNew ul li, .levelBarNew ul li { margin: 0 1px; list-style: none; padding: 0; position: relative; z-index: 1; top: 0; left: 0; float: left; display: block; width: 23px; height: 28px; }
ul.levels li { margin: 0; list-style: none; padding: 0; position: relative; z-index: 1; top: 0; left: 0; display: block; width: 25px; height: 26px; }
ul.levels.mdlevel li { width: 23px; height: 24px; }
ul.levels.smllevel li { width: 20px; height: 21px; }
#levelBarNew ul li a, .levelBarNew ul li a { margin: 0; padding: 0; display: block; width: 21px; height: 24px; border: 1px solid #aaa; text-align: center; font-size: 15px; line-height: 25px; font-weight: bold; color: #FFF; text-decoration: none; float: left; -moz-opacity: .35;
opacity: .35;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=35);
filter: alpha(opacity=35);
-khtml-opacity: 0.35;
}
ul.levels li .level { margin: 0; padding: 0; display: block; width: 22px; height: 26px; border: 1px solid #810a0a; background: #d81414; text-align: center; font-size: 15px; line-height: 26px; font-weight: bold; text-shadow: 1px 1px 0 #360506; color: #FFF !important; text-decoration: none; }
ul.levels.mdlevel li .level { width: 20px !important; height: 20px; font-size: 13px; line-height: 18px; text-align: center !important; padding-left: 0 !important; }
ul.levels.smllevel li .level { width: 15px !important; height: 15px; font-size: 10px; line-height: 15px; text-align: center !important; padding-left: 0 !important; }
#levelBarNew ul li a#level-aa, .levelBarNew ul li a.level-aa, ul.levels li #level-aa, ul.levels li .level-aa { background: #d81414; border-color: #810a0a; }
#levelBarNew ul li a#level-A, .levelBarNew ul li a.level-A, ul.levels li #level-A, ul.levels li .level-A { background: #f04d83; border-color: #841137; }
#levelBarNew ul li a#level-B, .levelBarNew ul li a.level-B, ul.levels li #level-B, ul.levels li .level-B { background: #c729a7; border-color: #6d0d5a;  }
#levelBarNew ul li a#level-C, .levelBarNew ul li a.level-C, ul.levels li #level-C, ul.levels li .level-C { background: #8b1b66; border-color: #460932; }
#levelBarNew ul li a#level-D, .levelBarNew ul li a.level-D, ul.levels li #level-D, ul.levels li .level-D { background: #660066; border-color: #310231; }
#levelBarNew ul li a#level-E, .levelBarNew ul li a.level-E, ul.levels li #level-E, ul.levels li .level-E { background: #000066; border-color: #01012a; }
#levelBarNew ul li a#level-F, .levelBarNew ul li a.level-F, ul.levels li #level-F, ul.levels li .level-F { background: #1515af; border-color: #090958; }
#levelBarNew ul li a#level-G, .levelBarNew ul li a.level-G, ul.levels li #level-G, ul.levels li .level-G { background: #1e1ee5; border-color: #0b0b8a; }
#levelBarNew ul li a#level-H, .levelBarNew ul li a.level-H, ul.levels li #level-H, ul.levels li .level-H { background: #5353ee; border-color: #1212b5; }
#levelBarNew ul li a#level-I, .levelBarNew ul li a.level-I, ul.levels li #level-I, ul.levels li .level-I { background: #2f89e3; border-color: #12579c; }
#levelBarNew ul li a#level-J, .levelBarNew ul li a.level-J, ul.levels li #level-J, ul.levels li .level-J { background: #2ac0e5; border-color: #198daa; }
#levelBarNew ul li a#level-K, .levelBarNew ul li a.level-K, ul.levels li #level-K, ul.levels li .level-K { background: #1bdbdb; border-color: #0fabab; }
#levelBarNew ul li a#level-L, .levelBarNew ul li a.level-L, ul.levels li #level-L, ul.levels li .level-L { background: #1af1c6; border-color: #10b594; }
#levelBarNew ul li a#level-M, .levelBarNew ul li a.level-M, ul.levels li #level-M, ul.levels li .level-M { background: #1efaa2; border-color: #3bcb91; text-align:left; padding-left: 4px; width: 18px; }
#levelBarNew ul li a#level-N, .levelBarNew ul li a.level-N, ul.levels li #level-N, ul.levels li .level-N { background: #00cc66; border-color: #13824b; }
#levelBarNew ul li a#level-O, .levelBarNew ul li a.level-O, ul.levels li #level-O, ul.levels li .level-O { background: #04934c; border-color: #046334; }
#levelBarNew ul li a#level-P, .levelBarNew ul li a.level-P, ul.levels li #level-P, ul.levels li .level-P { background: #009933; border-color: #046524; }
#levelBarNew ul li a#level-Q, .levelBarNew ul li a.level-Q, ul.levels li #level-Q, ul.levels li .level-Q { background: #056625; border-color: #03471a; }
#levelBarNew ul li a#level-R, .levelBarNew ul li a.level-R, ul.levels li #level-R, ul.levels li .level-R { background: #00a329; border-color: #038423; }
#levelBarNew ul li a#level-S, .levelBarNew ul li a.level-S, ul.levels li #level-S, ul.levels li .level-S { background: #42d012; border-color: #31a60a; text-align:left; padding-left: 5px; width: 17px; }
#levelBarNew ul li a#level-T, .levelBarNew ul li a.level-T, ul.levels li #level-T, ul.levels li .level-T { background: #a6ca15; border-color: #78930c; text-align:left; padding-left: 5px; width: 17px; }
#levelBarNew ul li a#level-U, .levelBarNew ul li a.level-U, ul.levels li #level-U, ul.levels li .level-U { background: #d5d500; border-color: #b7b703; }
#levelBarNew ul li a#level-V, .levelBarNew ul li a.level-V, ul.levels li #level-V, ul.levels li .level-V { background: #e7bc12; border-color: #c59f09; }
#levelBarNew ul li a#level-W, .levelBarNew ul li a.level-W, ul.levels li #level-W, ul.levels li .level-W { background: #ffcc00; border-color: #cda60a; text-align:left; padding-left: 3px; width: 19px; }
#levelBarNew ul li a#level-X, .levelBarNew ul li a.level-X, ul.levels li #level-X, ul.levels li .level-X { background: #ff9900; border-color: #c57906; }
#levelBarNew ul li a#level-Y, .levelBarNew ul li a.level-Y, ul.levels li #level-Y, ul.levels li .level-Y { background: #ff6633; border-color: #b1411b; }
#levelBarNew ul li a#level-Z, .levelBarNew ul li a.level-Z, ul.levels li #level-Z, ul.levels li .level-Z { background: #cc3300; border-color: #802507; }
#levelBarNew ul li a.levelHover:hover, .levelBarNew ul li a.levelHover:hover { border-color: #000 !important; position: absolute; z-index: 1; top: -5px; height: 36px; line-height: 36px; opacity: 1; }
#levelBarNew ul li a.active, .levelBarNew ul li a.active, .levelbar .active { text-shadow: 1px 1px 0 #360506 !important; -moz-opacity: 1;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
filter: alpha(opacity=100);
-khtml-opacity: 1; }

.bookPopout ul.levels { float: right; margin-left: 10px; }

.slider .bookPopout ul.levels { float: none; margin: 0; position: absolute; top: 102px; left: 38%; }
.levelDescriptor { margin: 0; padding: 0; }

.levelbar { margin: 0 0 20px -2px; padding: 0; list-style: none; position:relative; width:750px; clear: both; height: 40px; }
.levelbar li { display: inline-block; width: 25px; float: left; position: relative; }
.levelbar .levelHover:hover { border-color: #000 !important; position: absolute; z-index: 1; top: -5px; height: 36px; line-height: 36px; opacity: 1; }
.levelbar-icon { display: inline-block; text-align: center; position: relative; width: 20px; margin-left: 2px; border: 1px solid #eaeaea; font-weight: bold; line-height: 25px; font-size:15px; text-decoration: none; color: #FFF; }
.levelbar-number { position: relative; top: -6px; left: 2px; font-size: 11px; line-height: 10px; width: 10px; height: 10px; color: #FFF; text-shadow: none; }
.levelbar-number-sml {  position: relative;  top: -4px;  left: 1px;  font-size: 9px;  line-height: 10px;  width: 10px;  height: 10px;  color: #FFF;  text-shadow: none;}
.levelbar-aa { background: #d81414; border-color: #810a0a; }
.levelbar-A { background: #f04d83; border-color: #841137; }
.levelbar-B { background: #c729a7; border-color: #6d0d5a;  }
.levelbar-C { background: #8b1b66; border-color: #460932; }
.levelbar-D { background: #660066; border-color: #310231; }
.levelbar-E { background: #000066; border-color: #01012a; }
.levelbar-F { background: #1515af; border-color: #090958; }
.levelbar-G { background: #1e1ee5; border-color: #0b0b8a; }
.levelbar-H { background: #5353ee; border-color: #1212b5; }
.levelbar-I { background: #2f89e3; border-color: #12579c; }
.levelbar-J { background: #2ac0e5; border-color: #198daa; }
.levelbar-K { background: #1bdbdb; border-color: #0fabab; }
.levelbar-L { background: #1af1c6; border-color: #10b594; }
.levelbar-M { background: #1efaa2; border-color: #3bcb91; }
.levelbar-N { background: #00cc66; border-color: #13824b; }
.levelbar-O { background: #04934c; border-color: #046334; }
.levelbar-P { background: #009933; border-color: #046524; }
.levelbar-Q { background: #056625; border-color: #03471a; }
.levelbar-R { background: #00a329; border-color: #038423; }
.levelbar-S { background: #42d012; border-color: #31a60a; }
.levelbar-T { background: #a6ca15; border-color: #78930c; }
.levelbar-U { background: #d5d500; border-color: #b7b703; }
.levelbar-V { background: #e7bc12; border-color: #c59f09; }
.levelbar-W { background: #ffcc00; border-color: #cda60a; }
.levelbar-X { background: #ff9900; border-color: #c57906; }
.levelbar-Y { background: #ff6633; border-color: #b1411b; }
.levelbar-Z { background: #cc3300; border-color: #802507; }
#levelBarNew ul li a#level-Z1, ul.levels li .level#level-Z1, .levelbar-Z1 { background: #B32D00; border-color: #802507; }
#levelBarNew ul li a#level-Z2, ul.levels li .level#level-Z2, .levelbar-Z2 { background: #A42900; border-color: #802507; }
#levelBarNew ul li a#level-Z3, ul.levels li .level#level-Z3, .levelbar-Z3 { background: #842100; border-color: #802507; }

/***BOOK POPOUT***/
.popout-container { width: 300px; }
.popout-container .close { top: -5px; right: -6px; }
.popout-container span.new, .popout-container span.updated { left: -10px; top: -6px; padding: 0 20px; }
.popout-container .bookPopoutContainerInner { overflow: hidden; background: #FFF; border-radius: 10px; border: 2px solid #922e63; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1); padding: 15px;  }
.popout-container h1 { font-size: 20px; line-height: 20px; color: #000; padding: 0; margin: 0 0 5px 0; text-transform: none; }
.popout-container .category { color: #666; }
.popout-container .category i { color: #922e63; font-style: normal; }

.popout-container.noThumbnail img.thumbnail { display: none; }
.popout-container img.thumbnail { float: right; background: #EAEAEA; border: 1px solid #CCCCCC; box-shadow: 5px 5px 5px #CCCCCC; display: block; height: 100px; margin: 0 0 15px 15px; width: 65px; }
.popout-container img.thumbnail.landscape { width: 100px; height: 65px; }
/*.popout-container .contentRight { float: right; width: 180px; padding: 0; }
.popout-container .contentRight.contentlandscape { width: 145px;  }
.popout-container.noThumbnail .contentRight { padding: 0; width: auto; }*/
.popout-container .languages { clear: both; color: #666; }
.popout-container .languages h2 { position: relative; clear: both; background: #e8e6fd !important; text-transform: none !important; left: -15px; padding: 2px 15px !important; border: 0; margin: 10px 0 5px !important; width: 266px; font-size: 12px !important; }
.popout-container ul { margin: 0; padding: 0; list-style: none; }
.popout-container ul li { margin: 0; padding: 0; list-style: none; }

.popout-container .popout-arrow { position: absolute; z-index: 10; width: 17px; height: 31px; }
.popout-container .popout-arrow-left { background: url(/images/arrow-booktip-left.png) no-repeat; left: -15px; }
.popout-container .popout-arrow-lefttop { background: url(/images/arrow-booktip-left-top.png) no-repeat; left: -15px; }
.popout-container .popout-arrow-leftbottom { background: url(/images/arrow-booktip-left-bottom.png) no-repeat; left: -15px; }
.popout-container .popout-arrow-right { background: url(/images/arrow-booktip-right.png) no-repeat; right: -15px; }
.popout-container .popout-arrow-righttop { background: url(/images/arrow-booktip-right-top.png) no-repeat; right: -15px; }
.popout-container .popout-arrow-rightbottom { background: url(/images/arrow-booktip-right-bottom.png) no-repeat; right: -15px; }

.bookPopoutContainerInner ul.levels { float: right; margin: 0 0 10px 10px;}


/***SUB NAVIGATION***/
.subnavOther #mainarea-inner { background: none; }
.subnavOther #leftcolumn { border: 0; background: none; width: 184px; margin-top: 4px; }
.subnavOther #footerInternal { background: none; }
.secnav-menu ul, #leftcolumn ul.navLinks { margin-top: 0px; }
#leftcolumn ul.navLinks, #leftcolumn ul.navLinks ul { list-style: none; margin: 0; padding: 0; }
#secnav, #leftcolumn ul.navLinks { padding: 0; position: relative; z-index: 1; }
.secnav-menu-hdr, #leftcolumn ul.navLinks li a.heading { background: none; color: #FEB300; font-size: 15px; font-weight: bold; margin: 9px 0; padding: 0; text-transform: uppercase; }
#leftcolumn ul.navLinks li a.heading { border: 0; }
.secnav-menu-hdr a, #leftcolumn ul.navLinks li a.heading { color: #FEB300 !important; }
.secnav-menu li a, #leftcolumn ul.navLinks li a { text-decoration: none; background: #CFE1F1; color: #000; display: block; border: 0; border-left: 5px solid #a2c4e4; padding: 5px 0 5px 5px; margin: 0 0 1px; text-shadow: 1px 1px 0 #FFF; font-weight: bold; font-size: 12px; transition: border-color 1s; -webkit-transition: border-color 1s; -moz-transition: border-color 1s; }
.secnav-menu li a:hover, #leftcolumn ul.navLinks li a:hover { padding: 5px 0 5px 5px; background: none; border-left: 5px solid #1e5180;  transition: border-color 0s, background 0s; -webkit-transition: border-color 0s, background 0s; -moz-transition: border-color 0s, background 0s; }
#leftcolumn ul.navLinks li a.heading:hover { border: 0; padding: 0; } 
li#secnav-menu-on a, #leftcolumn ul.navLinks li a.active { background: #a2c4e4; border-left: 5px solid #1e5180; text-shadow: 1px 1px 0 #cfe1f1; }
.secnav-menu-arrow { display: none !important; }
.secnav-menu ul ul, #leftcolumn ul.navLinks ul ul { border: 0; margin: 0; background: #CFE1F1; border-bottom: 10px solid #FFF; }

.secnav-menu ul#bookLandingLeftNav { margin-bottom: 10px; }
.secnav-menu ul#bookLandingLeftNav li a { background: #CFE1F1; border-top: 0 !important; border-right: 0 !important; border-left: 5px solid #a2c4e4; padding: 5px 0 5px 5px !important; margin: 0 0 1px; text-shadow: 1px 1px 0 #FFF; font-weight: bold; font-size: 12px; transition: border-color 1s; -webkit-transition: border-color 1s; -moz-transition: border-color 1s; }
.secnav-menu ul#bookLandingLeftNav li a:hover { padding: 5px 0 5px 5px; background: #FFF url(/images/arrow-slidernav.png) right -104px no-repeat !important; border-left: 5px solid #1e5180;  transition: border-color 0s, background 0s; -webkit-transition: border-color 0s, background 0s; -moz-transition: border-color 0s, background 0s; }
.secnav-menu ul#bookLandingLeftNav li.active a { background: #CFE1F1 url(/images/arrow-slidernav.png) right -104px no-repeat !important; border-left: 5px solid #1e5180; padding: 5px 0 5px 5px !important;  text-shadow: 1px 1px 0 #cfe1f1; }
.secnav-menu ul#bookLandingLeftNav li li a,
.secnav-menu ul#bookLandingLeftNav li.active li a { background: #CFE1F1 !important; color: #000; text-decoration: none; border: 0;  border-left: 5px solid #a2c4e4; padding: 5px 0 5px 5px; margin: 0 0 2px; text-shadow: 1px 1px 0 #FFF; font-weight: normal; font-size: 12px; transition: border-color 1s; -webkit-transition: border-color 1s; -moz-transition: border-color 1s; }
.secnav-menu ul#bookLandingLeftNav li li a:hover { background: none !important; color: #000; border-left: 5px solid #1e5180;  transition: border-color 0s, background 0s; -webkit-transition: border-color 0s, background 0s; -moz-transition: border-color 0s, background 0s; 
}
.secnav-menu ul#bookLandingLeftNav li li a.active, #leftcolumn ul.navLinks ul ul li.active a { background: #B5D0EA !important; border-left: 5px solid #1e5180; text-shadow: 1px 1px 0 #cfe1f1; }
.secnav-menu ul#bookLandingLeftNav li li strong {
	position: relative;
	display: block;
	text-decoration: none;
	color: #7798C4;
	padding: 10px 0 1px 0;
	margin: 0 10px 1px 10px;
	border: 0;
	text-shadow: 1px 1px 0 #F4F8FB;
}
#leftcolumn ul.navLinks ul ul li a { font-weight: normal; }
#leftcolumn ul.navLinks li div.notShown { display: none; }
#leftcolumn ul.navLinks li.activeGroup div.notShown { display: block; }
#leftcolumn ul.navLinks li.activeGroup a.active.subHeading { margin-bottom: 0; background: #CFE1F1 url(/images/arrow-slidernav.png) right -104px no-repeat !important; border-left: 5px solid #1e5180; padding: 5px 12px 5px 5px !important;  text-shadow: 1px 1px 0 #cfe1f1;  }
#leftcolumn ul.navLinks li.activeGroup a.active.subHeading2 { background: #a2c4e4; border-left: 5px solid #1e5180; text-shadow: 1px 1px 0 #cfe1f1; }
#leftcolumn ul.navLinks ul li a span { display: none; }
#leftcolumn ul.navLinks ul li a span.new { display: block; }
#leftcolumn ul.navLinks ul li a strong { font-weight: bold; }
#leftcolumn ul.navLinks ul li.nopage { display: none; }

/*** SHOUT BOX ****/
.shoutBox { margin: 40px 0 0 0; }
.shoutBox strong { font-size: 16px; font-weight: bold; display: block; margin: 0 0 3px; padding: 0; }
.divider { width:100%; }
.shoutBox .divider { height: 1px; background: #B9B4EC; margin: 20px 0 20px; }
.shoutBox 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;  }
.shoutBox a.smButton:hover { background-position: 0 -28px; color: #FFF;  }

.shoutBox a.video { text-decoration: none; display: block; color: #000; }
.shoutBox a.video em { text-decoration: underline; color: #055bad; font-style: normal; }
.shoutBox a.video:hover em { text-decoration: none; }
.shoutBox a.video span { position: relative; display: inline-block; top: 3px; width: 15px; left: 0; }

#topNav .shoutBox { position: absolute; z-index: 2; bottom: 10px; right: 10px; display: block; width: 151px; height: 82px; padding: 25px 20px 0 50px;  text-align: center; text-shadow: 1px 1px 0 #f4f3fc; text-decoration: none; font-size: 16px; line-height: 19px; color: #150c64; font-weight: bold; background: url(/images/nav-shout-box.png) 0 0 no-repeat; }
#topNav .shoutBox .learnMore { display: block; padding-top: 3px; font-size: 13px; font-weight: normal; color: #544bb1; }
#topNav .shoutBox:hover .learnMore { text-decoration: underline; }

#topNav #specialtyNav .shoutBox { top: 87px; right: 5px; background: url(/images/nav-shout-box-orange.png) 0 0 no-repeat; width: 178px; height: 91px; padding: 18px 18px 0 30px; color: #4e310e; text-shadow: 1px 1px 0 #ffcd90;  }
#topNav #specialtyNav .shoutBox .learnMore { color: #4e310e; }
#topNav #specialtyNav .shoutBox .learnMore .arrowRight { border-left: 5px solid #4e310e; }

#leftcolumn .shoutBox .banner { display: block; position: relative; z-index: 1; background: #feb300; top: 0; left: -15px; color: #a27406; text-shadow: 1px 1px 0 #fed87d; text-transform: uppercase; font-weight: bold; font-size: 14px; padding: 3px 10px 3px 15px; width: 174px; margin: 0 0 5px; }
#leftcolumn .shoutBox .banner:before { content: ''; position: absolute; z-index: 1; border-right: 8px solid #de9e06; border-bottom: 8px solid transparent; bottom: -8px; left: 0; }
#leftcolumn .shoutBox .banner:after { content: ''; position: absolute; z-index: 1; border-right: 5px solid #FFF; border-bottom: 13px solid transparent; border-top: 13px solid transparent; top: 0; right: 0; }

.intro .shoutBox { margin-top: 0; margin-left: 30px; float: right; width: 327px; padding: 15px; background: url("/images/bg-ell-banner.jpg") no-repeat scroll 0 0 #5AB2D7; border-radius: 10px; font-size: 12px; color: #FFF;}
.intro .shoutBox.external { background: #E7C7D8; color: #000;}
.intro .shoutBox h2, .intro .shoutBox a { color: #FFF;}
.intro .shoutBox.external h2  { color: #000;}
.intro .shoutBox.external a  { color: #9E1F63;}


.intro .shoutBox.burst { text-align:left; font-size:10px; font-weight:bold; width:152px; height:145px; padding:0 8px 0 0; line-height:19px; background: url("/images/badge.png") no-repeat scroll 1px 0 #fff; text-decoration:none; }
.intro .shoutBox.burst:hover { background: url("/images/badge.png") no-repeat scroll 1px 0 #fff; }
.intro .shoutBox.burst a { text-decoration:none; display:block; margin-top:34px; text-align:center; color:#000; font-size:11px; line-height:19px; }



.button .arrowRight { border-left: 5px solid #FFF; }
.button:hover .arrowRight { border-left: 5px solid #000; }

.shoutBox.yellow { background: url("/images/bg-commoncore.jpg") repeat-x scroll 0 0 #FDDE76; color: #000; margin-top: 0; border-radius: 10px; margin-bottom: 10px; }
.intro .shoutBox.yellow {margin-bottom: 47px; margin-top: -67px;}
.shoutBox.yellow strong { font-size: 12px; line-height: 16px; }
.intro .shoutBox.yellow strong { font-size: 14px; line-height: 18px; padding-top: 6px; }
.shoutBox.yellow a.button { width: auto; float: none; clear: both; margin: 0;  }
#commonCoreHome .shoutBox.yellow a.button { text-transform: none; padding: 2px 0px; }
.shoutBox.yellow a.button:hover { color: #000; }

.addOn { position: relative; z-index: 11; }
.addOn .close { display: none; }
.addOn img.fullImage { display: none; }
.addOn img.image { position: absolute; z-index: 1; right: 0; bottom: 0; }
.addOn .fulltext { display: none; }
.addOn .text { display: block; }
.addOn .module { padding-right: 64px; }
.addOn .module .button { position: relative; z-index: 3; background: #FFA73C; text-align: left; float: none; width: 100px; padding: 5px 5px 5px 15px; margin: 0; text-transform: none; line-height: 18px; }
.addOn.active .module { position: absolute; z-index: 1; top: -173px; left: 243px; width: 499px; height: 262px; padding: 15px 123px 15px 15px; font-size: 14px; line-height: 20px; text-shadow: 1px 1px 0 #FFDEB7; background: #FFD59F url(/images/bg-ell.png) -4px 0 no-repeat; -webkit-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.5 ); box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.5 ); }
/*.addOn.active .module { position: absolute; z-index: 1; top: -174px; left: 100px; width: 455px; height: 300px; padding: 15px 200px 15px 15px; font-size: 14px; line-height: 20px; text-shadow: 1px 1px 0 #FFDEB7; background: #ffbb6b url(/images/bg-ell.png) 0 0 no-repeat; -webkit-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.5 ); box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.5 ); }*/
.addOn.active .close { display: block; top: -10px; right: -10px; }
.addOn.active img.image { display: none; }
.addOn.active img.fullImage { display: block; position: absolute; bottom: 0; right: -30px; }
.addOn.active .fulltext { display: block; }
.addOn.active .text { display: none; }
.addOn.active .module .column { float: left; width: 140px; padding-right: 11px; font-size: 11px; line-height: 15px; margin: -27px 0 0; }
.addOn.active .divider { display: none; }
.addOn.active .module .button { position: absolute; bottom: 10px; right: 155px; background: #FF9B20; border: 1px solid #FFF0DD; }

.ui-front { z-index: 102; }

a.previewSite { top: 40px; right: auto; left: 246px; background: none !important; text-decoration: underline; border: 0; padding: 0; text-shadow: none; font-size: 12px !important;}
a.previewSite strong { font-size: 12px !important; font-weight: normal;}
a.previewSite:hover strong { text-decoration: none; }
a.previewSite:hover { background-color: none; text-decoration: none; }

#posts { float: left; }
.hotSearchTopics .searchBar #Submit { right: 95px; }
#teachercorner .prod { width: 220px !important; line-height: 18px; }

.commonCoreForm { position: relative; z-index: 1; background: #fce289; height: 123px; border-radius: 5px; margin: 0 0 18px 0; }
.commonCoreForm label { position: absolute; z-index: 2; height: 38px; width: 142px; padding: 22px 0 0 7px; top: 3px; left: 0; font-weight: normal; background: url(/images/label-arrow.png) -38px 0 no-repeat; }
.commonCoreForm select { position: absolute; z-index: 1; top: 19px; height: 28px; left: 146px; padding: 3px 0 3px 5px; width: 175px;  }
.commonCoreForm input { position: absolute; z-index: 1; top: 52px; left: 146px; height: 28px; padding: 1px 10px; width: 175px; }


.number {
	display: inline-block;
	width: 27px;
	height: 27px;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	line-height: 27px;
	position: absolute;
	z-index: 1;
	top: 1px;
	left: 1px;
	background: #73ACE6;
	color: #fff;
}
h2.heading .number {
	height: 29px;
	width: 29px;
	line-height: 29px;
	left: 0;
	top: 0;
}

.positionRelative {
	position: relative;
	z-index: 1;
}

.heading.positionRelative {
	padding-left: 37px;
}

p.positionRelative {
	padding-left: 10px;
	border-left: 27px solid #E4EFFA;
}

p.positionRelative .number {
	left: -27px;
}

.columnsTwo, .columnsThree { position: relative; z-index: 1; left: -80px; top: 0; width: 1040px; float: left; }
.columnsTwo .column, .columnsThree .column { float: left; width: 425px; margin-left: 80px; display: block; margin-bottom: 20px; }
.columnsTwo .plus { position: absolute; z-index: 1; left: 525px; top: 95px; width: 30px; height: 30px; text-align: center; font-size: 40px; line-height: 30px; font-weight: normal; background: #df3428; color: #005692; border-radius: 5px;  }

.columnsTwo.withSideNav { width: 800px; }
.columnsTwo.withSideNav .column { width: 320px; }

.columnsThree.withSideNav { width: 800px; left: -40px; }
.columnsThree.withSideNav .column { width: 211px; margin-left: 40px; }
.columns a.column { color: #555; text-decoration: none; }
.columns a.column:hover { color: #000; }


.bookLandingPage { line-height: 16px;}

.construction { float: right; width: 151px; height: 84px; padding: 23px 20px 0 50px; background: url(/images/speechbubble-constructions.png) 0 0 no-repeat; font-size: 28px; line-height: 30px; text-align: center; color: #150c64; }

/* text leveling system shoutbox */
.shout-leveled {
	background: url(/images/shout-leveled.gif) no-repeat;
	float: right;
	margin: 5px 0 20px 15px;
	overflow: hidden;
	width: 0;
	height: 107px;
	padding-left: 186px;
	text-decoration: none;
}


/*** RtI ***/
.rtiTiers { clear: both; padding: 20px 0 0 0; margin-top: 65px; }
ul.resourcesButtons { margin: 0; padding: 0; list-style: none; width: 249px; }
ul.resourcesButtons li { margin: 0; padding: 0; }
ul.resourcesButtons li strong { text-align: center; font-size: 14px; display: block; }
ul.resourcesButtons li strong span { font-size: 22px; position: relative; z-index: 1; top: 2px; }
ul.resourcesButtons li a.button { margin: 0 0 5px; text-transform: none; font-weight: normal; width: 245px; padding: 8px 2px; line-height: 16px; float: none; }
ul.resourcesButtons li a.button span.small { color: #FFF; display: block; }

.rtiTiers ul.resourcesButtons { position: absolute; z-index: 2; top: -58px; right: 0; }
.rtiTiers ul.resourcesButtons li.heading {  text-align: left !important; margin-bottom: 15px; }
.rtiTiers ul.resourcesButtons li.heading strong { color: #000; text-align: left !important; }
.rtiTiers ul.resourcesButtons.tier2 {top: 140px;  }
.tier { position: relative; height: 200px; }
.tier3 { z-index: 3; }
.tier2 { z-index: 2; }
.tier1 { z-index: 1; }
.tier .arrowUp { display: block; width: 0; height: 0; margin-left: 0; border-right: 83px solid transparent; border-left: 83px solid transparent; border-bottom: 207px solid #C5C2DC; position: absolute; top: 0; left: 0; }
.tier3 .arrowUp { top: -14px; left: 117px; z-index: 3; }
.tier2 .arrowUp { border-right: 156px solid transparent; border-left: 156px solid transparent; border-bottom: 390px solid #ABA7CD; top: -215px; left: 44px; z-index: 2; }
.tier1 .arrowUp { border-right: 240px solid transparent; border-left: 240px solid transparent; border-bottom: 600px solid #8d88bb; top: -415px; left: -40px; z-index: 1; }
.tier h2, .tier .description { position: absolute; z-index: 4; }
.tier h2 {  font-size: 16px; top: 50px; left: 180px; }
.tier .description { top: 73px; color: #000; line-height: 14px; text-align: center; }
.tier3 .description { left: 161px; text-shadow: 1px 1px 0 #DAD8E9; width: 80px; }
.tier2 .description { left: 104px; text-shadow: 1px 1px 0 #DAD8E9; width: 200px; }
.tier1 .description { left: 95px; text-shadow: 1px 1px 0 #AFACD0; }
.tier .line { position: absolute; z-index: 1; top: 55px; right: 261px; width: 260px; border-bottom: 2px solid #8d88bb; }
.tier .border { position: absolute; z-index: 1; top: -68px; right: 249px; width: 10px; height: 500px; border: 2px solid #8d88bb; border-right: 0px; }
.tier3 .border { height: 80px; top: 8px }
.tier2 .border { height: 443px; }
.ie7 .tier2 .border { height: 460px; }

.boxLayout  { border: 2px solid #73ACE6; padding: 10px; float: left;  margin: 0 0 30px; width: 100%; box-sizing: border-box; }
.boxLayout:hover  { background: #E4EFFA; }
.boxLayout .content {  padding: 0; float: left; width: 450px; clear: both; margin: 0; color: #000; }

.boxLayout .resourcesButtons { float: right; width: 204px; margin: 0; }
.boxLayout ul.resourcesButtons li a.button { padding-top: 8px; padding-bottom: 8px; margin-bottom: 4px; width: 200px }
.boxLayout .resourcesButtons.sm li .button {
	padding: 5px 0;
	font-size: 12px;
}
.boxLayout ul.resourcesButtons li a.button.longText { line-height: 16px; }
.boxLayout ul.resourcesButtons li a.button.offSite { background: #D091B3; }
.boxLayout ul.bulletBlueSquare li { padding-bottom: 15px; }
.boxLayout ul.bulletGreenSquare li { padding-bottom: 15px; }

.boxLayout .resourcesButtons .heading {
	font-size: 13px; 
	margin: 5px 0;
	line-height: 1.3;
}

ul.projectableTools { margin: 0; padding: 0; list-style: none; }
ul.projectableTools li { display: block; float: left; width: 70px; text-align: center; font-size: 11px; }
ul.twoColumn li { display: inline-block; float: left; width: 354px; }
ul.threeColumn li { display: inline-block; float: left; width: 232px; }
ul.fourColumn li { display: inline-block; float: left; width: 171px; }

.didYouMean { color: red; display: inline-block; margin-left: 40px;}

ul.inline li { display: inline; float: left; padding-right: 15px; }
.noBorder { border: 0 !important; }

.ell.allResources { float: left; margin-left: 30px; width: 300px; }
.ell.allResources p { margin: 0; color: #000; }
.ell.allResources ul { margin-top: 6px; margin-left: 0; }
.levelProficiency { float: right; width: 225px;  }
.levelProficiency h3 { background: none; font-sizE: 14px; margin: 0; padding: 0 0 6px; color: #528FF9; }
.levelProficiency ul { margin: 0 0 3px 0; padding: 0; list-style: none; float: left; }
.levelProficiency ul strong { float: left; display: block; width: 100px; }
.levelProficiency ul li ul, .levelProficiency ul li ul li { display: inline; float: left; }
.levelProficiency ul li ul li span { display: block; float: left;  border: 1px solid #666; border-radius: 9px; width: 15px; height: 15px; line-height: 16px; font-weight: bold; font-size: 12px; color: #666; text-align: center; margin: 0 3px 0 0;  }
.levelProficiency ul li ul li.active span { border-color: #528FF9; background: #528FF9; color: #FFF; }

.ellAdditional { border-top: 0px !important; }
.ellAdditional h3 { background-color: #6FB4FA !important; color: #001851 !important; padding: 3px 10px 3px !important; text-shadow: 1px 1px 0 #B3D8FD !important; font-weight: bold !important; font-size: 13px !important; }
.ellAdditional h3 span { font-style: italic; }

.mainButtons .addOn { z-index: 5; }

.floatRight { float: right; display: inline-block; margin: 0 0 30px 30px;}
.floatRight.enhancedELL { text-align: center; font-size: 90%; line-height: 17px; width: 170px; color: #000; margin-left: 70px; padding: 15px; background: #FFE2BF; border-radius: 10px; }

.button.enahncedELL { width: 173px; padding: 2px 0; margin-bottom: 20px; }
.enhancedELLMember { margin-top: -31px; font-size: 12px; }
.enhancedELL .tipVideo { width: 163px; height: 60px; margin: 0; text-align: left; }

/* temporary stuff until styleguide is in place */
@font-face {
    font-family: "Glyphicons Halflings";
    src: url("/shared/images/icons/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/shared/images/icons/glyphicons-halflings-regular.woff") format("woff"), url("/shared/images/icons/glyphicons-halflings-regular.ttf") format("truetype"), url("/shared/images/icons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.pill .icon {
	display: inline-block;
	font-family: "Glyphicons Halflings";
    font-size: 1.1em;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
}
.pill .icon-facetime-video:before {
  	content: "\e059";
}
/* *** */

.readingSolutionGroup { position: relative; z-index: 1; margin-top: 30px; }
.readingSolutionGroup .borderBottom { border-bottom: 2px solid #999; position: absolute; z-index: 1; left: 0; bottom: 25px; width: 100%; }
.readingSolutionGroup .borderLeft { border-left: 2px solid #999; position: absolute; z-index: 1; left: 0; bottom: 7px; height: 20px; }
.readingSolutionGroup .borderRight { border-right: 2px solid #999; position: absolute; z-index: 1; right: 0; bottom: 7px; height: 20px; }
.readingSolutionGroup .readingSolutionLogo { width: 320px; text-align: center; background: #FFF; margin: 0 auto; padding: 0 0 15px; top: -5px; position: relative; z-index: 5; font-weight: bold; font-size: 20px; }

.alert { padding: 5px 10px; background: #FFD59F; border: 1px solid #FFC680; border-radius: 5px; margin: 0 0 10px; color: #B96600; text-shadow: 1px 1px 0 #FFE9CE; text-align: center; }

.filtersDiv2 li.all { position: absolute; z-index: 1; left: 0px; top: 26px; padding: 25px 0 10px 10px !important; width: 40px !important; height: 12px; background: #D1CEF2; border-radius: 0 0 5px 5px; border: 1px solid #B9B4EC; }
.filtersDiv2.ellLevelReaders li { padding-left: 65px; width: 178px; }

div.imgRightSubhead{width:234px; float:right; font-weight:bold; text-align:center; padding-left:20px;}

.shoutBox img.left{margin-right:10px;}

/* accordion */
.accordion {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}
.accordion li {
	margin: 10px 0;
	clear: both;
}
.accordionLink,
.accordionLink:visited {
	background: #cfe1f1;
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
	.accordionLink:hover, 
	.active .accordionLink {
		background: #b6d1e9;
	}
	.accordionLink .number {
		background: #73ace6;
		position: static;
		float: left;
		width: 30px;
		line-height: 30px;
		height: 30px;
		color: #fff;
		margin-right: 10px;
	}
	.accordionLink .arrow {
		border-top: solid 5px #000;
		border-left: solid 5px transparent;
		border-right: solid 5px transparent;
		float: right;
		margin-top: 12px;
		margin-right: 10px;
	}
	.accordion .active .arrow {
		border-bottom: solid 5px #000;
		border-top: none;
	}
.accordion .boxLayout {
	border-top: none;
	background: #fff;
	border-color: #b6d1e9;
	margin: 0;
}

/* activity reports tabs */
.reportsNav { margin: 15px 0 30px; padding: 0; list-style: none; clear: left; }
	.reportsNav li { padding: 0; list-style: none; display: inline-block; margin: 0 10px 0 0; }
		.reportsNav li a { position: relative; z-index: 1; display: block; float: left; width: 130px; height: 100px; margin: 0 10px 0 0; border: 1px solid #dbc45e; text-decoration: none; color: #927D1F; text-shadow: 1px 1px 0 #FDF9E8; border-radius: 10px; background-color: #faf2d1;  }
			.reportsNav li a:hover, ul.reportsNav li a.active { border-color: #4A3031; color: #4A3031; }
			.reportsNav li a.active { box-shadow: 0 5px 5px rgba(0,0,0,.3); color: #000; }
			.reportsNav li a strong { display: block; position: absolute; top: 35px; text-align: center; width: 110px; font-size: 16px; padding: 0 10px; line-height: 15px; }
			.reportsNav li a .arrowDown { display: none; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 20px solid #4A3031; position: absolute; top: 101px; left: 50%; margin-left: -30px; }
			.reportsNav li a.active .arrowDown { display: block; }
	.reportsNav #myActivity { background-image: url(/images/activity-report.png); background-position: center center; background-repeat: no-repeat; }
	.reportsNav #schoolActivity { background-image: url(/images/progress-report.png); background-position: center center; background-repeat: no-repeat; }
	.reportsNav #districtActivity { background-image: url(/images/assessments-report.png); background-position: center center; background-repeat: no-repeat; }

	a.cards{background-color:  #DFDCDC; solid #000; border-radius: 15px; width: 181px; padding:10px; margin: 0 30px 0 0; text-align:center; color: #000; text-decoration: none; display:block; float:left}
	a.cards:hover{background-color: #D5D4D4;}
	
/* site announcement */
.announcement {
    background: #fdf0de;
    color: #555;
    border-bottom: solid 1px #d5d5d5;
    font-size: 12px;
    padding: 7px 0;
    text-align: center;
}