/*** USED TO BE HEADER.CSS ***/

body {
	font-family: Verdana, Helvetica, Sans-serif;
	color: #000000;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background: #E5E5E5;
}
body.printversion {
	background: #FFF;
	margin: 0;
	padding: 10px;
}
body.printversion table {
	border: 0;
	margin: 0;
	padding: 0
}
body.printversion table th {
	background: #999;
	text-align: left;
	padding: 5px 10px 5px 10px;
}
body.printversion table td {
	border-bottom: 1px solid #999;
	padding: 6px 10px;
}
textarea {
	font-family: Verdana, Helvetica, Sans-serif;
	color: #333;
	font-size: 11px;
}
:active, :focus {
    outline:none !important;
}
h1{
	color: #000;
	font-weight: bolder;
	font-size: 17px;
	margin: 0 0 10px 0;
	padding: 0;
}
h1.roster {
	background: url(/images/icon-classroom.png) left 3px no-repeat;
	padding: 0 0 18px 30px !important;
	margin: 0 0 0 20px !important;
}
#wrapper {
	margin: 0;
	padding: 0;
	background: #3366cc;
}
#wrapper-inner {
	width: 920px;
	margin: 0 auto;
	padding: 0;
}

td {font-family: Verdana, Helvetica, Sans-serif; color: #000000; }


a {color: #0033CC; text-decoration: underline;}
a:hover {color: #800000; text-decoration: none !important;}
a:hover span {text-decoration: none !important;}

#header {
	text-align: left;
	margin: 0;
	padding: 0;
	background: #3366cc;
	position: relative;
	float: left;
	width: 920px;
}
#header #logo {
	margin: 0 0 0 17px;	
}
#header #navigation {
	padding: 0 0 0 16px;
	position: relative;
	z-index: 500;
}
#header #navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#header #navigation ul li {
	margin: 0;
	padding: 0;
	display: inline;
}
#header #navigation ul li a {
	display: block;
	width: 90px;
	height: 36px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	text-indent: -99999999px;
}
#header #navigation ul li a#home {
	background: url(/images/topnav-home.png) no-repeat;
}
#header #navigation ul li a#roster {
	background: url(/images/topnav-roster.png) no-repeat;
}
#header #navigation ul li a#reports {
	background: url(/images/topnav-reports.png) no-repeat;
}
#header #navigation ul li a#inBasket {
	background: url(/images/topnav-in-basket.png) no-repeat;
}
#header #navigation ul li a#books {
	background: url(/images/topnav-books.png) no-repeat;
}
#header #navigation ul li a#resources {
	background: url(/images/topnav-resources.png) no-repeat;
}
#header #navigation ul li a#assignments {
	width: 133px;
	background: url(/images/topnav-assignments.png) no-repeat;
}
#header #navigation ul li a#teacherCorner {
	width: 133px;
	background: url(/images/topnav-teacher-corner.png) no-repeat;
}
#header #navigation ul li a#logIn {
	background: url(/images/topnav-log-in.png) no-repeat;
}
#header #navigation ul li a#samples {
	background: url(/images/topnav-samples.png) no-repeat;
}
#header #navigation ul li a#order {
	background: url(/images/topnav-order.png) no-repeat;
}
#header #navigation ul li a:hover {
	background-position: 0 -36px !important;
}
#header #navigation ul li a.active {
	background-position: 0 -72px !important;
}
#header #navigation ul li a.active:hover {
	background-position: 0 -72px !important;
}

#header #parrot {
	position: absolute;
	top: 0;
	right: 10px;
}
#header #parrot2 {
	position: absolute;
	top: 13px;
	right: 5px;
}
#header #parrot img.bubble {
	position: relative;
	top: -65px;
	left: 0;
}





#header table {
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	border: 0;
	border-spacing: 0;
}
#header table td, #header table tr {
	padding: 0;
	margin: 0;
	overflow: hidden;
	border: 0;
	border-spacing: 0;
}
#header input.inputfield {
        width:100px;
        height:20px;
        font-size:10px;
}

#header input.button {
        color:#1F60A9;
        height:2em;
        width: 60px;
        margin:0px;
        font-size: 10px;
        vertical-align: bottom;
}

#header span.bolded {
        font-weight:bold;
        font-size: 14px;
        margin-right: 3px;
}

#header form.login  {
		position: absolute;
                left: 250px;
                top: 10px;
		text-align: center;
		display: block;
		padding: 0;
		width: 386px;
		height: 43px;
		vertical-align: center;
                z-index: 1;

}

#header form.logout  {
                position: absolute;
                left: 250px;
                top: 18px;
		text-align: center;
		padding: 0;
		width: 100px;
		height: 43px;
		vertical-align: center;
                z-index: 1;
}


#header img {
        margin: 0;
        text-decoration: none;
        border: none;
}

#header .bigblack {
		color: #000;
		font-weight: bold;
		font-size: 14px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}

#header .userlabel {
		color: #000;
		font-weight: bold;
		font-size: 12px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}

.level {font-family: Verdana, Helvetica, Sans-serif; font-size: 1.8em; font-weight: bold;}

.kidslogin {color: #66663d; font-size: 13px;}
.kidslogin a:link, .kidslogin a:visited { color: #c2663d; text-decoration: underline;}
.kidslogin a:hover, .kidslogin a:active { color: #800000; text-decoration: none;}

.help { font-family: Verdana, Helvetica, Sans-serif; font-style: normal;}
.help a:link, .help a:visited {color: #000000; text-decoration: none; border-bottom:1px solid #e6c863;}
.help a:hover, .help a:active {color: #800000; text-decoration: none; border-bottom:1px solid #800000;}

#helpBlock {font-family: Verdana, Helvetica, Sans-serif;}

table.submiterror {margin: 0 auto 20px; font-family: Verdana, Helvetica, Sans-serif; background-color: #ffff66; border-width: 2px; width: 400px; border-style: dashed; border-color: #800000; border-collapse: collapse;}
table.submiterror td {padding: 8px; text-align: center;}

.favoritepicks div p {
	font-size: 12px;
}


/*** USED TO BE TOPCORNER.CSS ***/
#topcorner {
	width: 900px;
	height: 14px;
	background: #FFFF99 url(/images/topcorner-left.png) left top no-repeat;
    padding: 0 0 0 20px;
    margin: 0;
    overflow: hidden;
    clear: both;
}
.topcorner-right {
	width: 900px;
	height: 14px;
	background: url(/images/topcorner-right.png) right top no-repeat;
    padding: 0;
    margin: 0;

}

/*** USED TO BE BOTTOMCORNER.CSS ***/
#bottomcorner {
	width: 900px;
	height: 14px;
	background: #FFFF99 url(/images/bottomcorner-left.png) left bottom no-repeat;
    padding: 0 0 0 20px;
    margin: 0;
    overflow: hidden;
}
.bottomcorner-right {
	width: 900px;
	height: 14px;
	background: url(/images/bottomcorner-right.png) right bottom no-repeat;
    padding: 0;
    margin: 0;

}



/*** USED TO BE CONTENT_MAIN.CSS ***/
#content {
	background-color: #ffff99;
	width: 890px;
	min-height: 450px;
	padding: 10px 15px;
	margin: 0;
}
#content-top {
	background-color: #ffff99;
	width: 890px;
	padding: 0 15px;
	margin: 0;
}


#content img.aa {
border: 3px solid #FF0000;
}


#content img.A {
border: 3px solid #FE5A8E;
}


#content img.B {
border: 3px solid #FE09E0;
}


#content img.C {
border: 3px solid #A6027E;
}


#content img.D {
border: 3px solid #5D0170;
}


#content img.E {
border: 3px solid #19057A;
}


#content img.F {
border: 3px solid #1505BC;
}


#content img.G {
border: 3px solid #1004FE;
}


#content img.H {
border: 3px solid #2929FE;
}


#content img.I {
border: 3px solid #2984FE;
}


#content img.J {
border: 3px solid #00C5FE;
}


#content img.K {
border: 3px solid #00E2E2;
}


#content img.L {
border: 3px solid #00FEC5;
}


#content img.M {
border: 3px solid #00E78F;
}


#content img.N {
border: 3px solid #00B863;
}


#content img.O {
border: 3px solid #008837;
}


