/**********************************
Stylesheet created Feb 2014 
to share for the redesign projects
includes - bundle bar, footer, print styles
***********************************/
body { background: none repeat scroll 0 0 #E5E5E5; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 12px; font-weight: normal; margin: 0; padding: 0; }

/*** ICONS ***/
@font-face {
	font-family: 'IconSweets-Deluxe';
	src:url('../images/icons/IconSweets-Deluxe.eot');
	src:url('../images/icons/IconSweets-Deluxe.eot?#iefix') format('embedded-opentype'),
		url('../images/icons/IconSweets-Deluxe.woff') format('woff'),
		url('../images/icons/IconSweets-Deluxe.ttf') format('truetype'),
		url('../images/icons/IconSweets-Deluxe.svg#IconSweets-Deluxe-sm') format('svg');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: 'IconSweets-Deluxe';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.fs1 {
	display: inline-block;
}
	.fs1.white {
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	}

textarea { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 12px; font-weight: normal; color: #333; }
img { border: 0; }

a { color: #055bad; text-decoration: underline; }
a:hover { text-decoration: none; }

.breadcrumb {
	margin: 12px 0 10px 0;
	font-size: 11px;
	color: #b1b1b1;
	padding: 0 0 10px;
	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;
}

.alert { background-color: #FCF8E3; border: 1px solid #FBEED5; border-radius: 4px 4px 4px 4px; margin-bottom: 20px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #C09853; list-style: none; }
.passwordForm .alert { display: inline-block; margin: 0; padding: 0 5px; position: absolute; z-index: 1; top: 57px; right: 26px; }
.success { background-color: #DFF0D8; border-color: #D6E9C6; color: #468847; }
.error { background-color: #F2DEDE; border-color: #EED3D7; color: #B94A48; }

.noWrap { white-space: nowrap; }

img.thumbnail {background: #EAEAEA; border: 1px solid #CCCCCC; box-shadow: 5px 5px 5px #CCCCCC; }

h1, .page-heading { color: #000; font-size: 28px; line-height: 36px; text-transform: uppercase; font-weight: bold; padding: 0; margin: 0; }
h2, .page-subheading { color: #000; font: bold 14px/20px Helvetica, Arial, Geneva, Swiss, san-serif;	margin: 0;	padding: 0;	}
.page-subheading { padding-bottom: 20px; text-transform: none; }
h2.subHeading { font-size: 18px; text-transform: uppercase; padding: 0; margin: 0 0 10px; }
.subHeading .schoolName { text-transform: none; font-style: italic; }
h2.subHeading select { font-size: 12px; text-transform: none; font-weight: normal; }
h2.headingSeperator { background: #CCE0F2; font-size: 14px; font-weight: bold; padding: 4px 5px; margin: 40px 0 6px; clear: both; }
.h2space { margin: 0; padding: 8px 0 4px; }
.noTopMargin { margin-top: 0 !important; }
.small {	color: #666;	font-size: 80%;}
hr {	height: 1px;	background-color: #dadada;	color: #dadada;	border: 0;	margin: 0 0 16px 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; }
ul.bulletSquare  { margin: 0; padding: 0; list-style: none; }
ul.bulletSquare li { margin: 0 ; padding: 5px 0 5px 12px !important; background: url(../images/bullet2013.png) 0 11px no-repeat; }

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

a.buttonNew {line-height: 16px; position: relative; z-index: 1; display: inline-block; padding: 5px 30px 5px 10px; border: 1px solid #b9b4ec; background: #F8F7FC url(../images/bg-buttonnew.png) 0 0 repeat-x; font-weight: bold; color: #272075; text-shadow: 1px 1px 0 #FFF; 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:hover { background: #f2f1fb; border-color: #272075;  }
a.buttonNew .arrowRight { position: absolute; z-index: 1; right: 7px; top: 50%; margin-top: -5px; transition: border-left-color 1s; -webkit-transition: border-left-color 1s; -moz-transition: border-left-color 1s; }
a.buttonNew:hover .arrowRight { border-left-color: #272075; }

#mainarea { color: #333; }

ul.inline { list-style: none; margin: 0; padding: 0; }
ul.inline li { display: inline; margin: 0; padding: 0 10px 0 0; }


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

.intro .shoutBox { margin-top: 0; margin-left: 30px; float: right; width: 327px; padding: 15px; 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;}

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

.intro .shoutBox.blue { background: #C9DAF1; color: #000; }
.intro .shoutBox.blue h2 { color: #000; }
.intro .shoutBox.blue a { color: #5188D2; }
.intro .shoutBox.small { width: 200px; }

/*** USED TO BE VIDEOS.CSS ***/
/* ---- 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:#7E96F4;
	color: #fff;
	font-size: 14px;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding: 0px 10px;
	display:block;
}
.videoList a.videoArchiveLink, .rrVideos a.videoArchiveLink {
	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;
}
#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;
	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(../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(../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;
}
#vidArchives #colRight h1, #vidArchives #colRight h2 {	margin-left: 10px !important; }
 #vidArchives #colRight h2, .videoList h2 { font-size: 13px; margin: 20px 0 5px 0; padding: 3px 5px; clear: left; background: #FEB300; }
#vidArchives #colRight a.videoArchiveLink, .videoList a.videoArchiveLink, .rrVideos a.videoArchiveLink { padding: 0; height: 115px; min-height: 115px; width:115px; margin: 0 0 10px 10px; float: left; background: none; border: 0;  }
#vidArchives #colRight a.videoArchiveLink img, .videoList a.videoArchiveLink img  { float: none; margin: 0; text-align: center; }
#vidArchives #colRight a.videoArchiveLink span, .videoList a.videoArchiveLink span  { display: block; margin: 5px 0 0 0; }
#vidArchives #colRight a.videoArchiveLink:hover, .videoList a.videoArchiveLink:hover  { color: #254996 !important; background: none; }
#vidArchives #colRight a.videoArchiveLink:hover img, .videoList a.videoArchiveLink:hover img  { border-color: #ffcc33; }


/*** 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 { border-bottom: 3px solid #e7e7e7; clear: both;  height: 35px; left: 0; margin: 5px 0; position: relative; top: 0; z-index: 4; }
.viewingDiv span.viewing, .viewingDiv span.filter, .viewingDiv span#customDateSelector { bottom: 10px; position: absolute; z-index: 1; }
.viewingDiv span.viewing { left: 0; }
.viewingDiv span.filter { right: 0; }
.viewingDiv span.dateChange { display: inline-block; height: 18px; /*background: url(../images/calendar.png) 100% 0 no-repeat;*/ padding: 2px 25px 0 10px; }
.viewingDiv span.dateChange select, .viewingDiv span#customDateSelector input#startDate, .viewingDiv span#customDateSelector input#endDate { font-size: 11px; color: #333; width: 100px; }
.viewingDiv span#customDateSelector { display: inline-block; right: -200px; background: #FFF; bottom: -1px; width: 325px; }

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

#wrapper { background: #FFFFFF; margin: 0 auto; padding: 0; width: 980px; }
#wrapper-inner { padding: 10px 20px 0; margin: 0; width: auto; }

#mainarea { float: left; width: 940px; padding: 0 0 50px; }
#mainarea-inner { position: relative; z-index: 1; min-height: 500px; height: auto !important; height: 500px; font-size: 13px; line-height: 19px; }

#memberHome { position: relative; z-index: 1; width: 940px; float: left; padding: 20px 0 30px 0; }
.rightColumnHome { float: right; width: 250px; }
.leftColumnHome { float: left; width: 670px; }

h2.home { background: #4A3031; height: 40px; padding: 0 0 0 10px; color: #FFF; font-size: 16px; line-height: 38px; border-radius: 10px 10px 0 0; margin: 0; }
h2.home .small { font-size: 13px; font-weight: normal; color: #FFF; }

/*** HOMEPAGE BANNER ***/
#slider {
	border-radius: 10px;
	width: 670px;
	height: 275px;
	margin: 0 0 20px;
	padding: 0;
	position: relative;
	z-index: 1;
	background: #c5c5c5;
}
#slider #content {
	width: 485px;
	height: 275px;
}
#slider #content .banner {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 485px;
	height: 275px;
	border-radius: 0 10px 10px 0;
}
#slider #content img {
	width: 485px;
	height: 221px;
	border-radius: 0 10px 0 0;
}
#slider #content a {
	text-decoration: none;
	color: #303030;
	font-size: 13px;
	line-height: 19px;
	text-shadow: 1px 1px 0 #f0f0f0;
}
#slider .text {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0px;
	left: 0px;
	width: 440px;
	height: 47px;
	background: url(../images/homeBanner-text-bg.png) no-repeat;
	padding: 6px 30px 0 15px;
	border-top: 1px solid #FFF;
	border-radius: 0 0 10px 0;
}
#slider .text strong { color: #000; }
#slider #tabs {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	border-right: 1px solid #FFF;
	width: 184px;
	height: 275px;
	background: #F3E4A0;
	border-radius: 10px 0 0 10px;
}
#slider #tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#slider #tabs ul li {
	margin: 0;
	padding: 0;
}
#slider #tabs ul li a {
	display: block;
	width: 168px;
	height: 54px;
	border-bottom: 1px solid #FFF;
	margin: 0;
	padding: 8px 8px 6px 8px;
	color: #333;
	text-decoration: none;
	font-size: 11px;
	line-height: 13px;
	position: relative;
	z-index: 2;
	text-shadow: 1px 1px 0 rgba(255,255,255,.6);
}
#slider #tabs ul li a .arrow {
	display: none;
}
#slider #tabs ul li a.selected {
	background: #FAF2D1;
}
#slider #tabs ul li a.selected .arrow {
	position: absolute;
	z-index: 2;
	display: block;
	background: url(../images/homeBanner-arrow-right.png) bottom center no-repeat;
	width: 9px;
	height: 16px;
	right: -8px;
	top: 25px;
}
#slider #tabs ul li a#button-4 { border: 0; border-radius: 0 0 0 10px;}
#slider #tabs ul li a#button-1 { border-radius: 10px 0 0 0; }
#slider #tabs ul li a strong {
	color: #000;
}
#slider #tabs ul li a .video {
	color: #666;
	background: url(../images/video-icon.png) top right no-repeat;
	padding: 0 15px 0 0;
	font-size: 9px;
	line-height: 19px;
}
#slider #tabs ul li a img {
	float: left;
	border: 1px solid #FFF;
	margin: 0 8px 8px 0;
	width: 50px;
	height: 50px;
	background: #E8E8E8;
}

/*******NEWS AND RESOURCES on HOME *****/
#newsResources { background: #FAF2D1; position: relative; z-index: 1; padding-bottom: 10px; height: 268px; border-radius: 10px; }
#newsResources-container { height: 228px; overflow: hidden; position:relative; z-index: 1; padding: 0 10px; }
#newsResources-slide { position:relative; z-index: 1; top:0;}
#newsResources .newsItem { overflow: auto; padding: 10px 0; border-top: 1px solid #FFF; border-bottom: 1px solid #F3E4A0; text-shadow: 1px 1px 0 #fdfdff; font-size: 11px; line-height: 16px;}
#newsResources .newsItem h2 { font-size: 14px; line-height: 17px; padding: 0 0 5px; margin: 0; }
#newsResources .newsItem p { margin: 0 0 5px; }
#newsResources .newsItem.first { border-top: 0; }
#newsResources .newsItem.last { border-bottom: 0; }

#newsResources #newsScrollUp { outline: 0 !important; height: 10px; width: 250px; background: #F3E4A0; position: absolute; z-index: 2; top: 37px; left: 0;}
#newsResources #newsScrollUp.active-scroll { display: block; }
#newsResources #newsScrollUp.inactive-scroll { display: none; }
#newsResources #newsScrollUp .newsScroll { display: block; width: 36px; height: 17px; background: #FFF; border: 1px solid #B49816; border-bottom: 0; border-radius: 20px 20px 0 0; position: absolute; bottom: 0px; left: 50%; margin-left: -19px; z-index: 3; cursor: pointer; }
.newsScroll .arrowUp { margin: 0; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid #B49816; position: absolute; z-index: 1; bottom: 6px; left: 13px; }

#newsResources #newsScrollDown { outline: 0 !important; display: block; height: 10px; width: 250px; background: #F3E4A0; border-radius: 0 0 10px 10px; position: absolute; z-index: 2; bottom: 0; left: 0;}
#newsResources #newsScrollDown.active-scroll { display: block; }
#newsResources a#newsScrollDown.inactive-scroll { 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* IE 8 */
  filter: alpha(opacity=50);/* IE 5-7 */
  -moz-opacity: 0.5;/* Netscape */
  -khtml-opacity: 0.5;/* Safari 1.x */
  opacity: 0.5;/* Good browsers */
  cursor: default; }
#newsResources #newsScrollDown .newsScroll  { display: block; width: 36px; height: 17px; background: #FFF; border: 1px solid #B49816; border-top: 0; border-radius: 0 0 20px 20px; position: absolute; top: 0px; left: 50%; margin-left: -19px; z-index: 3; cursor: pointer; }
#newsResources #newsScrollDown .arrowDown { border-left: 5px solid transparent !important; border-right: 5px solid transparent !important; border-top: 5px solid #B49816; position: absolute; z-index: 1; top: 6px; left: 13px; }
#newsResources #newsScrollDown.inactive-scroll:hover span { cursor: default;  }
#newsResources .newsScroll:hover { border-color: #4A3031 !important; }
#newsResources .newsScroll:hover .arrowUp { border-bottom-color: #4A3031 !important; }
#newsResources .newsScroll:hover .arrowDown { border-top-color: #4A3031 !important; }
#newsResources a#newsScrollDown.inactive-scroll .newsScroll:hover { border-color: #B49816 !important; }
#newsResources a#newsScrollDown.inactive-scroll .newsScroll:hover .arrow { border-top-color: #B49816 !important; }


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

/**** ****/
#leftcolumn { background: none repeat scroll 0 0 transparent;  border: 0 none;  margin-top: 4px;  width: 184px; float: left; }
#contentarea { float: left; width: 756px; }
#contentarea-inner { color: #333333; font-size: 13px; line-height: 19px; padding-left: 25px; width: 731px; position: relative; z-index: 1; }

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

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

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

/*** 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*/
	#more { position: relative; z-index: 11; }
	#more .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 { 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; }
	.passwordForm .close { top: 10px;}
	.ie10 #more .more, #advancedSearchMenus.more { box-shadow: none; -webkit-box-shadow: none; }
	
	/*TABS*/
	#more .tabLinks { float: left; z-index: 1; width: 165px; }
	#more .tabLinks ul { list-style: none; margin: 0; padding: 0; }
	#more .tabLinks ul li { margin: 0 0 2px; padding: 0; }
	#more .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 { background: #F9F9F9; color: #000; position: relative; width: 148px; border-right: 0; border-radius: 5px 0 0 5px; padding-right: 16px;  }
	
	#more .tabLinks ul.linksOut  { margin-top: 10px; }
	#more .tabLinks ul.linksOut li a { background: #e25d53; border: 1px solid #e25d53; color: #FFF; }
		#more .tabLinks ul li a:hover { color: #000; }
	
	#more .tabContent { margin: 0 0 0 170px; border: 1px solid #ABC22B; border-radius: 10px; padding: 15px; background: #F9F9F9; }
	#more #tab1 { 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; }


/*** BUNDLE BAR ***/
#bundlebar { padding: 0; margin: 0; background: #FFF url(../images/bg-bundlebar.png) left bottom repeat-x; font-family: Arial,Verdana,Helvetica,sans-serif; }
#bundlebar-inner { z-index: 450; width: 940px; margin: 0 auto; height: 41px; padding-top: 10px; box-sizing: border-box; }
	.logo-bb { vertical-align: middle !important; }
	
	/*#loginOverlay { z-index: 400; }*/
		#bundlebar-inner .globalnav { list-style: none; margin: 0; padding: 0; position: relative; }
		#bundlebar-inner .globalnav li.order a { position: relative; z-index: 10; width: 80px; }
		#bundlebar-inner .globalnav li.samples a { position: relative; z-index: 10; width: 80px;}
		#bundlebar-inner .globalnav li.loginLink a { width: 105px; }
		
	#bundlebar-inner .globalnav .arrowRight { float: right; display: inline-block; width: 0; height: 0; margin-left: 5px; margin-top: 4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #FFF;  }
	.ie7 #bundlebar-inner .globalnav .arrowRight { margin-top: 8px; }
	#bundlebar-inner .globalnav li.order .arrowRight { border-left-color: #FBB9B9;  }
	#bundlebar-inner .globalnav li.samples .arrowRight { border-left-color: #B7D4F1;  }
	#bundlebar-inner .globalnav li.loginLink .arrowRight { border-left-color: #D7F2C2;  }
	#bundlebar-inner .globalnav li a:hover .arrowRight { border-left-color: #FFF;  }
	
	#bundlebar .globalnav .order { position: absolute; top: 74px; right: 582px; }
	#bundlebar .globalnav .samples { position: absolute; top: 74px; right: 471px; }
	

	#bundlebar-inner ul.userinfoLoggedIn { margin: 0; padding: 0; list-style: none; position: relative; float: right; z-index: 500; top: -10px; line-height: 13px; }
	#bundlebar-inner ul.userinfoLoggedIn > li { margin: 0; padding: 0; position: relative; border: 1px solid transparent; border-radius: 6px 6px 0 0; text-align: right; }
	#bundlebar-inner ul.userinfoLoggedIn > li a.user { color: #000; text-decoration: none; cursor: text; display: block; padding: 6px 20px 8px 10px; }
	#bundlebar-inner ul.userinfoLoggedIn > li a.user .small { color: #666; }
	#bundlebar-inner ul.userinfoLoggedIn > li:after { content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #82BA3E; position: absolute; top: 11px; right: 5px; }
	#bundlebar-inner ul.userinfoLoggedIn > li:hover { background: #82BA3E;  border-color: #82BA3E; color: #FFF !important; }
		#bundlebar-inner ul.userinfoLoggedIn > li:hover a.user,
		#bundlebar-inner ul.userinfoLoggedIn > li:hover .small { color: #FFF !important; }
		#bundlebar-inner ul.userinfoLoggedIn > li:hover:after { border-top-color: #FFF; } 
	.dropDownMenu { background: #FFF; padding: 5px 0 10px 0; text-align: left; font-style: normal; position: absolute; top: 34px; right: -1px; border: 3px solid #82BA3E; border-radius: 0 0 5px 5px; box-shadow: 0px 5px 5px rgba(0,0,0,.2); min-width: 140px; width: auto !important; width: 140px; }
	.dropDownMenu ul { margin: 0; padding: 0; list-style: none; }
	.dropDownMenu ul li { margin: 0; padding: 0; }
	.dropDownMenu ul li a { margin: 0; padding: 5px 10px; display: block; color: #000; text-decoration: none; }
	.dropDownMenu ul li a:hover { color: #82BA3E; }
	
.footer .siteContainer {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.siteContainer {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    width: 980px;
}
.arrowDown {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000 transparent -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 5px 5px medium;
    display: inline-block;
    margin-top: -2px;
    position: relative;
    vertical-align: middle;
}
    
/* latest version of styles for order now redesign are on LAZ site main stylesheet */    
/* order now form */   
/* 
#orderFormContainer { 
	position: relative; 
	z-index: 500; 
	width: 980px; 
	margin: 0 auto; 
}  
	#orderFormContainer  a.closeLink { 
		display: block; 
		position: absolute; 
		top: -29px; 
		right: 253px; 
		z-index: 2; 
		height: 26px; 
		line-height: 25px; 
		width: 92px; 
		color: #fff; 
		font-weight: bold; 
		text-decoration: none; 
		background: #d63334; 
		border-radius: 6px 6px 0 0; 
		padding: 0 0 0 9px; 
	}
		#orderFormContainer  a.closeLink .arrowDown { 
			width: 0; 
			height: 0; 
			border-left: 4px solid transparent; 
			border-right: 4px solid transparent; 
			border-top: 4px solid #fff; 
			float: right; 
			margin: 10px 5px 0 0; 
		}
		
#orderFormContainer h2 {
	color: #04a22d;
	font-size: 18px;
	margin: 20px 0;
}	
#orderFormContainer h3 {
	font-size: 15px;
	margin: 0 0 15px 0;
	padding: 0;
}

#orderFormContainer .button,
#orderFormContainer button {
	height: auto;
	border: 1px solid #217bd8; 
	border-radius: 5px; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size: 14px;
	line-height: 1.3;
	color: #FFF;  
	padding: 5px 10px; 
	margin: 0 0 5px 0;
	text-shadow: 0 0 1px #0d5eb1; 
	background: #51a1f3; /* ie8 
	background: -webkit-linear-gradient(#5fabf8, #4197ee); /* Safari 5.1 to 6.0 
  	background: -o-linear-gradient(#5fabf8, #4197ee); /* Opera 11.1 to 12.0 
  	background: -moz-linear-gradient(#5fabf8, #4197ee); /* Firefox 3.6 to 15 
  	background: linear-gradient(#5fabf8, #4197ee);
  	display: inline-block;
  	width: auto;
  	cursor: pointer;
  	float: none;
}
	#orderFormContainer button::-moz-focus-inner {
		margin: -1px; /* remove extra padding in firefox 
	}
	#orderFormContainer .button:hover,
	#orderFormContainer button:hover { 
		background: #217bd8; /* ie8 
		background: -webkit-linear-gradient(#217bd8, #4197ee); /* Safari 5.1 to 6.0 
  		background: -o-linear-gradient(#217bd8, #4197ee); /* Opera 11.1 to 12.0 
  		background: -moz-linear-gradient(#217bd8, #4197ee); /* Firefox 3.6 to 15 
  		background: linear-gradient(#217bd8, #4197ee);
	}
	#orderFormContainer .button.green,
	#orderFormContainer button.green {
		background: #67b82d; /* ie8 
		background: -webkit-linear-gradient(#73c439, #5aac1f); /* Safari 5.1 to 6.0 
  		background: -o-linear-gradient(#73c439, #5aac1f); /* Opera 11.1 to 12.0 
  		background: -moz-linear-gradient(#73c439, #5aac1f); /* Firefox 3.6 to 15 
  		background: linear-gradient(#73c439, #5aac1f); 
  		border: solid 1px #4d9e13;
	}
		#orderFormContainer .button.green:hover,
		#orderFormContainer button.green:hover {
			background: #4d9e13; /* ie8 
			background: -webkit-linear-gradient(#4d9e13, #5aac1f); /* Safari 5.1 to 6.0 
  			background: -o-linear-gradient(#4d9e13, #5aac1f); /* Opera 11.1 to 12.0 
  			background: -moz-linear-gradient(#4d9e13, #5aac1f); /* Firefox 3.6 to 15 
  			background: linear-gradient(#4d9e13, #5aac1f); 
		}
		
#orderFormContainer #orderFormDiv {
	position: absolute; 
	top: 70px; 
	right: 20px;
	background: #fff; 
	border: 4px solid #d63334; 
	padding: 20px; 
	z-index: 1; 
	border-radius: 5px; 
}		

#orderFormContainer .nav {
	box-sizing: border-box;
	margin-right: -1px;
	padding-top: 1px;
	display: block;
	float: none;
}	
	#orderFormContainer .nav a {
		float: left;
		width: 50%;
		text-decoration: none;
	}
	#orderFormContainer .nav a span {
		font-size: 14px;
		padding: 4px 0 5px 0;
		border-top: solid 4px #ccc;
		background: #f4f4f4;
		margin-right: 1px;
		display: block;
		text-align: center;
		color: #666;
	}
		#orderFormContainer .nav a:hover span {
			background: #eaeaea;
		}
		#orderFormContainer .nav a.on span {
			border-top: solid 4px #4a8a1f;
			background: #d1e396; /* ie8 
			background: -webkit-linear-gradient(#ddf097, #c9da95); /* Safari 
  			background: -o-linear-gradient(#ddf097, #c9da95); /* Opera 
  			background: -moz-linear-gradient(#ddf097, #c9da95); /* Firefox 
  			background: linear-gradient(#ddf097, #c9da95);
  			color: #333;
  			font-weight: bold;
		}
		#orderFormContainer a:last-child span {
			border-right: none;
		}

#orderFormContainer .newCustomer {
	display: inline-block;
	vertical-align: top;
	padding: 0 30px 0 0;
	margin: 0 30px 0 0;
	border: none;
	border-right: solid 1px #c8c8c8;
	height: 140px;
}

#orderForm .customer { 
	width: auto; 
	display: inline-block;
}
	#orderForm table {
		border: none;
		margin: 0;
		padding: 0;
	}
	#orderForm table td { 
		margin: 0; 
		padding: 7px 0 0 0; 
		border: 0; 
	}
	#orderForm label {
		margin-right: 20px;
	}
	#orderForm input[type="checkbox"] { 
		margin: 0; 
	}
	#orderForm input.inputbox { 
		background: #FFF; 
		border: #c8c8c8 1px solid; 
		border-radius: 4px;
		width: 210px; 
		padding: 4px 7px; 
		margin: 0; 
	}
	#orderForm button {
		padding: 5px 35px; 
	}
	#orderForm .forgot {
		text-decoration: none;
	}
		#orderForm .forgot:hover {
			text-decoration: underline;
		}
*/

/*** FOOTER ***/
#footer{
    border-top: 2px solid #1B599B;
    background: url(../images/footer/tile.gif) 0 0 repeat-x #e5e5e5;
    color: #666;
    font-size:11px !important;
    width:100%;
}
#footer a img{
    border:none;
    text-decoration:none;
}
#footerTop{
    width:900px;
    margin: 0 auto;
    color: #000;
    font-size: 10px;
    line-height: 18px;
    height: 74px;
    margin-top:10px;
}
#footerBottom{
    width:986px;
  	height:50px;
    margin: 0 auto;
    padding-top: 5px;
}
#footerBottom a{
    color: #333 !important;
    padding: 0 2px;
    font-size:11px !important;
    background: #e5e5e5 !important;
    text-decoration: underline !important;
}
#footerBottom a:hover{
    color: #ff1111 !important;
    text-decoration: underline !important;
}
#footerBottom form{
    display:inline;
}
#footerBottom input{
    display:inline;
    width: 96px;
    height: 18px !important;
    font-size: 11px;
    color: #999;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
	height: 24px !important;
    margin: 0 6px 0 0;
}
#footerBottom input.button{
    width:56px;
    background: #ccc;
    color: #666;
    font-weight:bold;
    font-size:11px;
    border: 1px solid #d3d3d3;
    height:18px;
}