#content img.P {
border: 3px solid #03C624;
}


#content img.Q {
border: 3px solid #5AFE29;
}


#content img.R {
border: 3px solid #A2FE00;
}


#content img.S {
border: 3px solid #CDFE00;
}


#content img.T {
border: 3px solid #FFFF00;
}


#content img.U {
border: 3px solid #FFE600;
}


#content img.V {
border: 3px solid #FECC00;
}


#content img.W {
border: 3px solid #FFB300;
}


#content img.X {
border: 3px solid #FF9900;
}


#content img.Y {
border: 3px solid #FE581E;
}


#content img.Z {
border: 3px solid #D22602;
}

#content .big {
		font-size: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0;
}

.blacksubheader {
	font-size: 18px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0
}



/*** USED TO BE FOOTER.CSS ***/
#rkfooter {
        text-align: center;
        margin: 0px;
        vertical-align: bottom;
        background: #3366cc;
        color: #FFF;
		font-size: 12px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		text-align: center;
		padding: 15px;
}

#rkfooter a 		 {
		color: #fff;
		font-size: 12px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		text-decoration: none;
		text-align: center;
}

#rkfooter a:hover {
		color: #00f;
		text-decoration: underline;
		background-color: #fff;
}

/*** USED TO BE STUDENT.CSS.HTML ***/
.studentwhite      {
			color: #fff;
			font-size: 14px;
			font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-weight: bold;
			line-height: 18px;
			text-align: left;
			padding-left: 0px;
}

div#links a span {
   display: none;
}

.bigblack {
		color: #000;
		font-weight: bold;
		font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

.forgotpassword {
		font-weight: bold;
		font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

div#links a:hover span {
   display: block;
   position: absolute; top: 200px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: white;
   font: 10px Verdana, sans-serif; text-align: center;
}

.emphasized	{ background: #FFFFFF; border: 2px solid #003399 !important; cursor:pointer; padding: 10px;}
.regular 		{ /*background: #FFFF99;*/ border: 2px solid #FFFF99; cursor:pointer; padding: 10px;}
.kidsUser 		{ /*background: #FFFF99;*/ border: 2px solid #FFFF99; cursor:pointer; padding: 10px;display: block;text-decoration: none;color: #000; width: 115px;}
.kidsUser:hover	{ background: #FFFFFF; border: 2px solid #003399 !important; cursor:pointer; padding: 10px;color: #000;}
td.regular 		{ /*background: #FFFF99;*/ border: 2px solid #FFFF99; cursor:pointer; padding: 10px;}
td.unavailable	{ /*background: #FFFF99;*/ border: 2px solid #FFFF99; padding: 4px;}
td.unavailable img	{ margin-top: 6px;}


.kidslogin {color: #66663d; font-family: Verdana, Helvetica, Sans-serif;}
.kidslogin a:link, .kidslogin a:visited {font-size: 11px; color: #c2663d; text-decoration: underline;}
.kidslogin a:hover, .kidslogin a:active {font-size: 11px;color: #800000; text-decoration: none;}
table.usernames td {font-family: Verdana, Helvetica, Sans-serif; vertical-align: top; text-align: center; height: 75px;}

table.submiterror {background-color: #ffff66; border-width: 2px; width: 400px; border-style: dashed; border-color: #800000; border-collapse: collapse;}
table.submiterror td {padding: 8px; text-align: center;}


/*** USED TO BE INDEX.CSS.HTML ***/

.subhead2   {
		font-size: 12px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		margin-left: 0px; }

.red {
		color: #f00;
		font-weight: bold;
		font-size: 16px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
}

.red2 {
		color: #f00;
		font-weight: bold;
		font-size: 20px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
}

.smtext {
		font-size: 11px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
}

table.quote   {
		font-size: 10px;
		background: #fff;
		text-align: left;
		margin: 0;
		padding: 0;
		width: 240px;
		height: 120px;
		vertical-align: top;
		border: solid thin #000;
}

table.quote2    {
		background: #fff;
		text-align: left;
		margin: 0;
		padding: 0;
		width: 365px;
		height: 120px;
		vertical-align: top;
		border: solid thin #000;
}

/*** USED TO BE VIDEOS.CSS ***/
/* ---- styles to add to main.css for Video Archives page---- */
#videoPage{
	text-align:left;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
#videoBackground{
	background: #b8e3a4;
	padding: 20px 0;
	width:100%;
	text-align: center;
}
*html #videoBackground{
	text-align:center;
}
.videoTitle{
	font-size: 12px;
	margin: 0 0 10px 0;
	font-weight:bold;
	color: #669933;
	width:645px;
	text-align:left;
	padding: 0 0 0 28px;
}
*html .videoTitle{
	padding:0;
}
/*---- Video Player ----*/
#whatsnewplayer{
	width:640;
	height:500;
	border: #cccccc 1px solid;
	padding: 5px;
	background: #fff;
	margin: 0 auto;
}
#vidArchives{
	text-align:left;
	padding: 24px 0 50px 0;
}
#vidArchives h1{
	background-color:#005478;
	color: #fff;
	font-size: 14px;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding: 5px 12px;
	border: 1px solid #ccc;
	display:block;
}
#vidArchives a, .videoList 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:hover, .videoList a.videoArchiveLink:hover{
	background: #addb97;
}
#vidArchives img, .videoList a.videoArchiveLink img {
	float:left;
	border: 1px solid #336699;
	margin: 0 10px 0 0;
	display:block;
}
.videolink{
	font-weight:bold;
	text-decoration: underline;
	background: url(/shared/images/video-icon.png) right 2px no-repeat;
	padding: 0 18px 0 0;
}
#colLeft{
	float:left;
	width:280px;
}
#colRight{
	float:right;
	width:375px;
	position: relative;
	left: -10px;
}
#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: #ffcc33; }
#vidArchives #colRight a.videoArchiveLink, .videoList a.videoArchiveLink { padding: 0; height: 110px; 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; }



/* ---- styles to add to main.css for Members page---- */

#whatsnew{
	font-family: Arial, Helvetica, sans-serif;
}
#whatsnew a{
	text-align:left;
	background: #ceeaee;
	/*width:275px;*/
	border: 1px solid #3366cc;
	padding: 10px;
	display:block;
	font-size: 12px;
	text-decoration: none;
	overflow:auto;
	margin: 0 0 10px 0;
	color: #3366cc;
}
*html #whatsnew a{
	/*width: 295px;*/
}
#whatsnew a:hover{
	/*background: #b7dadf;*/
	background: #E8F5F7;
}
#whatsnew a:hover .videolink {
	color: #333;
}
#whatsnew img{
	float:left;
	border: 1px solid #3366cc;
	margin: 0 10px 0 0;
	display:block;
}



/*** LETTER BAR ***/
#levelBar {
	background: #6600cc url(/images/letterbar-left.png) top left no-repeat;
	height: 65px;
	width: 100%;
	padding: 0 0 10px 0;
	clear: both;
}
#levelBar-inner {
	background: url(/images/letterbar-right.png) top right no-repeat;
	text-align: center;
	padding: 15px;
}
.levelBar2 {
	background: none !important;
	height: auto !important;	
}
/*** LEVEL BAR ***/

#levelBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#levelBar ul li {
	margin: 0 2px 0 0;
	padding: 0;
	display: inline;
	float: left;
}
#levelBar ul.nobookroom {
	margin-left: 10px;	
}
#levelBar ul.bookroom {
	margin-right: 16px;
	margin-top: 8px;	
}
#levelBar ul a {
	margin: 0;
	padding: 0;
	text-indent: -100000px;
	display: block;
	width: 22px;
	height: 46px;
}
#levelBar a:focus {
	outline: 0 !important;
}
#levelBar a#level-aa {
	background: url(/images/levelBar-aa.png) no-repeat;
}
#levelBar a#level-A {
	background: url(/images/levelBar-A.png) no-repeat;
}
#levelBar a#level-B {
	background: url(/images/levelBar-B.png) no-repeat;
}
#levelBar a#level-C {
	background: url(/images/levelBar-C.png) no-repeat;
}
#levelBar a#level-D {
	background: url(/images/levelBar-D.png) no-repeat;
}
#levelBar a#level-E {
	background: url(/images/levelBar-E.png) no-repeat;
}
#levelBar a#level-F {
	background: url(/images/levelBar-F.png) no-repeat;
}
#levelBar a#level-G {
	background: url(/images/levelBar-G.png) no-repeat;
}
#levelBar a#level-H {
	background: url(/images/levelBar-H.png) no-repeat;
}
#levelBar a#level-I {
	background: url(/images/levelBar-I.png) no-repeat;
}
#levelBar a#level-J {
	background: url(/images/levelBar-J.png) no-repeat;
}
#levelBar a#level-K {
	background: url(/images/levelBar-K.png) no-repeat;
}
#levelBar a#level-L {
	background: url(/images/levelBar-L.png) no-repeat;
}
#levelBar a#level-M {
	background: url(/images/levelBar-M.png) no-repeat;
}
#levelBar a#level-N {
	background: url(/images/levelBar-N.png) no-repeat;
}
#levelBar a#level-O {
	background: url(/images/levelBar-O.png) no-repeat;
}
#levelBar a#level-P {
	background: url(/images/levelBar-P.png) no-repeat;
}
#levelBar a#level-Q {
	background: url(/images/levelBar-Q.png) no-repeat;
}
#levelBar a#level-R {
	background: url(/images/levelBar-R.png) no-repeat;
}
#levelBar a#level-S {
	background: url(/images/levelBar-S.png) no-repeat;
}
#levelBar a#level-T {
	background: url(/images/levelBar-T.png) no-repeat;
}
#levelBar a#level-U {
	background: url(/images/levelBar-U.png) no-repeat;
}
#levelBar a#level-V {
	background: url(/images/levelBar-V.png) no-repeat;
}
#levelBar a#level-W {
	background: url(/images/levelBar-W.png) no-repeat;
}
#levelBar a#level-X {
	background: url(/images/levelBar-X.png) no-repeat;
}
#levelBar a#level-Y {
	background: url(/images/levelBar-Y.png) no-repeat;
}
#levelBar a#level-Z {
	background: url(/images/levelBar-Z.png) no-repeat;
}
#levelBar a#level-1 {
	background: url(/images/levelBar-1.png) no-repeat;
	margin-left: 10px;
}
#levelBar a#level-2 {
	background: url(/images/levelBar-2.png) no-repeat;
}
#levelBar a#level-3 {
	background: url(/images/levelBar-3.png) no-repeat;
}
#levelBar a#new-books {
	background: url(/images/levelBar-newbooks.png) no-repeat;
}
#levelBar a#nursery-rhymes {
	background: url(/images/levelBar-nurseryrhymes.png) no-repeat;
}
#levelBar a#poetry-books {
	background: url(/images/levelBar-poetrybooks.png) no-repeat;
}
#levelBar a#song-books {
	background: url(/images/levelBar-songbooks.png) no-repeat;
}
#levelBar a:hover {
	background-position: 0 -46px !important;
}
#levelBar a.active {
	background-position: 0 -92px !important;
}

	
/*** LEVEL BAR POPOUT ***/
.levelBarPopout-container {
	font-family: Arial,Verdana;
	font-size: 11px;
	position: relative;
	width: 198px;
}
.levelBarPopout-container .header {
	background: #CC0001;
	color: #FFF; 
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	top: 9px;
	left:11px;
	width: 164px;
	padding: 4px 5px 4px 7px;
}
.levelBarPopout-container .titleArea { height: 20px; }
.levelBarPopout-arrow {
	height: 17px;
	position: absolute;
	width: 19px;
	z-index: 10;	
}
.levelBarPopout-arrow-top {	
	top: -9px;
	background: url(/images/popout-design-arrow-top.png) bottom center no-repeat;
}
.levelBarPopout-arrow-topleft {	
	top: -9px;
	background: url(/images/popout-design-arrow-topleft.png) bottom center no-repeat;
}
.levelBarPopout-arrow-topright {	
	top: -9px;
	background: url(/images/popout-design-arrow-topright.png) bottom center no-repeat;
}
.levelBarPopout-arrow-bottom {
	bottom: -9px;
	background: url(/images/popout-design-arrow-bottom.png) top center no-repeat;
}
.levelBarPopout-arrow-bottomleft {
	bottom: -9px;
	background: url(/images/popout-design-arrow-bottomleft.png) top center no-repeat;
}
.levelBarPopout-arrow-bottomright {
	bottom: -9px;
	background: url(/images/popout-design-arrow-bottomright.png) top center no-repeat;
}
.levelBarPopout-inner {
	background: url(/images/popout-design-top-levelbar.png) top left no-repeat;
	padding: 12px 0 0 0;
}
.levelBarPopout-inner table {
	width: 100%;
	background: url(/images/popout-design-center-levelbar.png) top left repeat-y;
}
.levelBarPopout-inner table td.spacer {
	width: 16px;
}
.levelBarPopout-inner table#tradeBookPopout td.spacer {
	width: 12px;
}
.levelBarPopout-inner table td {
	padding-top: 1px;
	padding-bottom: 1px;
}
.levelBarPopout-inner table td.col1 {
	padding: 2px 0 2px 3px;
}
.levelBarPopout-inner table td.col2 {
	width: 40px;
	padding: 2px 3px 2px 0;
	font-weight: bold;
	text-align: right;
}
.levelBarPopout-inner table#tradeBookPopout td.col2 {
	width: 100px;
}
.levelBarPopout-inner table td.zebra {
	background-color: #efefee;
}
.levelBarPopout-bottom {
	background: url(/images/popout-design-bottom-levelbar.png) top left repeat-y;
	height: 12px;
	width: 198px;
}


table.bookslevel {
	padding: 0;
	margin: 15px 0;
	width: 100%;
}
table.booklist {
	padding: 0;
	margin: 0;
	width: 100%;
}
.readonlyheader {
	background: #addc94 url(/images/readonlycurve-left.png) top left no-repeat;
	padding: 0 0 0 20px;
	height: 30px;
}
.readonlyheader-inner {
	background: url(/images/readonlycurve-right.png) top right no-repeat;
	padding: 0 20px 0 0;
	text-align: center;
	height: 30px;
}
.readonlyheader-inner img {
	position: relative;
	top: 8px;
}
table.booklist td.bookread, table.booklist td.bookread-only {
	text-align: center;
	vertical-align: bottom;
	width: 25%;
	padding: 15px 0 50px 0;
}
table.booklist td.benchmark {
	padding-top: 0;
	color: #cc0200;
	font-size: 12px;
}
table.booklist td.benchmark .descriptionPopUp {
	color: #000;
	font-size: 12px;
}
table.booklist td.bookread img.bookimage, table.booklist td.bookread-only img.bookimage {
	border: 3px solid #0033cc;
}
table.booklist td.benchmark img.bookimage {
	border: 3px solid #cc0200;
}
table.booklist td.bookread-only {
	background: #ADDC94;
}

table.booklist td.bookread-only-new {
	background: #ADDC94;
	vertical-align: top;
	text-align: center;
	width: 225px;
}
table.booklist td.bookread-only-new .readonly-text {
	text-align: left;
	padding: 0 15px 10px;
}
img.newbookicon-portrait {
    position:relative;
    bottom: 46px;
    left: -90px;
}
img.newbookicon-landscape {
    position:relative;
    bottom:46px;
    left: -90px;
}
table.booklist td.benchmark img.newbookicon-portrait, table.booklist td.benchmark img.newbookicon-landscape {
    left: -22px;
}
.bookread-only img.newbookicon-landscape, .bookread-only img.newbookicon-portrait {
	left: -26px;
}
.bookread-only-quiz img.newbookicon-landscape, .bookread-only-quiz img.newbookicon-portrait {
    left: -46px;
}
img.iconnew {
	position: relative;
	left: 15px;
}

.descriptionPopUp {
	background-color: #CCFF99;
	border: thin solid black;
	padding: 5px;
	text-align: left;
	font-size: 10pt;
	z-index: 100;
	width: 250px;
	opacity: .9;
	filter: alpha(opacity=90); // IE 5 - 7
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; // IE 8 -- must appear first
	display: block;
	visibility: hidden;
	position: absolute;
	margin: 0 0 0 0;
}
.booksize-landscape .descriptionPopUp {
	margin: 0 0 0 201px;
}
.booksize-portrait .descriptionPopUp {
	margin: 0 0 0 165px;
}