.footerText {
  font-size: 11px;
}

#footer .left, #footer .leftTop{
    float:left;
    width:134px;
    border-right: 1px solid #ccc;
    text-align:right;
    padding-right: 12px;
}
* html #footer .left, * html #footer .leftTop {
	width: 160px;
}
#footer .leftTop{
    padding:8px 12px 16px 0;
}
#footer .right{
    text-align: left;
    padding-top:8px;
    float: left;
    padding-left: 10px;
}
#footer .links{
    padding: 0 155px 0 20px;
}
.clear{
    clear:both;
}     

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

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

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

.expire { background: #fdfaca; border: 1px solid #FDEAA8; border-radius: 10px; box-shadow: 1px 1px 0 #FFF; padding: 10px; color: #eb0606; text-shadow: 1px 1px 0 #FFF; margin: 10px; position: absolute; top: -65px; left: 0; line-height: 15px; }
.expire .arrow { background: url("../images/arrow-yellow-down.png") no-repeat scroll 0 0 transparent;
    bottom: -8px;
    height: 9px;
    left: 58px;
    position: absolute;
    width: 18px; }

.folderNotice { border: 1px solid #FDEAA8; text-align: center; background: #fdfaca; border-radius: 10px; box-shadow: 1px 1px 0 #FFF; padding: 10px; text-shadow: 1px 1px 0 #FFF; margin: 10px; position: absolute; line-height: 15px; width: 110px; right: -33px; top:-50px; }
.leftColumn .folderNotice { margin: 0; width: 108px; right: -21px; top:-39px; font-size: 11px; }
.folderNotice .arrow { position: absolute; bottom: -8px; left: 58px; width: 18px; height: 9px; background: url(../images/arrow-yellow-down.png) 0 0 no-repeat; }

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

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

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

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


/*** YOUR RAZ NAV ***/
#yourRazHeaderLinks { position: relative; text-align: right; z-index: 100; line-height: 19px; }
#nav { position: absolute; top: -17px; right: 131px; z-index: 200; border-right: 1px solid #DDD; padding-right: 15px !important; }
ul#nav { padding: 13px 10px 7px 0 !important; }
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
}

#nav a {
	display: inline-block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
#nav a .name { color: #578f13; padding: 5px 0;  }
#nav a .yourRaz { color: #333; font-weight: normal;
	background: url(../images/arrow-yourraz.png) 94% 10px no-repeat;
	padding: 5px 25px 5px 15px; font-size: 14px; 
}
#nav li ul li {
	display: block;
	background-image: none;
	padding: 3px 0;
	text-align: left;
}
#nav li ul {
	position: absolute;
	left: -999em;
	background: #FFF;
	padding: 10px;
	border-radius: 5px;
	width: 200px;
	z-index: 2000;
	border: 5px solid #8BC34F;
	box-shadow: 3px 3px 5px #ccc;
}
#nav li ul a { font-weight: normal; color: #000 !important; display: block; }
#nav li ul a:hover { color: #82ba3e !important; }
#nav li.main:hover ul, #nav li.main:active ul {
	left: auto;
	right: -40px !important;
	width: 170px;
}
#nav li ul .signOut { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #ccc; }
#nav li.main:hover {
	/*background-position: 100% -10px;
	border: 5px solid #8BC34F;
	background-color: #8BC34F;
	border-radius: 10px 10px 0 0;*/
}
#nav li.main:hover a .yourRaz {
	background-position: 94% -5px;
	/*border: 5px solid #8BC34F;*/
	background-color: #8BC34F;
	border-radius: 5px 5px 0 0;
}
#nav li.main:hover a .yourRaz { color: #FFF; }