/*** USED TO BE IN THE TEACHET_TEMPLATE.HTML ***/
table.sortable a.sortheader {
    color: #000000;
    text-decoration: none;
    display: block;
}

table.sortable a:active.sortheader {
    color: #800000;
}

table.sortable span.sortarrow {
    text-decoration: none;
}
table.sortable td {
	/*padding-right: 10px;*/
}
table.sortable th {

}
.odd {
 background-color: #E8E8E8;
}
.even {
 background-color: #FFFFFF;
}
.repeated-header {
 display:table-row;
}

#rateMe{float:left; clear:both; width:100%; height:auto; padding:0px; margin:0px;}
#rateMe li{float:left;list-style:none;}
#rateMe li a:hover,
#rateMe .on{background:url(/images/reports/rec-score-on.gif) no-repeat;width:13px; height:18px;}
#rateMe a{float:left;background:url(/images/reports/rec-score-off.gif) no-repeat;width:13px; height:18px;}

h2 {
	margin: 0;
	padding: 0 0 10px 0;
	color: #000;
	font-size: 16px;
}
h2.studentname {
	padding-left: 15px;
}
.viewreports {
	border: 1px solid #3366CC;
	background: #FFF;
	margin: 0;
	padding: 20px 20px 0;
}
.viewreports table {
	/*width: 100%;*/
}
.viewreports table td {
	padding: 0 10px 20px 0;
	font-size: 11px;
}
.viewreports form {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.viewreports a img {
	text-decoration: none !important;
	display: block;
	margin: 0 0 8px 0;
}

.stats {border: 1px solid #0066cc; height: 80; width: 150 }







.pageHeader {
	background: #3366CC;
	padding: 10px 15px;
	margin: 0 0 20px 0;
	/*float: left;
	width: 100%;*/
	position: relative;
}
.halfpageHeader {
	width: 46% !important;
	float: left !important;
	margin-bottom: 0 ;
}
.halfpageHeader a {
	float: right;
}
.firstpageHeader {
	margin-right: 10px;	
}
.pageHeader h2 {
	color: #FFF;
	padding: 0;
	margin: 0;
}
.pageHeader h2 a.video {
	background: url(/images/help-video-icon.png) right 1px no-repeat;
	padding: 2px 75px 2px 0 !important;
	color: #FFF;
	text-decoration: none;
	font-size: 16px !important;
	font-weight: bold !important;
}
a.videoAlone {
	background: url(/images/help-video-icon.png) right 1px no-repeat;
	padding: 0 !important;
	text-decoration: none;
	width: 66px;
	height: 22px;
	display: block;
	text-indent: -1000000px;
}
span.videoIcon {background: url(/images/help-video-icon.png) right 1px no-repeat; display: inline-block; width: 66px; height: 22px; }
.pageHeader h2 a.video:hover,  a.videoAlone:hover {
	background-position: right -38px;
}
#levelBar a.videoAlone:hover {
	background-position: right -38px !important;
}

.pageHeader ul li.video a { background: url(/shared/images/video-icon.png) 97% 2px no-repeat; padding-right: 24px; }
.pageHeader ul li.helpLink a { background: url(/images/help.png) 100% 2px no-repeat; padding-right: 18px; padding-left: 5px; }

.pageHeader h3 {
	color: #FFF;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
}
.pageHeader a {
	color: #FFF !important;
	padding-left: 12px;
	font-weight: normal;
	font-size: 12px !important;
}
.small {
	font-size: 11px;
	font-weight: normal;
}
.pageHeader .studentselect {
	float: right;
}
.pageHeader select{
	height:20px;
	border: 1px solid #ccc;
}
.pageHeader input.goButton{
	/*width:30px;
	height:20px;
	border: 1px solid #ccc;*/
	margin-left: 7px;
}
#reportNav ul{
	margin:0;
	padding:0;
	list-style:none;
	position: relative;
	top: 3px;
	float: left;
	z-index: 10;
}
#reportNav ul{
	top: 3px;
}
#reportNav ul{ top: 1px\0/ } /*IE 8 Hack */
* html #reportNav ul {top: 1px;}
*+html #reportNav ul {top: 1px;}
#reportNav li {
	margin:0;
	padding:0 5px 0 0;
	float:left;
}
.emailreport {
	/*position: absolute;
	top: -35px;
	right: 0;*/
	text-align: right;
	margin: -12px 0 11px;
	
}
.emailreport img {
	position: relative;
	top: 3px;
}


/* ------ Roster Shell ------ */
#roster h1{
	font-size:17px;
	color:#000;
	margin:18px 0 0 22px;
	padding:0 0 18px 0;
}
#selectStudent{
	/*float:left;
	padding: 10px 0 0 22px;*/
}
.pageHeaderLinks{
	/*float:left;
	margin-left: 25px;
	padding-top: 12px;*/
}
.innerContent, #innerContent{
	background:#fff;
	border: 1px solid #3366cc;
	/*min-height: 400px;	*/
	padding:30px 20px;
	width: 850px;
	clear: left;
	position: relative;
	overflow: hidden;
	min-height: 302px;
	height: auto !important;
	height: 302px;
}
.innerContent2 {
	background:#fff;
	border: 1px solid #3366cc;
	margin-bottom: 18px;
	padding:10px;
	clear: left;
	position: relative;
}
#rosterNav{
	float: left;
	margin: 0;
	padding: 0;
	width: 860px;
}
#rosterNav ul{
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
	position: relative;
	top: 1px;
	float: left;
	z-index: 10;
}
#rosterNav ul{ top: 1px\0/ } /*IE 8 Hack */
#rosterNav li {
	margin:0;
	padding:0 0 0 5px;
	float:left;
}
#rosterNav li a{
	display:block;
	width:126px;
	height:35px;
	padding:0;
	margin: 0;
	text-indent: -1000000px;
}
#rosterNav li a.Rprofile{background: url(../images/roster/tab-profile.png) no-repeat;}
#rosterNav li a.Rmessages{background: url(../images/roster/tab-messages.png) no-repeat;}
#rosterNav li a.Rhistory{background: url(../images/roster/tab-history.png) no-repeat;}
#rosterNav li a.Ractivity {background: url(../images/subnav-activity-md.png) no-repeat;}
#rosterNav li a.Rassignment{background: url(../images/roster/tab-assignment.png) no-repeat;}
#rosterNav li a.Rlevelprogress{background: url(../images/roster/tab-level-progress.png) no-repeat;}
#rosterNav li a.Rwpm {background: url(/images/subnav-reading-rate.png) no-repeat;}


/*** ROSTER MAIN ***/
#rosterNav li a.students {background: url(/images/subnav-students.png) no-repeat; width:115px;}
#rosterNav li a.classMessages {background: url(/images/subnav-class-messages.png) no-repeat; width:115px;}
#rosterNav li a.classActivity {background: url(/images/subnav-class-activity.png) no-repeat; width:115px;}
#rosterNav li a.activityReport {background: url(/images/subnav-activity-report.png) no-repeat; width:115px;}
#rosterNav li a.activity {background: url(/images/subnav-activity.png) no-repeat; width:115px;}
#rosterNav li a.assignmentProgress {background: url(/images/subnav-assignment-progress.png) no-repeat; width:115px;}
#rosterNav li a.runningRecord {background: url(/images/subnav-running-record-report.png) no-repeat; width:115px;}
#rosterNav li a.practiceRecording {background: url(/images/subnav-practice-recording-report.png) no-repeat; width:115px;}

/*** REPORTS ***/
#rosterNav li a.class-activity {background: url(../images/reports/tab-class-activity.png) no-repeat;}
#rosterNav li a.assignment-progress {background: url(../images/reports/tab-assignment-progress.png) no-repeat; width: 175px;}
#rosterNav li a.school-activity {background: url(../images/reports/tab-school-activity.png) no-repeat;}
#rosterNav li a.district-activity {background: url(../images/reports/tab-district-activity.png) no-repeat;}

/*** IN BASKET ***/
#rosterNav li a.runningRecords {background: url(/images/subnav-running-records.png) no-repeat; width: 170px;}
#rosterNav li a.practiceRecordings {background: url(/images/subnav-practice-recordings.png) no-repeat; width: 170px;}

/*** Assignment ***/
#rosterNav li a.assessment {background: url(/images/subnav-assessment.png) no-repeat;}
#rosterNav li a.readingPractice {background: url(/images/subnav-reading.png) no-repeat;}

/*** Book Details ***/
#rosterNav li a.summary {background: url(/images/subnav-summary.png) no-repeat;}
#rosterNav li a.listen {background: url(/images/subnav-listen.png) no-repeat;}
#rosterNav li a.read {background: url(/images/subnav-read.png) no-repeat;}
#rosterNav li a.quiz {background: url(/images/subnav-quiz.png) no-repeat;}
#rosterNav li a.raz_quiz {background: url(/images/subnav-quiz-raz.png) no-repeat;}
#rosterNav li a.readRR {background: url(/images/subnav-readrr.png) no-repeat;}
#rosterNav li a.readonly {background: url(/images/subnav-readonly.png) no-repeat;}

#rosterNav li a:hover {background-position: 0 -35px; !important}
#rosterNav li a.active {background-position: 0 -70px; !important}
#rosterNav li a.active:hover {background-position: 0 -70px; !important}

#newSelectStudent {
	float: left; 
	background: #ffcc67 url(/images/orange-arrow.png) right center no-repeat;
	height: 26px !important; 
	padding: 5px 30px 0 15px;
	margin: 0 0 20px;
}
select#studentDropdown {
	min-width: 153px;
	width: auto !important;
	width: 153px;
		
}
.topRosterSpan { width: 890px; position: relative; height: 30px; min-height: 30px; height: auto !important;  }
.topRosterSpan .overviewVideo { position: absolute; top: 0; right: 0;
	background: url(/images/button-overview-video.png) 0 0 no-repeat;
	padding: 0 !important;
	text-decoration: none;
	width: 129px;
	height: 23px;
	display: block;
	text-indent: -1000000px; }
.topRosterSpan .overviewVideo:hover { background-position: 0 -23px; }
.clear {
	clear: both;
}


#recordedbook-player {
	text-align: right;
}
#recordedbook {
	background: #FFF;
	text-align: center;
	border: 2px solid #3366CC;
}
.recordingreview {
	/*background: #3366CC url(/images/recordingreview-topleftcorner.png) top left no-repeat;*/
	/*background: #ffff99 url(/images/play/corner2-tl.png) top left no-repeat;*/
	background: #FFF url(/images/play/bg-gradient.png) top left repeat-x;
	padding: 0 0 0 20px;
}
.recordingreview-inner {
	/*background: url(/images/recordingreview-toprightcorner.png) top right no-repeat;*/
	/*background: url(/images/play/corner2-tr.png) top right no-repeat;*/
	padding: 0 20px 0 0;
	/*text-align: right;*/
}
.recordingreview-inner #readBook, .recordingreview-inner #bookflash {
	background: #FFF;
	text-align: center;
	border: 2px solid #3366CC;
}
.recordingreviewbottom {
	/*background: #3366CC url(/images/recordingreview-bottomleftcorner.png) top left no-repeat;*/
	/*background: #ffff99 url(/images/play/corner2-bl.png) bottom left no-repeat;*/
	padding: 0 0 0 20px;
	height: 19px;
}
.recordingreviewbottom-inner {
	/*background: url(/images/recordingreview-bottomrightcorner.png) top right no-repeat;*/
	/*background: url(/images/play/corner2-br.png) bottom right no-repeat;*/
	padding: 0;
	height: 19px;
}

/*** FAVORITE PICKS/index pages ***/
.leftcolumn-home {
	width: 380px;
	/*background: #6DCAE4 url(/images/bluecorner-bottomleft.png) bottom left no-repeat;*/
	background: #6DCAE4 url(/images/bluecorner-bottom.png) bottom left no-repeat;
}
.rightcolumn-home {
	padding: 0 0 0 20px;
}
.leftcolumn-home #justrealesed {
	/*background: url(/images/bluecorner-bottomright.png) bottom right no-repeat;*/
}
.leftcolumn-home #justrealesed .buttons {
	background: #FFFF99;
	padding: 0 0 5px 0;
	float: left;
}
.leftcolumn-home #justrealesed .oneButton {
	background: #FFFF99;
	padding: 0 0 5px 0;
}
.leftcolumn-home #justrealesed .buttons a {
	display: block;
	height: 46px;
	float: left;
	text-indent: -11000px;
	/*-webkit-transition: background 1s ease-in;
	-moz-transition: background 1s ease-in;
	-o-transition: background 1s ease-in;
	transition: background 1s ease-in;*/
}
.leftcolumn-home #justrealesed .buttons a#renew-sm {
	width: 188px;
	background: url(/images/button-order-renew.png) no-repeat;
	margin: 0 4px 0 0;
}
.leftcolumn-home #justrealesed .oneButton a#renew-sm {
	width: 188px;
	background: url(/images/button-order-renew.png) no-repeat;
	margin: 0 auto 0;
	display: block;
	height: 46px;
	text-indent: -11000px;
	 }
.leftcolumn-home #justrealesed .buttons a#newbooks-sm {
	width: 188px;
	background: url(/images/button-new-books.png) no-repeat;
}
.leftcolumn-home #justrealesed .buttons a#newbooks {
	width: 380px;
	background: url(/images/button-new-books-lg.png) no-repeat;
}
.leftcolumn-home #justrealesed .buttons a:hover, .leftcolumn-home #justrealesed .oneButton a:hover {
	background-position: 0 -46px !important;
}
.leftcolumn-home #justrealesed .content {
	background: url(/images/bluecorner-topleft.png) top left no-repeat;
	clear: left;
}
.leftcolumn-home #justrealesed .content-inner {
	background: url(/images/bluecorner-topright.png) top right no-repeat;
	padding: 5px 20px 10px;
}


p.center {
	text-align: center;
}
#keepstudents {
	padding: 0 10px;
}
#favpick {
	background: #FEE580;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	margin: 0 0 20px;
	/*-moz-box-shadow: 1px 1px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;	*/
	float: left;
}
#favpick #firstplayer {
	float: left;
	padding: 0 20px 0 0;
}

#favpick h2 {
	margin: 0;
	padding: 15px 0 8px;
	font-size: 15px
}
#favpick p {
	line-height: 18px;
	margin-top: 0;
}


.award {
	clear: left;
	background: #FFF;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
}
.award table {
	text-align: center;
	width: 80%;
}



.bookroom {
	float: right;
	position: relative;
	top: -7px;
}
.bookroom img {
	border: 0;
}


/* ------ Roster Message Tab ------ */
h3 {
	margin: 0;
	padding: 0 0 10px 0;
	color: #000;
	font-size: 14px;
}
#archive{
	background: #ffff99;
	padding:20px;
}
#archive h3 {
	padding: 0 0 10px 4px;
}
#archive tr.rowWhite{
	background: #fff;
}
td.orangeCell{
	background: #ffcc66 !important;
}
#wordCount {
    font-weight:bold;
	font-size:14px;
}
.under-limit {
	color: #999;
}
.over-limit {
    color: #c00;
}

/* ------ Print Style ------ */
#print{
	position: relative;
	bottom: -43px;
	right: 0;
	float: right;
	z-index: 1000;
}#print2{
	right: 23px;
	position: absolute;
	top: 5px;
}

#linkToLink{
	left: 23px;
	position: absolute;
	top: 7px;
}

/* ------ Student Message Tab ------ */
#messageWrapper{
	text-align:left;
	width:750px;


}
#newMessage, .oldMessage{
	background: #fff;
	border: 2px solid #ffcc00;
	padding:20px;
	font-size:14px;
	line-height:20px;
	width: 686px;
}
#newMessage{
	font-weight:bold;
	margin-bottom:75px;
	position: relative;
}
a.arrowOk {
	display: block;
	width: 76px;
	height: 64px;
	background: url(/images/arrow-ok.png) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}