/*** LEVELED BOOKS MAIN PAGE ***/
.levelList { clear: both; position: relative; float: left; width: 745px; margin: 0 0 20px 0; z-index: 1; }
.levelList a { line-height: 16px; color: #666666; display: block; float: left; font-size: 11px; padding: 0 10px 0 0; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF; width: 135px; min-height: 200px; height: auto !important; height: 200px; position: relative; z-index: 1; }
.benchmarkPassagesList a { width: 176px; }
.levelList a img.thumbnail { border: 1px solid #CCCCCC; box-shadow: 5px 5px 5px #CCCCCC; display: block; margin: 0 0 10px; width: 73px; height: 112px; background: #eaeaea; }
.levelList a.landscape img.thumbnail { width: 112px; height: 73px; margin-top: 39px; }
.benchmarkPassagesList a img.thumbnail { width: 114px; height: 112px; }
.levelList a strong { color: #055bad; display: block; font-size: 13px; }
.levelList a:hover strong { text-decoration: underline; }
.levelList a span.updated, .levelList a span.new { left: -10px; }
.levelList a.landscape span.updated, .levelList a.landscape span.new { top: 42px; }

#posts.benchmarkBookList .group { float: left; width: 372px; }
#posts .group .levelSeparator { clear: none; width: 372px !important;}
.levelList.leveledBookList.benchmarkBookList .levelSeparator .levelLink { width: 325px; }
.levelList.leveledBookList.benchmarkBookList .levelSeparatorInfo { width: 338px; }
.levelList.leveledBookList.benchmarkBookList .levelSeparatorInfo .miniLevelChart { float: none; font-size: 11px;  margin: 0 0 20px; width: 338px;}
.levelList.leveledBookList.benchmarkBookList .levelSeparatorInfo .miniLevelChart a.buttonNew { margin-left: 131px; margin-bottom: 10px; }
.levelList.leveledBookList.benchmarkBookList .levelSeparatorInfo ul.levelDescriptor { clear: both; }

.retrieveMore { clear: both; font-size: 14px; margin: 0 0 0 111px; display: block; text-align: center; width: 400px; padding: 5px 10px 5px 10px; border: 1px solid #b9b4ec; background: #F8F7FC url(../images/bg-buttonnew.png) 0 0 repeat-x; font-weight: bold; color: #272075; text-shadow: 1px 1px 0 #FFF; text-decoration: none; border-radius: 5px; transition: background 1s, border-color 1s; -webkit-transition: background 1s, border-color 1s; -moz-transition: background 1s, border-color 1s;  }
.retrieveMore:hover { background: #f2f1fb; border-color: #272075; cursor: pointer;  }
.loadImgClass { clear: both; margin: 0 0 0 305px; display: block; height: 50px; width: 50px; background: url(../images/ajax-loader-50.gif) 0 0 no-repeat; text-indent: -1000em;  }

.levelSeparator { display: block; clear: left; width: 730px; padding: 5px 0 15px; color: #000; font-size: 11px; line-height: 14px; position: relative; z-index: 3; }
.row .levelSeparator { margin-left: 10px; }
.levelList .levelSeparator .levelLink,  .levelSeparator .levelLink { width: 100%; float: none;  width: 720px; padding: 0 0 0 10px; min-height: 26px; height: 26px !important; background: #e0e0e0; color: #000; font-size: 15px; line-height: 25px; font-weight: bold; border-radius: 5px 5px 0 0; position: relative; z-index: 1; display: block; text-decoration: none; }
.levelSeparator.withLevelBar .levelLink { padding-left: 33px;  width: 697px; }
.levelList.leveledBookList .levelSeparator .levelLink { padding-left: 33px; width: 697px; }
.levelList .levelSeparator .levelLink .levelMoreInfo,  .levelSeparator .levelLink .levelMoreInfo { display: inline-block; position: absolute; top: 1px; right: 10px; z-index: 1; margin: 0; font-size: 11px; color: #3F3971; }
.levelList .levelSeparator .levelLink.active .levelMoreInfo,  .levelSeparator .levelLink.active .levelMoreInfo { display: none; }
.levelSeparator .levelSeparatorInfo { font-size: 12px; overflow: auto; margin: 0; padding: 0; list-style: none; position: relative; z-index: 3; width: 710px; top: 1px; left: 0; background: #E6E3F9; padding: 10px; border-radius: 0 0 5px 5px; }
.levelLink em { font-weight: normal; font-style: normal; font-size: 80%; }

.levelSeparator ul  { margin: 0; padding: 0; list-style: none; }
.levelSeparator ul li { margin: 0; padding: 0 0 5px 12px; background: url(../images/bullet-square-purple.png) 0 3px no-repeat; }

.levelSeparator .close { top: 3px; right: 3px; display: none; }
.levelSeparator a.active .close { display: block; }
.levelSeparator .levelchart { float: right; width: 200px; margin-right: 100px; }
.levelList .levelSeparator .levelchart a { height: auto !important; min-height: auto !important; width: auto !important; }
.levelLink ul.levels { position: absolute; top: 4px; left: 10px; z-index: 1; }
.levelSeparator .head { font-weight: bold; margin: 0 0 5px; }

.levelDescriptor { padding-left:17px; margin:5px; }

.inlineSeparartor { clear: both;  padding: 5px 0; margin-bottom: 10px; font-weight: bold; border-bottom: 1px dashed #eaeaea; color: #000;}
.large { font-size: 16px; color: #000; }
.nonBookLayout .prodText h3 { font-size: 14px; }
.nonBookLayout .moreResources { clear: both; padding-top: 20px; }
.nonBookLayout .moreResources strong { display: block; background: #E4EFFA; padding: 2px 10px; color: #000; margin: 0 0 10px; }

.ie7 .levelLink ul.levels { top: 3px; }
.ie7 .levelMoreInfo .arrowRight { top: -7px; right: -4px; }

.miniLevelChart { width: 270px; float: right; margin: 0 0 0 20px; }
.miniLevelChart table { width: 100%; margin: 0; padding: 0; padding: 10px; background: #F1EFFC; border-radius: 10px }
.miniLevelChart table tr td { padding: 4px 10px; border-top: 1px solid #FFF; border-bottom: 1px solid #B9B4EC; }
.miniLevelChart table tr:last-child td { border-bottom: 0; }
.miniLevelChart table tr:first-child td { border-top: 0; }
.miniLevelChart table tr td:last-child { text-align: right; font-weight: bold; }
.miniLevelChart a.buttonNew { min-height: 0px; color: #272075; display: inline-block; margin: 10px 0 0 63px; padding: 5px 30px 5px 10px; position: relative; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF; width: 165px;  }

#leftcolumn .miniLevelChart { float: none; margin: 0; width: 184px; font-size: 12px; }
#leftcolumn .miniLevelChart table tr td { padding-left: 0px; padding-right: 0;}
#leftcolumn .miniLevelChart a.buttonNew { margin-left: 0; width: 144px; }

ul.categoryList { margin: 0; padding: 0; list-style: none; }
ul.categoryList li { margin: 0; padding: 0; display: block; }
ul.nonBookList li { padding: 3px 0; }
.nonBookList .level { color: #666666; font-size: 11px; }
.gridView ul.categoryList li { display: inline; }

.levelList.listView ul.categoryList li a span.updated { top: 0 !important; left: -50px !important; font-size: 11px; width: 47px; height: 14px; line-height: 14px; }
.levelList.listView ul.categoryList li a span.new { top: 1px !important; left: -29px !important; font-size: 11px; width: 27px; height: 14px; line-height: 14px; }
.levelList.listView ul.categoryList li a span.updated span, .levelList.listView ul.categoryList li a span.new span { display: none !important; }
.levelList .multilevel { font-weight: normal; }


.listView .LevelsDiv { float: left; width: 228px; position: relative; left: -20px; margin: 0 0 20px 20px; }
.listView.readAloudList .LevelsDiv, .listView.comicsList .LevelsDiv { width: 700px; }
.listView .LevelsDiv .levelSeparator { width: auto; }
.listView.levelList .levelSeparator .levelLink, .listView .levelSeparator .levelLink { width: auto; display: block; overflow: hidden; }
.listView.levelList .levelSeparator .levelMoreInfo { display: none; }
.listView .LevelsDiv a { display: inline-block; padding-bottom: 4px; min-width: 1px; width: 1px; width: auto !important; min-height: 1px; float: none; }
.listView .LevelsDiv a img.thumbnail { border: 0; box-shadow: none; width: 1px; height: 1px; float: right; margin: 0; background: none; display: inline; margin-top: 5px; visibility: hidden; }
.listView .LevelsDiv a strong { display: inline; font-weight: normal; }
.listView .levelSeparatorInfo { width: 208px; }
.listView .levelSeparatorInfo .miniLevelChart  { float: none; margin: 0 0 20px 0; width: 208px; font-size: 11px; }
.listView .levelSeparatorInfo .miniLevelChart a.buttonNew { width: 160px !important; margin-left: 0; }
.noResults { background: #eaeaea; color: #666; font-size: 16px; padding: 20px; text-align: center; text-shadow: 1px 1px 0 #FFF; width: 300px; margin: 0 auto 400px; }
.noResults.poetryNoResults { margin-bottom: 10px; width: 400px; }
.listView .noResults.poetryNoResults { width: 145px; }

#miniBook { text-align:center; margin:10px auto 20px; border:1px solid #cccccc; background: #EEEEEE; width: 332px; height: 279px; position: relative; z-index: 1; overflow: hidden; }
#miniBook.landscape { height: 179px; }
#miniBook #miniBookSlider { position: absolute; z-index: 1; top: 0; left: 0; }

.miniBookButton { position: absolute; top: 128px; z-index: 2; display: block; width: 20px; height: 20px; border: 1px solid #b9b4ec; background: #F8F7FC url(../images/bg-buttonnew.png) 0 0 repeat-x; border-radius: 5px; line-height: 22px; }
#miniBook.landscape .miniBookButton { top: 79px; }
#left.miniBookButton { left: 10px;  }
#right.miniBookButton { right: 10px; }
.miniBookButton.inactive-scroll { display: none; }
.miniBookButton .arrowLeft { margin: 5px 2px 0 0; }
.miniBookButton .arrowRight { margin: 5px 0 0 2px; }
.miniBookButton:hover .arrowRight { border-left-color: #272075; }
.miniBookButton:hover .arrowLeft { border-right-color: #272075; }
.miniBookButton:hover { background: #f2f1fb; border-color: #272075;  }

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

/*** Classroom Reports on Home ***/
.classroomReports { position: relative; z-index: 1; width: 260px !important; }
.classroomReports h2 { margin-left: 10px; }
.classroomReports ul.reportsNav { margin: 10px 0 0 0; }
.classroomReports ul.reportsNav li { margin: 0 0 7px 10px; }
.classroomReports ul.reportsNav li a { width: 116px; margin: 0; }
.classroomReports ul.reportsNav li a strong { width: 96px; }

ul.reportsNav { margin: 0 0 30px; padding: 0; list-style: none; clear: left; }
ul.reportsNav li { padding: 0; list-style: none; display: inline-block; margin: 0 10px 0 0; }
ul.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;  }
#memberHome ul.reportsNav li a { color: #000; }
ul.reportsNav li a:hover, ul.reportsNav li a.active { border-color: #4A3031; color: #4A3031; }
ul.reportsNav li a.active { box-shadow: 0 5px 5px rgba(0,0,0,.3); color: #000; }
ul.reportsNav li a strong { display: block; position: absolute; top: 35px; text-align: center; width: 110px; font-size: 16px; padding: 0 10px; line-height: 15px; }
ul.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; }
ul.reportsNav li a.active .arrowDown { display: block; }

ul.reportsNav a#activityReport { background-image: url(../images/activity-report.png); background-position: center center;background-repeat: no-repeat; }
ul.reportsNav a#assignmentReport { background-image: url(../images/progress-report.png); background-position: center center;background-repeat: no-repeat; }
ul.reportsNav a#assessmentsReport { background-image: url(../images/assessments-report.png); background-position: center center;background-repeat: no-repeat; }
.classroomReports ul.reportsNav li  a#assessmentsReport strong { width: 116px; padding: 0; }
ul.reportsNav a#skillsReport { background-image: url(../images/skills-report.png); background-position: center center;background-repeat: no-repeat; }

ul.reportsNav a.students { height: 65px; width: 102px; background-size: 60px 45px; margin-right: 5px; }
ul.reportsNav a.students strong { font-size: 14px; width: 82px; top: 15px;  }
ul.reportsNav li a.students .arrowDown { top: 65px; }

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

.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; }
.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;  }
    
    
    
@media print {
	
	body { background: #FFF; }
	.announcement,
	#bundlebar,
	.globalNav,
	.globalNav2,
	#topNav,
	#leftcolumn,
	#footerInternal,
	#rkFooter,
	#footer,
	#lightwindow,
	.breadcrumb,
	.helpArea { display: none;}
	
	#wrapper,
	#wrapper-inner,
	#header,
	#mainarea-inner, 
	#mainareaHome-inner,
	#contentarea,
	#contentarea-inner { width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: both; }
	
	.levelSeparator,
	.levelLink { width: 95% !important; }
	.levelList { width: 100% !important; }
	
	/*** MORE INFORMATION ***/
	a#moreLink,
	.alsoAvailableShout { display: none; }
	
	#more { display: block !important; }
	#more .more {  background: none; box-shadow: none; border-radius: 0; position: relative; top: 0; left: 0; width: 100%; text-shadow: none; padding: 0; }
	#more .close, 
	#more .arrowDown,
	.tabLinks { display: none; }
	#more .tabContent { background: none; border: 0; margin: 0; padding: 0; display: block !important; font-size: 14px; line-height: 20px; }
	#more .tabContent h2 { padding-top: 30px; text-transform: uppercase; font-size: 16px; }
	
	.filtersDiv,
	.viewingDiv span.view,
	.viewingDiv .sort { display: none !important; }
	
	.subTabLinks, .subTabLinks2 { display: none; }
	.subTabContent, .subTabContent2 { display: block !important; margin-top: 0 !important; }
	.subTabContent h2, .subTabContent2 h2 { text-transform: none !important; font-size: 14px !important; padding-top: 15px !important; }
	
	table.tablesorter tbody td, table.tablesorter tfoot td, table.tablesorter thead td {background: #FFF; border-bottom: 1px solid #CCC; }
	
	#retellingPrintInfo { display: block; }
	.retelling .leftColumn { width: 472px; }
	.retelling .rightColumn { top: 0; float: left; margin-left: 20px; }
	.retelling .leftColumn .rubricScoring { width: 190px; min-height: 110px; height: auto !important; height: 110px; }
	
	#logo img { margin-bottom: 20px !important; }
	.studentTabs { display: none; }
	.studentHeader { padding-right: 0; }
	.accordion.positionAbsolute { display: none; }
	.reportsNav,
	#editLink,
	ul.helpArea2,
	.dateChange,
	.filter { display: none !important; }
	
	.studentHeader { margin-bottom: 20px; }
	
}

/*** COMMON CORE PAGE ***/
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; }

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

 .pageContent { margin-top: 15px; }
 .columnOne { float: left; position: relative; width: 365px;}
.columnTwo { float: right; position: relative; width: 316px;}
.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;  }
.commoncore .columnTwo ol { margin: 0; padding: 0 0 0 17px; }
.commoncore .columnTwo ol li { padding-bottom: 5px; }

ul.bulletBlueSquare { list-style: none outside none; margin: 0; padding: 0; }
ul.bulletBlueSquare li { background: url(../images/bullet-blue-square.png) no-repeat scroll 0 13px rgba(0, 0, 0, 0); margin: 0; padding: 7px 0 7px 11px; }
ul.bulletBlueSquare.lessSpace li { background-position: 0 8px; padding-bottom: 2px !important; padding-top: 2px !important; }

[class*="colSpan"] { float: left; min-height: 1px; margin-left: 10px; margin-top: 10px; padding-bottom: 20px; }
.colSpan1 { width: 112px; }
.colSpan2 { width: 234px; }
.colSpan3 { width: 356px; }
.colSpan4 { width: 478px; }
.colSpan5 { width: 600px; }
.colSpan6 { width: 731px; }
[class*="colSpan"].resourceDownload { padding: 0; }
[class*="colSpan"].heading { background: #E4EFFA; }
[class*="colSpan"].heading strong { display: block; padding: 2px 10px; color: #000; }
.row { line-height: 13px; }
.row h3 {color: #000; font-size: 19px; font-weight: bold; line-height: 21px; margin: 0; padding: 0; }
.row h3 .help { top: -4px; }

[class*="colSpan"].hasThumbnail .thumbnail { float: left; width: 65px; height: 100px; margin: 0 45px 10px 0;  }
[class*="colSpan"].hasThumbnail.landscape .thumbnail { float: left; width: 100px; height: 65px; margin: 0 10px 10px 0;  }
.colSpan1.hasThumbnail.landscape .thumbnail { margin-top: 35px; }
[class*="colSpan"].hasThumbnail ul { float: left; }
.colSpan3.hasThumbnail ul { width: 244px; }
[class*="colSpan"].hasThumbnail h3 { /*float: left;*/   }

.row .colSpan1 h3 { font-size: 13px; line-height: 16px; margin: 0; padding: 0; }

.colSpan2 .thumbnail { width: 75px; height: 103px; float: left; margin: 0 10px 10px 0; }
.productLink { text-decoration: none; color: #666; font-size: 11px; line-height: 16px; }
.productLink strong { text-decoration: underline; color: #055bad; display: block; padding-bottom: 4px; font-size: 14px; line-height: 16px; }
.productLink:hover strong { text-decoration: none; }

.Downloads a { display: block; text-decoration: none; }
.Downloads a strong { display: block; }
.Downloads a .pdf { background: url("../images/icon-pdf.png") no-repeat scroll right 3px rgba(0, 0, 0, 0); padding: 0 15px 0 0; display: inline-block !important; }
.Downloads a .link { text-decoration: underline; }
.Downloads a:hover .link { text-decoration: none; }
.Downloads .small { line-height: 13px; }

.testPrep { position: relative; z-index: 1; padding: 15px; background: #FFF; }
.testPrep .page { list-style: none; margin: 0; padding: 0; position: absolute; z-index: 1; top: 15px; right: 10px; }
.testPrep .page li { display: inline-block; margin: 0; padding: 0; }
.testPrep .page li a { display: block; float: left; margin: 0 5px 0 0; padding: 0; height: 40px; width: 40px; font-weight: 900; font-size: 22px; line-height: 39px; text-align: center; background: #FC8100; color: #000; text-decoration: none; border-radius: 10px;  border: 5px solid #FC8100; }
.testPrep .page li a.done { font-size: 14px; cursor: not-allowed; opacity: 0.3; }
.testPrep .page li a.done.on {opacity: 1; cursor: pointer; }
.testPrep .page li a.active { background: #E2E2E2; border: 5px solid #CCCCCC;  }
.testPrep .instructions { font-size: 110%; font-weight: bold; color: #000; }
.testPrep .passageContainer { position: relative; z-index: 5; float: left; width: 50%; height: 375px; }
.testPrep .passage { clear: left; border: 1px solid #ccc; padding: 0 30px 0 40px; height: 415px; overflow: auto; background: #FFF; }
.testPrep .passageContainer.active { position: absolute; width: 85%; z-index: 2; }
.testPrep .passageContainer .expand { content: ''; width: 20px; height: 20px; background: #008000; border: 1px solid #CCC; border-left: 0; position: absolute; z-index: 5; right: -20px; top: 0; display: block; }
.testPrep .passageContainer.withTabs .expand { top: 27px; }
.testPrep .passageContainer.active .passage { box-shadow: 5px 5px 10px rgba(0,0,0,.3);}
.testPrep .passageContainer .expand:after { content: ''; position: absolute; top: 2px; left: 7px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #FFF; } 
.testPrep .passageContainer.active .expand:after { border-left: 0; border-right: 8px solid #FFF; left: 5px; }
.testPrep .passage p { position: relative; z-index: 1; }
.testPrep .passage .number { position: absolute; z-index: 1; top: 0; left: -25px; display: block; width: 20px; height: 20px; background: green; color: #FFF; font-size: 12px; border-radius: 20px; text-align: center;  }
.testPrep .quiz { float: right; width: 45%; }
.testPrep .quiz ul { list-style: none; margin: 0; padding: 0; }
.testPrep .quiz ul li { margin: 0; padding: 5px 0 5px 20px; position: relative; z-index: 1; }
.testPrep .quiz ul li input { position: absolute; z-index: 1; top: 4px; left: 0;  }
.testPrep .draggable { padding: 30px 0; }
.testPrep .draggable.float { float: left; }
.testPrep .draggable span { display: block; background: #eaeaea; padding: 10px; border: 3px solid #ccc; border-radius: 10px; margin: 0 0 10px; }
.testPrep .draggable.float span { float: left; width: 157px; height: 50px; margin-right: 20px; }
.testPrep .dragme.active { background: #CAF9F7; }
.testPrep .draggable span:hover { cursor: move; border: 3px solid #F9FE92; }
.testPrep .drop span { clear: both; display: block; border: 3px dashed #CCC; background: #FFF; color: #666; font-size: 16px; text-align: center; padding: 30px; border-radius: 10px; margin-top: 20px; }
.testPrep .drop span.active { padding: 0px; }
.testPrep .drop span:hover { background: #F9FE92; border-color: #CCC; }
.testPrep .tabs ul { margin: 0; padding: 0; list-style: none; }
.testPrep .tabs ul li { margin: 0; padding: 0; display: inline; }
.testPrep .tabs ul li a { margin: 0 5px 0 0; padding: 3px 10px; display: inline-block; border: 1px solid #ccc; background: #eaeaea; border-radius: 6px 6px 0 0; float: left; position: relative; top: 1px; }
.testPrep .tabs ul li a.active { background: #FFF; border-bottom: 1px solid #FFF; }
.testPrep textarea { width: 89%; height: 150px;}
.testPrep .draggablePassage .drag { background: #eaeaea; padding: 3px; }
.testPrep .draggablePassage .drag:hover { background: #F9FE92; cursor: move; }

.noStyle {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.testimony { background: url(../images/quote-open.png) 0 0 no-repeat; color: #666; font-size: 11px; margin-bottom: 30px; line-height: 13px; }
.testimony strong { display: block; background: url(../images/quote-close.png) 100% 100% no-repeat; padding: 5px 20px 0 25px; color: #333333; font-size: 15px; font-weight: normal; line-height: 22px; }
.testimony .user { display: block; padding: 10px 25px 0; }
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;
}
/* Styles for incentive page */
.floatLeft { float: left; }
.floatRight { float: right; }
.overflow { overflow: auto; }
.incentiveWrapper {
	padding-top: 25px;
	border-top: 1px solid #f9ed62;
	background-image: -webkit-radial-gradient(50% 0%, ellipse farthest-side, rgba(26, 99, 153, .1) 0, rgba(26, 99, 153, .0) 200px);
	background-image: -moz-radial-gradient(50% 0%, ellipse farthest-side, rgba(26, 99, 153, .1) 0, rgba(26, 99, 153, .0) 200px);	
	background-image: -ms-radial-gradient(50% 0%, ellipse farthest-side, rgba(26, 99, 153, .1) 0, rgba(26, 99, 153, .0) 200px);	
	position: relative;
	min-height: 375px;
}

	.incentiveWrapper:before, .incentiveWrapper:after 
	{ content: ""; display: block; width: 0; height: 0; position: absolute;	left: 50%;}
	.incentiveWrapper:before { margin-left: -70px; top: -1px; z-index: 50; border-left: 70px solid transparent; border-right: 70px solid transparent; border-top: 40px solid #fff; }
	.incentiveWrapper:after { margin-left: -71px;top: -1px; z-index: 49; border-left: 71px solid transparent; border-right: 71px solid transparent; border-top: 41px solid #f9ed62; }
	.incentiveContent { padding-right: 240px; float: left; clear: both; }
	.incentiveImage { position: absolute; bottom: 25px; right: 25px; }
	.incentiveRocketBtn { position: absolute; left: 0; bottom: 0; }

.starsIcon, .bullet, .avatarIcon, .rocketIcon, .starIcon, .tipIcon, .awardIcon
{ background: url("../images/incentiveSpriteSheet.png") no-repeat;margin-left: 5px; }

.starsIcon, .rocketIcon, .avatarIcon, .awardIcon
{ margin-bottom: 20px; }
.starsIcon { background-position: 0 0; width: 18px; height: 20px;}
.avatarIcon { background-position: -54px 0; width: 15px; height: 20px; }
.rocketIcon { background-position: -79px 0; width: 13px; height: 20px;}
.awardIcon { background-position: -202px 0; width: 13px; height: 18px;}

.tipCaptionWrapper { overflow: auto; margin-top: 20px; }
	.tipCaption { color: #1c679f; float: left; margin-left: 5px; width: 515px; }
	.tipCaption strong { font-weight: 700; }
	.tipIcon { background-position: -126px 0; width: 26px; height: 26px; margin-top: 6px; }	

.checkBullets {list-style-type: none; padding-left: 20px; margin: 0;}
	.checkBullets li { background: url("../images/bullet.png") no-repeat top left; padding-left: 20px; display: block; margin-bottom: 10px; }

.starChart {color: #1c679f; font-size: 15px; font-weight: 600; width: 500px; height: 231px; background: url("../images/starChart.png") no-repeat; border-collapse: collapse;}
	.starChart .small { font-weight: normal; font-style: italic; font-size: 11px; }
	.starCount {font-size: 20px; font-weight: 700; color: white; text-align: right; font-style: italic; padding-right: 35px;} 
	.starChartHead { color: #1c679f; font-size: 20px; font-weight: 700; }
	.starChartAlignRight { text-align: right; width: 405px; }
	.starIcon { background-position: -101px 0; width: 16px; height: 16px; }
	.starChartHead em { color: #000; font-weight: bold; display: block; padding: 3px 10px; background: #FCC362; font-size: 12px; border-bottom: 2px solid #FFF; }
	.starChart.testletStars { background-position: 0 -99px; height: 132px; }
	.starChart.wazStars { background-position: 0 -99px; height: 99px; }
	
.rankChart {color: #1c679f; font-size: 15px; font-weight: 600; width: 500px; height: 231px; background: url("../images/rankChart.png") 0 34px no-repeat; }
	.rankChart .starCount {font-size: 20px; font-weight: 700; color: white; text-align: right !important; font-style: italic; padding-right: 10px; height: 29px;} 
	.rankChart thead th { color: #1c679f !important; font-size: 20px; font-weight: 700; text-align: left; font-style: normal !important; }
	.rankChart td { padding-left: 40px; }


/* Avatar scrolling banner */
.avatarSlider { position: absolute; z-index: 1; top: 0; right: 0; }
	.avatarBannerContent { position: relative; z-index: 1; width: 250px; height: 415px; }
	.avatarBannerContent .banner { position: absolute; z-index: 1; bottom: 0; right: 0;}

/* Avatar scrolling buttons */
#buttons { padding-left: 90px;  margin: 10px 0 0 0; list-style-type: none; width: 120px; overflow: auto; }
	#buttons li { float: left; height: 17px; width: 16px; margin-right: 5px; background: url("../images/incentiveSpriteSheet.png") -155px 0; cursor: pointer; }
	#buttons li.selected { background: url("../images/incentiveSpriteSheet.png") -171px 0; }

.tip { float: left; width: 300px; background: url(../images/tip-icon.png) 0 0 no-repeat; padding: 0 0 0 30px; }
#more .tip { width: 180px; }

.divider { display: inline-block; position: relative; top: 3px; background: #ccc; width: 1px; height: 14px; margin: 0 6px; }
.projectable {background: url("../images/ico-proj.gif") no-repeat scroll right 2px rgba(0, 0, 0, 0); padding: 0 16px 0 0; }
.linksArrow { margin: 0; padding: 0; list-style: none; line-height: 18px; }
.linksArrow li { background: url("../images/arrow-bookresources.png") 0 6px no-repeat; padding: 0 0 0 9px; margin: 10px 0; }
.linksArrow .no-arrow { background-image: none; padding: 0; }

.normal.borders td { border-bottom: 1px solid #eaeaea; }
.normal.borders tr:hover { background: #eaeaea; }
.normal tr.benchmark, .normal tr.benchmark:hover { background: #EBF8CB; }


.resourceDownload { line-height: 16px; width: 233px; float: left; padding: 0 10px 10px 0; min-height: 150px; height: auto !important; height: 150px; position: relative; z-index: 3; }
.resourceDownload.withContent { width: 360px; border-top: 10px solid #E4EFFA; padding: 10px 0; margin: 0 0 30px 10px; }
.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 img.thumbnail.landscape { height: 65px; width: 100px; margin-bottom: 30px; }
.resourceDownload .right { float: right; width: 150px; padding: 0; padding-left: 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.landscape .right { width: 117px; }
.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 ul { list-style: none; margin: 5px 0 0; padding: 0; }
.resourceDownload ul li { margin: 0; padding: 2px 0; }

.projectableTools { margin: 0; padding: 0; list-style: none; }
.projectableTools li { display: inline-block; float: left; text-align: center; background: none !important; width: 90px; padding: 0; margin: 0; }
.projectableTools li.clear { padding: 0; height: 1px; width: 100%; margin: 0; display: block; }

.mainButtons ul.navLinks li a span { display: none; }

.assemblyList { margin: 0 0 0 -20px; width: 728px; float: left; }
.assemblyList .assembly { padding: 10px 0 30px 20px; width: 222px; float: left; }
.assemblyList .assembly strong { font-size: 14px; color: #000; }
.assemblyList .assembly img { display: block; border: 1px solid #ddd; margin: 6px 0; box-shadow: 2px 2px 5px #eaeaea; width: 218px; height: 124px; }
.assemblyList .assembly ul { margin: 0; padding: 0; list-style: none; }
.assemblyList .assembly ul li { margin: 0; padding: 2px 0 2px 5px; }
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; }
.icon-video {
    background: url("../images/video-icon.png") no-repeat scroll right 3px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline;
    height: 13px;
    position: absolute;
    text-indent: -9999px;
    width: 16px;
    z-index: 1;
}
.box-link { color: #666; line-height: 18px; border-top: 10px solid #e4effa; text-decoration: none; padding-top: 10px; }
.box-link:hover { border-color: #a6caee; }
.link-heading { color: #000; display: block; font-size: 16px; font-weight: bold; padding-bottom: 5px; }
.link-button { color: #055bad; text-decoration: underline; }
.box-link:hover .link-button { text-decoration: none; }

.list-fulllink { text-decoration: none; }
.list-fulllink.relative { z-index: 100; }
.list-fulllink h3 { color: #055bad; }
.list-fulllink:hover h3 { text-decoration: underline; }

.row .feature { position: absolute; top: -12px; left: -6px; background: #FDCF82; padding: 2px 5px; display: block; width: 80%; box-shadow: 0 3px 3px rgba(0,0,0,.2); color: #000; font-size: 80%; }
.row .feature:before { content: ''; border-top: 1px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FCBA4B; position: absolute; bottom: -6px; left: 0px; }
.row .needSubscription .feature { background: rgba(253, 207,130,.6); color: rgba(0,0,0,.6); }
.row .needSubscription .feature:before { border-right-color: rgba(252, 186,75,.6); }
.row .needSubscription:hover .feature { background: rgba(253, 207,130,1); color: rgba(0,0,0,1); }
.row .additionalSubscriptionRequired { display: none; position: absolute; top: -60px; left: 0px; background: #FFF; padding: 5px; width: 80px; color: #000; text-align: center; font-size: 80%; line-height: 95%; border: 1px solid #72B3F3; border-radius: 10px; box-shadow: 0 5px 5px rgba(0,0,0,.2); }
.row .additionalSubscriptionRequired:after { content: ''; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #FFF; }
.row .additionalSubscriptionRequired:before { content: ''; position: absolute; bottom: -11px; left: 50%; margin-left: -11px; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid #72B3F3; }
.row .list-fulllink:hover .additionalSubscriptionRequired { display: block; z-index: 100; }

.button-assign { display: inline-block; background: #FDCF82; text-decoration: none; border-radius: 5px; padding: 3px 5px 3px 8px; color: #000; border: 3px solid transparent; }
.button-assign .icon { position: relative; top: 0px; left: -2px; }
.button-assign:hover { border-color: #FAA20E; }

.buttonIcon {
    background: none repeat scroll 0 0 #b4d7f7;
    border: 1px solid #86bce3;
    border-radius: 4px;
    color: #1a6399;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 21px;
    line-height: 20px;
    padding: 0 8px 0 0;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    vertical-align: top;
}
.buttonIcon.orange {
    background: none repeat scroll 0 0 #ffbf94;
    border: 1px solid #fe9c5c;
    color: #ae4601;
}
.buttonIcon .fs1 {
    background: none repeat scroll 0 0 #1a6399;
    border-radius: 4px 0 0 4px;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    height: 19px;
    line-height: 22px;
    margin: -1px 1px 0 -1px;
    padding: 2px 4px;
    vertical-align: top;
}
.buttonIcon.orange .fs1 {
    background: none repeat scroll 0 0 #fa6502;
}
.buttonIcon:hover, .buttonIcon.active {
    background: none repeat scroll 0 0 #1a6399;
    border: 1px solid #1a6399;
    color: #fff;
}

.buttonIcon.orange:hover {
    background: none repeat scroll 0 0 #fa6502;
    border: 1px solid #fa6502;
    color: #fff;
}

.classroomlibrary a { text-decoration: none;}
.classroomlibrary-booktitle { text-decoration: underline; font-size: 14px; line-height: 22px; text-transform: capitalize; }
a:hover .classroomlibrary-booktitle { text-decoration: none; }
.classroomlibrary-booktitle img { height: 200px; width: 225px; }
.classroomlibrary-studentname { color: #999; display: block; padding-top: 5px;  }


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

.nonMemberTopBanner .topBanner .sliderLeft { padding-bottom: 30px; }
.checkmark li {list-style:none; font-size: 13px; line-height: 22px;}
.checkmark li:before {content:"\2714  "}
.topBanner .buttons { list-style: none; margin: 15px 0 0; padding: 0; overflow: hidden; }
.nonMemberTopBanner.topbanner-smallbuttons .topBanner .buttons a {
    font-size: 12px;
    height: 33px;
    margin: 0;
    padding: 11px 0 0 41px;
    width: 120px;
    text-decoration: none; font-weight: bold;
}
.nonMemberTopBanner .topBanner .buttons a.freeSamples { background: url(../images/button-tab-freesamples-small.png) no-repeat 0 0; }
.nonMemberTopBanner .topBanner .buttons a.trial { background: url(../images/button-tab-trial-small.png) no-repeat 0 0; }
.nonMemberTopBanner .topBanner .buttons a.order2 { background: url(../images/button-tab-order-small.png) no-repeat 0 0; color: #FFF; display: inline-block; }
.nonMemberTopBanner .topBanner .buttons a:hover { background-position: 0 -47px !important; }

.rubric-writing { background: #FFF; }
.rubric-writing h4 { background: #CCE0F2; padding: 3px 10px; margin: 0 0 5px; }
.rubric-writing ul { list-style: none; padding: 0; margin: 0 0 30px; }
.rubric-writing ul li { list-style: none; padding: 3px 10px; margin: 0; }


.kidslogo {
	height: 25px;
	width: 55px;
	padding: 4px 0 6px 10px;
}

.header-buttons {
	margin: 34px 0 0 10px;
	padding: 0;
	display: inline-block; float: left;
}