#newMessage h1{
	margin:0;
	padding:0;
	z-index:99;
	position:relative;
	top:-40px;
	margin-bottom:-31px;
}
.oldMessage{
	font-weight:normal;
	margin-bottom:8px;
}
.oldMessage h1{
	margin:0;
	padding:0;
	z-index:99;
	position:relative;
	top:-40px;
	margin-bottom:-31px;
}
.messageDate, .bonusStars{
	font-weight:bold;
}
.messageDate{
	float:left;
	width:120px;
	padding-right: 10px;
}
.messageText{
	float:right;
	width:556px;
}
.bonusStarsImg{
	z-index:99;
	position:relative;
	top:38px;
	margin-top:-23px;
}

#sendmessage {
	width: 460px;
	margin: 0 0 50px;
}
#sendmessage textarea {
	width: 448px;
	margin: 0 0 10px;
	padding: 3px 5px;
	height: 60px;
}
#sendmessage label {
	margin: 0 20px 0 0;
}
#sendmessageText {
	padding-left: 50px;
	line-height: 19px;
	float: right;
	margin: 0 0 50px;
}
.textright {
	text-align: right;	
}


.link {
	color: blue; text-decoration: underline;
}
.link:hover {
	color: #800000; text-decoration: none;
}

/*** Recorded book extra css ***/
.recordingreview {
      clear: both;
}
.bookinfo {
      position: relative;
      top: -5px;
}
.bookinfo img {
      float: left;
      margin: -2px 10px 5px 0;
}
.removeRecording {
	background: url(/images/ico-sml-remove.gif) right center no-repeat;
	padding: 0 24px 2px 0;
	display: inline-block;
	margin: 0;
}
.bookinfo .removeRecording {
	float: right;
	padding: 0 24px;
	margin: -4px 0 0 0;
}
.header-recorder {
      clear: both;
      float: left;
      width: 100%;
}
.header-recorder .columns {
      float: left;
      margin: 0 5px 15px 0;
}
.header-recorder #column1 {
      width: 148px;
}
.header-recorder #column2 {
      width: 135px;
}
.header-recorder #column3 {
	width: 320px;
}
.header-recorder #column4 {
      margin-right: 0;
      float: right;
}
.header-recorder .columns strong {
      display: block;
      background: #FFF3A4;
      padding: 5px 10px;
      margin: 0 0 5px 0;
}
.header-recorder .columns strong span {
      font-weight: normal;
}
.header-recorder .columns strong #wordCount {
	float: right;	
}
.header-recorder .columns .text {
      padding: 0 10px;
      display: block;
}
a.download {
      display: inline-block;
      background: url(/images/ico-mp3.gif) center right no-repeat;
      padding: 0 15px 0 0;
      margin: 0;
}

.header-recorder fieldset {
      margin: 0;
      padding: 0;
      border: 0;
}
.header-recorder #column3 #messageField textarea {
      width: 315px;
      height: 60px;
}
.header-recorder #column3 #bonusStarsField  {
      text-align: right;
      margin: 10px 0 0 0;
}
.header-recorder #column4 #notesField textarea {
	height: 60px;
	width: 220px;
	margin: 0 0 10px;
}
.header-recorder #column4 #submitButtonField {
	text-align: right;
}
.header-recorder #column4 #submitButtonField #submitReview {
	margin-left: 10px;
}

.review, .recently-reviewed {
	font-weight: bold;
}


a.print {
	background: url(/images/icon-print.png) right 3px no-repeat;
	padding: 0 20px 0 0;
	line-height: 18px;
}
.pageHeader a.print {
	padding-left: 5px;
}
table td a.print {
	background: url(/images/icon-print.png) right 4px no-repeat;
	margin-right: 5px;
}
a.pdf {
	background: url(/images/icon-pdf.png) right 3px no-repeat;
	padding: 0 15px 0 0;
}
a.xls {
	background: url(/images/ico-excel.gif) right 1px no-repeat;
	padding: 0 19px 0 0;
}




/*** ASSIGNMENTS ***/
.assignmentSelection {
	padding-bottom: 0 !important;
	float: left;
}
.assignmentSelection p {
	margin: 0 200px 20px 0;
	line-height: 16px;
}
h2.sectionHeader {
	background: #fff3a4;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 5px 10px;
	clear: both;
}
.assignmentSelection a {
	display: block;
	float: left;
	width: 152px;
	padding: 20px 20px 40px;
	text-align: center;
	border: 1px solid #FFF;
	margin: 5px;
	text-decoration: underline;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.assignmentSelection a.selfpaced {
	text-decoration: none;
	color: #333;	
}
.assignmentSelection a.selfpaced span {
	text-decoration: underline;
	color: #0033CC;	
}
.assignmentSelection a.selfpaced:hover span {
	text-decoration: none;
	color: #800000;	
}
.assignmentSelection a:hover {
	text-decoration: none;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFD2), to(#FFF));
	background: -moz-linear-gradient(top, #FFFFD2, #FFF);
}
.assignmentSelection a img {
	display: block;
	text-decoration: none !important;
	border: 0;
	margin-bottom: 8px;
}


/*** RUNNING RECORD ***/
.runningRecordSteps {
	line-height: 16px;
}
.runningRecordSteps .selectStudentStep1 {
	margin: 20px 10px 40px;
}
.runningRecordSteps select {
	padding: 1px 0 1px 5px;
	width: 200px;
	margin: 0 0 10px;
}
.runningRecordSteps .levels {
	margin: 20px 10px 40px;	
}
.benchmarkBook {
	float: left;
	width: 263px;
	margin: 20px 10px 30px;
}
.benchmarkBook img.bookCover {
	float: left;
	border: 2px solid #0033cc;
	margin: 0 10px 20px 0
}
.benchmarkBook img.bookcover-landscape {
	width: 105px;
	height: 72px;
}
.benchmarkBook img.bookcover-portrait {
	height: 105px;
	width: 72px;
}
.benchmarkBook img.bookCover:hover {
	border: 2px solid #800000;
}
.benchmarkBook strong {
	display: block;
	padding-bottom: 10px;
	font-weight: normal;
}
.assesmentButton {
	clear: both;	
	background: #fff3a4;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 10px 10px;	
}

.introtextSpecial {
	position: relative;
	width: 540px;
	padding: 0 0 20px 17px;
}
.introtextSpecial img {
	position: absolute;
	bottom: -35px;
	right: -200px;
}

a.assignButton {
	font-size: 14px;
	display: block;
	float: left;
	padding: 0 30px 15px 0;
	margin: 0 15px 15px 0;
}


ul#rrReviewInfo {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;	
	position: relative;
	top: -15px;
}
ul#rrReviewInfo li {
	display: inline;
	margin: 0;
	padding: 0 6px;	
	border-left: 1px solid #AAA;
}
ul#rrReviewInfo li.bookInfo  {
	border: 0;
	padding-left: 0;
}
ul#rrReviewInfo li.bookInfo img {
	float: left;
	margin: -3px 5px 0 0;
}



.customAssignmentsHeader {
	background: #FFCC66;
	padding: 5px 10px;
	margin: 10px 0 0 0;
	border-bottom: 4px solid #FFF;	
}
.customAssignmentsHeader strong {
	font-size: 14px;
}
.customAssignmentsHeader .remove {
	float: right;
	background: url(/images/ico-sml-remove.gif) right center no-repeat;
	padding: 0 24px;
	line-height: 22px;
	margin: -4px 0 0 0;
}
table.customAssignments {
	width: 100%;
	padding: 0;
	margin: 0 0 20px;
	background: #FFFF99;
}
table.customAssignments2 {
	background: #FFFFCC;
}
table.customAssignments th {
	text-align: left;
	font-weight: normal;
	background: #FF9900;
	border-bottom: 4px solid #FFF;
	border-right: 4px solid #FFF;
	padding: 5px 10px;
}
table.customAssignments th:last-child {
	border-right: 0;
}
table.customAssignments td {
	text-align: left;
	font-weight: normal;
	border-bottom: 4px solid #FFF;
	border-right: 4px solid #FFF;
	padding: 5px 10px;
}
table.customAssignments td td {
	text-align: left;
	font-weight: normal;
	border: 0;
	padding: 3px 3px;
}
table.customAssignments td:last-child {
	border-right: 0;
}
table.selfPacedAssignments th {
	text-align: left;
	font-weight: bold;
	background: #FF9900;
	border-bottom: 4px solid #FFF;
	/*border-right: 4px solid #FFF;*/
	padding: 5px 10px;
}
table.selfPacedAssignments td {
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	padding: 7px 10px;
}
table.selfPacedAssignments td select {
	width: 150px;
}

.tabletext {
	padding: 10px;	
}


#teacherCornerNav {
	margin: 0;
	padding: 0 0 30px 10px;;	
}
#teacherCornerNav a {
	display: block;
	margin: 0 0 5px;
	padding: 0;
	height: 40px;
	width: 174px;
	text-indent: -9999999px;
}
#teacherCornerNav a#gettingStarted {
	background: url(/images/tcnav-getting-started.png) top left no-repeat;
}
#teacherCornerNav a#videoLibrary {
	background: url(/images/tcnav-video-library.png) top left no-repeat;
}
#teacherCornerNav a#training {
	background: url(/images/tcnav-training.png) top left no-repeat;
}
#teacherCornerNav a#razRocketDetails {
	background: url(/images/tcnav-raz-rocket-details.png) top left no-repeat;
}
#teacherCornerNav a#whatDoINeed {
	background: url(/images/tcnav-what-do-i-need.png) top left no-repeat;
}
#teacherCornerNav a#summerMaterials {
	background: url(/images/tcnav-summer-materials.png) top left no-repeat;
}
#teacherCornerNav a#runningRecords {
	background: url(/images/tcnav-running-record.png) top left no-repeat;
}
#teacherCornerNav a#razQuizroom {
	background: url(/images/tcnav-quizroom.png) top left no-repeat;
}
#teacherCornerNav a#razQuizroomNew {
	background: url(/images/tcnav-quizroom-new.png) top left no-repeat;
}
#teacherCornerNav a:hover {
	background-position: 0 -40px !important;
}
#teacherCornerNav a.active {
	background-position: 0 -40px !important;
}
#teacherTips {
	margin: 0;
	padding: 0 0 30px 10px;	
}
#teacherTips img {
	margin: 0;
	padding: 0 0 10px 0;	
}



.callOutBoxesThree  {
	margin: 0 0 30px;
	overflow: auto;
}
.callOutBoxesThree .callOut {
	background: #fff url(/images/bg-gettingstarted-header.png) top left no-repeat; 
	width: 179px;
	float: left;
	margin: 0 20px 0 0;
	padding: 20px 15px 15px;
	height: 200px;
	position: relative;
}
.callOutBoxesThree ol {
	position: relative;
	left: -21px;
	top: 21px;
}
.callOutBoxesThree ol li {
	padding-bottom: 10px;
}
/*fiction & Non fiction*/
.type-f {
	color:#333399;
	font-weight:bold;	
}
.type-nf {
	color:#339900;
	font-weight:bold;	
}



/*** BOOK ROOM FLASH ***/
#bookroomflashTop {
	width: 753px;
	height: 23px;
	background: url(/images/bookroomflash-top.png) bottom left no-repeat;
}
#bookroomflash {
	text-align: center;
	color: #FFF;
	background: url(/images/bookroomflash-middle.png) repeat-x;
	width: 753px;
}
#bookroomflashBottom {
	width: 753px;
	height: 23px;
	background: url(/images/bookroomflash-bottom.png) top left no-repeat;
}



ul.moreSpacing li {
	padding-bottom: 10px;
}
.indentIn {
	padding: 0 0 0 29px;
}


/*** RUNNING RECORD INFO PAGE ***/
#tcSubnav {
	width: 196px;
	background: #B8E3A4 url(/images/teachercorner/tc-menubtm.gif) bottom no-repeat;	
}
#tcRightNav {
	width: 197px;
	background: url(/images/teachercorner/tc-corkbgrnd.jpg);
	padding: 0 0 0 20px;
}
#tcRightNav a.pdf {
	display: block;
	background-position: left 3px !important;
	padding: 0 0 5px 15px;
}
#tcRightNav td a.pdf .small {
	text-decoration: none !important;
	color: #000;
}


#runningRecordBoxes  {
	margin: 0 0 20px 0;
	float: left;
}
#runningRecordBoxes .box {
	float: left;
	width: 152px;
	background: #FFF;
	height: 350px;
	border: 1px solid #ccc;
	margin: 0 18px 0 0;
	color: #333;
}
#runningRecordBoxes .boxContainer {
	float: left;
	width: 152px;
	margin: 0;
	padding: 0
}
#runningRecordBoxes .boxContainer .box {
	height: 165px;
}
#runningRecordBoxes .box strong.head {
	display: block;
	border: 1px solid #FFF;
	background: #d1edc4;
	color: #669933;
	padding: 15px 0 5px 10px;
	height: 22px;
}
#runningRecordBoxes .box p {
	padding-left: 10px;
	padding-right: 5px;
}
.rrSteps {
	background: #FEE48F url(/images/teachercorner/rr-steps2.png) left top no-repeat;
	/*padding: 4px 0 0 60px;
	margin:0 0 0 60px;*/
	padding: 15px 0 0 60px;
	margin:0 0 15px 0;
}
.rrParrot {
	/*background: url(/images/teachercorner/rr-parrot.jpg) left top no-repeat;
	padding: 10px 0 30px 120px;	*/
}

/*** ON YOUR OWN ***/

#onYourOwnBoxes  {
	margin: 30px 0 30px 0;
	/*float: left;*/
	overflow: auto;
}
#onYourOwnBoxes .box {
	float: left;
	width: 217px;
	background: #FFF;
	height: 230px;
	border: 1px solid #ccc;
	margin: 0 18px 0 0;
	color: #333;
	border-radius: 5px;
}
#onYourOwnBoxes .box strong.head {
	display: block;
	border: 1px solid #FFF;
	border-radius: 5px 5px 0 0;
	background: #d1edc4;
	color: #000;
	padding: 8px 0 10px 10px;
	height: 22px;
}
#onYourOwnBoxes .box p {
	padding-left: 10px;
	padding-right: 5px;
}

.steps ol { list-style: none; margin: 0; padding: 0; }
.steps ol li { list-style: none; display: block; margin: 0; padding: 10px 0 10px 40px; clear: both; }
ul.sun { margin: 0; padding: 0; list-style: none; }
ul.sun li { background: url(/images/sun-small.png) 0 2px no-repeat; padding: 5px 0 5px 30px; }

/* success/fail for self-paced assignment ajax update */
.response-success {
	color: #999;
	padding-left: 20px;
	line-height: 22px;
}
.response-fail {
	color:red;
	padding-left: 20px;
	line-height: 22px;
}





div.benchMarktitle {
	font-size: 11px;
	color: #666;
	font-style: italic;
	/*margin-top: -5px;*/
	/*margin-left: 29px;*/
}
span.benchMarktitle {
	font-size: 11px;
	color: #333;
	font-style: italic;
	/*background: #FFFF99;
	padding: 0 5px 0 2px;
	border: solid #DFDF00;
	border-width: 0 1px 1px 0;*/
	font-weight: bold;
	/*display: block;*/
}


a.ext {
	background: url(/images/external-link.png) right top no-repeat;
	padding: 0 14px 0 0 ;
	white-space:nowrap;
}


/*** RAZ ROCKET DETAILS ***/
#razRocketDetail {
	width: 667px;
	margin: 0;
	padding: 0;
	color: #fff;
}
#razRocketDetail .topHeader {
	background: #09273e url(/images/teachercorner/bg-raz-rocket-top.jpg) top left no-repeat;
	text-align: right;
	padding: 31px 20px 0 0;
}
#razRocketDetail .razContent {
	background: #09273e url(/images/teachercorner/bg-raz-rocket-middle.jpg) top left no-repeat;
	padding: 20px 20px 0;
}
#razRocketDetail .razContent p {
	padding-right: 105px;
}
#razRocketDetail .razContent ul {
	padding: 15px 105px 40px 0;
	margin: 0;
	list-style: none;
}
#razRocketDetail .razContent ul li {
	padding: 5px 0 15px 27px;
	margin: 0;
	background: url(/images/teachercorner/bg-rocket.jpg) 0 -1px no-repeat;
}
#razRocketDetail .razStars {
	background: #09273e url(/images/teachercorner/bg-raz-rocket-bottom.jpg) bottom left no-repeat;
	padding: 0 20px 200px;
}
#razRocketDetail .razStars .column1 {
	float: left;
	width: 275px;
	margin: 0 20px 0 0;
}
#razRocketDetail .razStars .column2 {
	float: left;
	width: 325px;
	margin: 0;
}


.rosterCheckbox, .assignmentSelect, .lastInitialDisplay {
	position: relative;
}
.response-success, .response-fail {
	background: #CCFFCC;
	font-size:11px;
	margin:0;
	padding:0 10px;
	position:absolute;
	text-align:left;
	top:-2px;
	width:130px;
	z-index:500;
	color: #333;
}
.response-fail {
	background: #ffff66;
}
.rosterCheckbox .response-success, .rosterCheckbox .response-fail {
	right:-116px;
}
.assignmentSelect .response-success, .assignmentSelect .response-fail {
	right:355px;
}
.lastInitialDisplay .response-success, .lastInitialDisplay .response-fail {
    left:20px;
}



/*** ROSTER STUDENT PROFILES ***/
table.StudentAdd {
	width: 100%;
}
table.StudentAdd td {
	vertical-align: top;
	border-bottom: 8px solid #FFF;
}
table.StudentAdd .column1 {
	width: 200px;
	background: url(/images/arrow-student-add.png) right center no-repeat;
}
table.StudentAdd .column1 input.textbox {
	margin-bottom: 10px;
}
table.StudentAdd .column2 {
	background: #FFCC66;
	padding: 10px 20px;
}



/*** THIRD LEVEL NAVIGATION ***/
.subNavigation, .subNavigationNoBorder {
	border-bottom: 1px solid #e7e7e7;
	margin: -10px 0 15px 0;
	padding: 0 0 10px 0;
}
.subNavigationNoBorder, .subNavigationButtons {
	border-bottom: 0;
	margin: -10px 0 15px 0;
	padding: 0 0 0 0;
}
.subNavigationButtons ul {
	margin-top: 7px !important;
}
.subNavigation ul, .subNavigationNoBorder ul, .subNavigationButtons ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.subNavigation ul li, .subNavigationNoBorder ul li, .subNavigationButtons ul li {
	margin: 0;
	padding: 0;
	display: inline;
}
.subNavigation ul li a, .subNavigationNoBorder ul li a {
	margin: 0 15px 0 0;
	padding: 0 0 0 15px;
	display: inline-block;
	/*text-decoration: none;*/
	background: url(/images/arrow-orange.png) left 3px no-repeat;
}
.subNavigation ul li a:hover, .subNavigationNoBorder ul li a:hover {
	text-decoration: underline !important;
}

.subNavigationButtons ul li a {
	margin: 0 10px 20px 0;
	padding: 0;
	display: block;
	float: left;
	height: 32px;
	text-indent: -10000px;
}
.subNavigationButtons ul li a#addNewStudent {
	width: 185px;
	background: url(/images/btn-add-new-student.png) no-repeat;
}
.subNavigationButtons ul li a#addMultipleStudents {
	width: 207px;
	background: url(/images/btn-add-multiple-students.png) no-repeat;
}
.subNavigationButtons ul li a#transferStudents {
	width: 179px;
	background: url(/images/btn-transfer-students.png) no-repeat;
}
.subNavigationButtons ul li a#restoreStudents {
	width: 232px;
	background: url(/images/btn-restore-deleted-students.png) no-repeat;
}
.subNavigationButtons ul li a:hover {
	background-position: 0 -32px !important;
}

.extraItemLinks {
	float: right;	
}
.extraItemLinks ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}
.extraItemLinks ul li {
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	display: inline;
	border-left: 1px solid #e7e7e7;
}
.pageHeader .extraItemLinks ul li {
	border-left: 1px solid #94AEE4;
}
.extraItemLinks ul li.first {
	border: 0;
}
.extraItemLinks ul li a {
	margin: 0;
	display: inline-block;
}
.reviewNumber {
	display: inline-block;
	background: url(/images/bg-waiting-for-review.png) no-repeat;
	margin: 0;
	padding: 2px 0 0 0;
	position: relative;
	top: -2px;
	width: 19px;
	height: 15px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}



/*** BOOK DETAIL ***/
#BookSummaryLeft {
	float: left;
	width: 193px;
	margin: 0 20px 20px 0;	
}
.thumbnail {
	/*float: left;*/
	border: 1px solid #fee16b;
	background: #ffffe1;
	height: 193px;
	width: 193px;
	text-align: center;
	margin: 0;
}
.thumbnail img {
	border: 1px solid #000;
	box-shadow: 3px 3px 0 #dedec4;
	-moz-box-shadow: 3px 3px 0 #dedec4;
	-webkit-box-shadow: 3px 3px 0 #dedec4;
	background: #FFF;
}
.tb-landscape img {
	margin-top: 35px;
}
.tb-portrait img {
	margin-top: 8px;	
}
.description {
	overflow: hidden;
	line-height: 18px;
}


.previousBook {
	margin: 20px 0 0 0;
	float: left;
	text-align: left;	
}
.nextBook {
	margin: 20px 0 0 0;
	float: right;
	text-align: right;	
}
.previousBook strong, .nextBook strong {
	font-size: 15px;
	line-height: 20px;	
}
.previousBook a, .nextBook a {
	/*text-decoration: none;*/
	display: inline-block;
}
.nextBook a {
	padding: 0 16px 0 0;
	background: url(/images/arrow-orange.png) right 3px no-repeat;
}
.previousBook a {
	padding: 0 0 0 16px;
	background: url(/images/arrow-orange-back.png) left 3px no-repeat;
}

.previousBook a:hover, .nextBook a:hover {
	text-decoration: underline !important;
}





#photoCredits {
	padding: 1px;
}
.photoCreditsActive {
	/*border: 1px solid #fee16b !important;
	padding: 0 !important;
	background: #FFF;*/
}
#photoCreditsLink {
	display: inline-block; 
	padding: 0 10px 0 0;
	font-size: 10px; 
	color: #888;
	background: url(/images/arrow-photocredits-over.png) right center no-repeat;
}
.photoCreditsLinkActive {
	color: #000 !important;
	text-decoration: none;
	font-weight: bold;
	background: url(/images/arrow-photocredits-down.png) right center no-repeat !important;
}
#photoCreditsDiv {
	/*padding: 10px;*/
	font-size: 10px; 
	color: #666;
	line-height: 12px;	
}




table#restoreTable {
	margin: 0;
	padding: 0;
}
table#restoreTable th {
	text-align: left;
	background: #FFF3A4;
	padding: 3px 5px;
	border-left: 2px solid #FFF;
}
table#restoreTable td {
	text-align: left;
	padding: 2px 5px;
	border-bottom: 1px solid #eaeaea;
}

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


/*** RESOURCES SUB NAV TABS ***/
ul#resourcesSubNav { margin: 0 0 0 20px; padding: 0; list-style: none; }
ul#resourcesSubNav li { margin: 0; padding: 0; display: inline; }
ul#resourcesSubNav li a { margin: 0 1px 0 0; padding: 0; display: block; width: 170px; height: 35px; text-indent: -2000000px; float: left; }
ul#resourcesSubNav li a#books { background: url(/images/subnav-books.png) 0 0 no-repeat;; }
ul#resourcesSubNav li a#quizRoom { background: url(/images/subnav-quiz-room.png) 0 0 no-repeat; }

ul#resourcesSubNav li a:hover { background-position: 0 -35px !important; }
ul#resourcesSubNav li a.active { background-position: 0 -70px !important; }


/*** QUIZ LIST ***/
.quizList { padding: 0 0 10px 0; }
.quizList a { color: #000; text-decoration: none; line-height: 22px;  }
.quizList a img.bookCover { border: 3px solid #0033cc; background: #FFF; }


a#buttonFreeSamples { background: url(/images/button-free-samples.png) no-repeat; display: inline-block; width: 158px; height: 46px; }
a#buttonFreeSamples:hover { background-position: 0 -46px; }



#nonMemberOverviewVideo { position: relative; height: 216px; }
#nonMemberOverviewVideo div { position: absolute; top: 0; left: 0; }
#nonMemberOverviewVideo div a, #nonMemberOverviewVideo div a:focus, #nonMemberOverviewVideo div *:focus, #nonMemberOverviewVideo div a:active, #nonMemberOverviewVideo div :active { outline: none !important;ie-dummy: expression(this.hideFocus=true);
}