a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clear {clear: both; height: 0px;}
.left {float: left;}
.right {float: right;}
.align-center {text-align: center;}
.align-justify {text-align: justify;}
body {background: url(../images/bodyBg.gif) repeat-x top left white; font-family: Arial, Helvetica, 'sans serif';}
body.inner1 {background: url(../images/bodybgInner1.gif) repeat-x top left white;} 
body.inner2 {background: url(../images/bodybgInner2.gif) repeat-x top left white;} 

.broundsmall_back {font-size: 14px; color: white; text-align: center; position: relative; height: 21px; background: url(../images/bMiddleGO_Smooth.gif) repeat-x top left; padding: 3px 20px 0 20px; display: block;}
.broundsmall_back .bLeft {position: absolute; top: 0; left: 0; width: 7px; height: 24px; background: url(../images/bLeft_LeftCorner.gif) no-repeat top left;}
.broundsmall_back .bRight {position: absolute; top: 0; right: 0; width: 7px; height: 24px; background: url(../images/bRight_LeftCorner.gif) no-repeat top left;}
.broundsmall_back:hover {background-position: bottom left; color: black; text-decoration: none;}
.broundsmall_back:hover .bLeft {background-position: bottom left;}
.broundsmall_back:hover .bRight {background-position: bottom left;}

.broundsmall {font-size: 14px; color: white; text-align: center; position: relative; height: 21px; background: url(../images/bBig.gif) repeat-x top left; padding: 3px 20px 0 20px; display: block;}
.broundsmall .bLeft {position: absolute; top: 0; left: 0; width: 7px; height: 24px; background: url(../images/bLeft.gif) no-repeat top left;}
.broundsmall .bRight {position: absolute; top: 0; right: 0; width: 7px; height: 24px; background: url(../images/bRight.gif) no-repeat top left;}
.broundsmall:hover {background-position: bottom left; color: black; text-decoration: none;}
.broundsmall:hover .bLeft {background-position: bottom left;}
.broundsmall:hover .bRight {background-position: bottom left;}

.broundsmall_disabled {cursor:default;font-size: 14px; color: #666; text-align: center; position: relative; height: 21px; background: url(../images/bBig.gif) repeat-x top left; padding: 3px 20px 0 20px; display: block; }
.broundsmall_disabled .bLeft {cursor:default;color: #666;position: absolute; top: 0; left: 0; width: 7px; height: 24px; background: url(../images/bLeft.gif) no-repeat top left;}
.broundsmall_disabled .bRight {cursor:default;color: #666;position: absolute; top: 0; right: 0; width: 7px; height: 24px; background: url(../images/bRight.gif) no-repeat top left;}
.broundsmall_disabled:hover {cursor:default;text-decoration: none; font-size: 14px; color: #666; text-align: center; position: relative; height: 21px; background: url(../images/bBig.gif) repeat-x top left; padding: 3px 20px 0 20px; display: block; }
.broundsmall_disabled:hover .bLeft {cursor:default;position: absolute; top: 0; left: 0;color: #666; width: 7px; height: 24px; background: url(../images/bLeft.gif) no-repeat top left;}
.broundsmall_disabled:hover .bRight {cursor:default;position: absolute; top: 0; right: 0;color: #666; width: 7px; height: 24px; background: url(../images/bRight.gif) no-repeat top left;}

.broundlarge {font-size: 18px; line-height:25px; color: white; text-align: center; position: relative; height: 31px; background: url(../images/b2mid.gif) repeat-x top left; padding: 5px 29px 0 20px; display: block;}
.broundlarge .bLeft {position: absolute; top: 0; left: 0; width: 7px; height: 36px; background: url(../images/b2left.gif) no-repeat top left;}
.broundlarge .bRight {position: absolute; top: 0; right: 0; width: 7px; height: 36px; background: url(../images/b2Right.gif) no-repeat top left;}
.broundlarge:hover {background-position: bottom left; color: black; text-decoration: none;}
.broundlarge:hover .bLeft {background-position: bottom left;}
.broundlarge:hover .bRight {background-position: bottom left;}


#container {margin: auto; overflow: hidden; width: 1000px;}
.container {margin: auto; overflow: hidden; width: 1000px;}

/*HEADER STUFF*/
#header {width: 968px; padding: 0px; background: url(../images/logo_header.jpg) no-repeat top left; height: 80px;}
#logo {float: left;}
#headBtn {
    float: right;
    padding: 0px 67px 0 0;
}
#headBtn li {display: block; float: left; padding: 0 0px 0 0; text-transform: uppercase;}
/*#headBtn li.orange a {background: #f38e1c;}*/
#headBtn li.orange a:hover { text-decoration: underline;}
#headBtn li a {font-size: 10px; color: white; text-align: center; display: none;}
#headBtn li.disabled a { text-decoration: none;font-size: 10px; color: white; text-align: center; display: block; cursor:default;}
#headBtn li.disabled a:hover { text-decoration: none;cursor:default;}
#headBtn li a span {display:none;}

#headBtn #abtnhome {display: block; width: 37px; height: 66px; background: url("../images/btn_home.png") no-repeat 0 0; float: left;}
#headBtn #abtnhome:hover { background-position: 0 -66px; }
#headBtn li.disabled #abtnhome { background: url("../images/btn_home.png") no-repeat 0 0;background-position: 0 -66px;}
#headBtn li.disabled #abtnhome:hover { background: url("../images/btn_home.png") no-repeat 0 0;background-position: 0 -66px;}
#headBtn #abtnhome span {  position: absolute; top: -999em; }
#headBtn #abtnhome.selected {display: block; width: 37px; height: 66px; background: url("../images/btn_home.png") no-repeat 0 0; float: left; background-position: 0 -66px; }
#headBtn #abtnhome.selected span {  position: absolute; top: -999em; }

#headBtn #abtneditprofile {display: block; width: 55px; height: 66px; background: url("../images/btn_editprof.png") no-repeat 0 0;  float: left;}
#headBtn #abtneditprofile:hover { background-position: 0 -66px; }
#headBtn li.disabled #abtneditprofile { background: url("../images/btn_editprof.png") no-repeat 0 0;background-position: 0 -66px;}
#headBtn li.disabled #abtneditprofile:hover { background: url("../images/btn_editprof.png") no-repeat 0 0;background-position: 0 -66px;}
#headBtn #abtneditprofile span {  position: absolute; top: -999em; }
#headBtn #abtneditprofile.selected {display: block; width: 74px; height: 66px; background: url("../images/btn_editprof.png") no-repeat 0 0;  float: left; background-position: 0 -66px;}
#headBtn #abtneditprofile.selected span {  position: absolute; top: -999em; }

#headBtn #abtnlogout {display: block; width: 46px; height: 66px; background: url("../images/btn_logout.png") no-repeat 0 0;  float: left;}
#headBtn #abtnlogout:hover { background-position: 0 -66px; }
#headBtn #abtnlogout span {  position: absolute; top: -999em; }

#headBtn #abtnhelp {display: block; width: 32px; height: 66px; background: url("../images/btn_help.png") no-repeat 0 0;  float: left; margin-left: 15px; }
#headBtn #abtnhelp:hover { background-position: 0 -66px; }
#headBtn #abtnhelp span {  position: absolute; top: -999em; }
#headBtn #abtnhelp.selected {display: block; width: 32px; height: 66px; background: url("../images/btn_help.png") no-repeat 0 0;  float: left; background-position: 0 -66px; }
#headBtn #abtnhelp.selected span {  position: absolute; top: -999em; }

#classButtons {  height: 90px; margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 0; width: 380px;}

.btn_addnewbook {display: block; width: 126px; height: 90px; background: url("../images/btn_addbook.png") no-repeat 0 0; margin-left: auto; margin-right: auto; font-size: 0;  width: 95px !important;}
.btn_addnewbook:hover {background-position: 0 -90px;}
.btn_addnewbook span {position: absolute; top: -999em;}

.btn_addnewbook .bLeft {display:none !important;}
.btn_addnewbook .bRight {display:none !important;}

#btnViewReport {display: inline-block; width: 90px; height: 90px; background: url("../images/btn_viewreport.png") no-repeat 0 0;  font-size: 0;}
#btnViewReport:hover {background-position: 0 -90px;}
#btnViewReport span {position: absolute; top: -999em;}
#btnViewReport .bLeft {display:none !important;}
#btnViewReport .bRight {display:none !important;}

#btnEditClass {display: inline-block; width: 90px; height: 90px; background: url("../images/btn_changeclass.png") no-repeat 0 0;  font-size: 0;}
#btnEditClass.joinclass {background: url("../images/btn_joinclass.png") no-repeat 0 0;}
#btnEditClass:hover {background-position: 0 -90px;}
#btnEditClass span {position: absolute; top: -999em;}
#btnEditClass .bLeft {display:none !important;}
#btnEditClass .bRight {display:none !important;}

#btnAudio {display: inline-block; width: 90px; height: 90px; background: url("../images/btn_listenaudio.png") no-repeat 0 0;  font-size: 0;}
#btnAudio:hover {background-position: 0 -90px;}
#btnAudio span {position: absolute; top: -999em;}
#btnAudio .bLeft {display:none !important;}
#btnAudio .bRight {display:none !important;}


/*BOX STYLING*/
#box {width: 824px; margin: 24px 0 0 90px; position: relative; background: url(../images/boxRepeat.gif) repeat-y; overflow: hidden;}
#box2 {width: 824px; margin: 0px 0 0 0px; position: relative; background: url(../images/boxRepeat.gif) repeat-y; overflow: hidden; float: left;}
#boxTop {width: 824px; height: 41px; background: url(../images/boxTop.gif) no-repeat; position: absolute; top: 0; left: 0; z-index: 1;}
#boxBottom {width: 824px; background: url(../images/boxBottom.gif) no-repeat; position: absolute; bottom: 0; left: 0; z-index: 1; height: 44px;}

#grayed {
	background:url("/ui/images/trans.png") repeat scroll 0 0 transparent !important; 
	width:100%;
	height:100%;
	z-index:2;
	left:0;
	top:0;
	position:absolute;
}

#audiounits { align:middle;width:760px;padding-left:370px; }
#audiounits a { color:#0000aa; display:block; margin-top:10px; font-weight: bold; }
#audiounits a:hover { color:blue; }

.orangebar {
	background-color: #F08555;
	height: 47px;
	width: 50%;
	float: left;
	position: absolute;
	top: 759px;
	left: 0;
	z-index: -1;
}

span.btnclose {
	background:url("/ui/images/butt_close.png");
	top: 0px; right: 0px;
	display:inline;
	width:49px;
	height:11px; 
	position: relative; 
	cursor: pointer;
	z-index:5000;
	float:right;
}

span.btncloseHelp {
	background:url("/ui/images/butt_close.png");
	top: 0px; right: 0px;
	display:inline;
	width:49px;
	height:11px; 
	position: relative; 
	cursor: pointer;
	z-index:5000;
	float:right;
}



/*PLACEMENT DIVS*/
#content {width: 800px; margin: 8px 15px 16px 9px; position: relative; z-index: 2; overflow: hidden; min-height: 595px; height: auto !important; height: 610px /*IE6*/;}
#leftcol {float: left; width: 365px; padding: 60px 0 0 90px;}
#leftcol-small {float: left; width: 360px; padding: 30px 0 0 60px;}
#rightcol {width: 210px; float: right; padding: 60px 80px 0 0;}
#rightcol-large {width: 325px; float: right; padding: 30px 30px 0 0;}
#fullcol {float: left; width: 660px; padding: 60px 0 0 90px; z-index: 1000; }
#full760 {float: left; width: 760px; padding: 60px 0 0 90px; z-index: 1000; }
#full800 {width: 800px; margin: auto; padding: 60px 0 0 0;}
#full800-2 {width: 780px; margin: auto; padding: 15px 0 0 20px;}
#full800-help {
    height: 561px !important;
    left: 11px !important;
    margin: auto;
    padding: 15px 0 0 20px;
    width: 759px;
}
#errcol {float: left; width: 660px; padding: 0px 0 0 90px; z-index: 1000; text-align:center; }
/*OVERALL FORM STYLING*/
#content p {font-size: 14px; color: black;}
#content p.narrow {margin: 0px 25px;}
#content p.demoerror{color:#ff0000;}
#content p.error {color: #be0000; margin: 0 0 10px 0;}
#content p.error2 {color: #be0000; margin: -10px 0 10px 0;}
#content p.error3 {color: #be0000; margin-left: 10px;}
#content h3 {font-size: 18px; color: black; font-weight: normal; margin: 0 0 20px 0; line-height: 30px;}
#content h3.short {font-size: 18px; color: black; font-weight: normal; margin: 2px 0 2px 0; line-height: 21px;}    
#content h3 a {color: #d1694d; text-decoration: underline;}
#content h3 a:hover {text-decoration: none;}
#content h5 {font-size: 18px; color: black; font-weight: normal;}
#content h5.addbooktitle {width: 406px;font-size: 16px;}
label.norm {font-size: 14px; color: black; padding: 0 15px 0 0;}
input.single {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;}
select.single {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;}
input.single2 {font-size: 14px; color: black; border: 1px solid #b0b0b0; padding: 3px 5px;}
input.error {border: 1px solid #be0000;}
input.error3 {border: 1px solid #be0000;}
span.error {color: #be0000;font-size: 14px;}
em.error {color: #be0000;font-size: 14px;}
em.error3 {color: #be0000;font-size: 14px; margin-left: 10px;}
input.medium {width: 195px;}
select.medium {width: 207px;}
input.small {width: 135px;}
input.long {width: 400px;}
input.codebox {width: 605px; text-align: center;}
input.code1 {width: 15px; text-align: center; margin: 0 12px 10px 0;}
input.code2 {width: 45px; text-align: center; margin: 0 12px 10px 0;}
input.code3 {width: 65px; text-align: center; margin: 0 12px 10px 0;}
.levelwrapper {display: block;clear: both; margin: 0 60px 10px 0;}
.level {display: inline;  width: 340px; float: left; position: relative;}
.level span.txt {float: left; font-size: 14px; position: relative; top: 4px; left:10px;}
.level label.norm {padding-top: 4px; float: left;width:117px;}
.level input.single {float: right;}
.level input.single2 {float: right;}
.level2 {display: inline;  width: 250px; float: left; position: relative;padding-left:20px;}
.level2 span.txt {float: left; font-size: 14px; position: relative; top: 4px; }
.level2 label.norm {padding-top: 4px; float: left;padding-right: 10px;}
.level2 input.single {float: right;}
.level2 input.single2 {float: right;}
input.submit-gray {background: url(../images/submitBg.gif) repeat-x top left #aaaaaa; border: 1px solid black; text-align: center; font-weight: bold; color: white; font-size: 12px; padding: 5px 12px !important; padding: 5px 0 /*IE6*/; font-family: Arial, Helvetica, 'sans serif'; cursor: pointer;}
a.submit-gray     {background: url(../images/submitBg.gif) repeat-x top left #aaaaaa; border: 1px solid black; text-align: center; font-weight: bold; color: white; font-size: 12px; padding: 5px 12px;  font-family: Arial, Helvetica, 'sans serif'; cursor: pointer; display: block;}
a.submit-gray:hover {text-decoration: none;}
input.submit-grayl {background: url(../images/largeB.gif) repeat-x top left #aaaaaa; border: 1px solid black; text-align: center; font-weight: bold; color: white; font-size: 12px; padding: 10px 40px !important; padding: 5px 0 /*IE6*/; font-family: Arial, Helvetica, 'sans serif'; cursor: pointer;}
a.submit-grayl      {background: url(../images/largeB.gif) repeat-x top left #aaaaaa; border: 1px solid black; text-align: center; font-weight: bold; color: white; font-size: 12px; padding: 10px 40px;  font-family: Arial, Helvetica, 'sans serif'; cursor: pointer; display: block;}
a.submit-grayl:hover {text-decoration: none;}

.padleft { padding: 0 0 0 5px;}
.button {width: 226px; padding: 0 0 0 134px;}
.buttonerror {width: 400px; padding: 0 0 0 134px;}
.rm {margin-right: 10px;}
.bm {margin-bottom: 15px;}
.minwid {width: 50px;}
.minwid2 {width: 30px;}
.skip {margin-right: 15px !important; margin-right: 15px /*IE6*/;}
.print {margin-right: 15px !important; margin-right: 15px /*IE6*/;}
.ast {font-size: 20px; color: #b20101; position: absolute; top: 5px; right: -15px;}
.ynbtn {width: 190px; margin: 15px auto 0 auto;}
.w140 {width: 170px; margin: auto;}
.fixedwid {display: block; margin: 0 auto 5px auto; width: 175px;}
.fixedwid2 {display: block; margin: 0 0 5px auto; width: 180px;}
.fixedwid2center {display: block; margin: 0px auto 5px auto; width: 190px;}

#terms {width: 745px; padding: 35px 0 0 30px;}
#terms h3 {margin: 0 0 10px 0;}
#terms p {font-size: 13px; line-height: 17px; margin: 0 0 15px 0;}
#termsBox {width: 723px; border: 1px solid #b1b1b1; height: 403px; overflow-y: scroll; padding: 10px; margin: 0 0 10px 0; background: #ffffff;}
#agreeBox {float: right;}
.regerr {display: none;color: #be0000; margin: 0 0 10px 0;width:600px; float: left;}
a.reglink {color: #f29533; font-size: 12px; display: block; overflow: hidden;}

#books {width: 800px; padding: 60px 0 0 0; position: relative; z-index: 2;}
#books h3 {text-align: center;}
#books ul {padding: 0 0 0 18px;}
#books li {width: 118px; text-align: center; background: url(../images/bookshadow.png) no-repeat top center !important; background: url(../images/bookshadow.gif) no-repeat top center; min-height: 128px; padding: 6px 10px 20px 0; float: left;}
#books li a:hover {color: #f29533; font-size: 12px; display: block; overflow: hidden;}
#books li a {color: #000000; font-size: 12px; display: block; overflow: hidden;}
#books li a span.txt {text-decoration: underline; display: block; margin: auto; position: relative; left: -2px;}
#books li a span.img {width: 90px; height: 110px; display: block; padding: 4px; margin: 0 0 5px 12px;}
#books li a:hover span.img {background: #f29533;}
#books li a:hover {text-decoration: none;}
#books li a img {display: block; text-decoration: none; width: 90px; height: 110px;}
#books li a:hover img {}
#books li.selected a span.img {background: #30d430;}
#books li.selected a:hover span.img {background: #30d430;}
#books li.selected a {color: #f29533; font-size: 12px; display: block; overflow: hidden;}

#booksop {width: 800px; padding: 60px 0px 60px 0px; z-index: 2;margin-left: auto;margin-right: auto;}
#booksop h3 {text-align: center;}
#booksop ul {padding: 0 0 0 18px;margin-left: auto;margin-right: auto;}
#booksop li {width: 233px; text-align: center; background: url(../images/largeBookBg.png) no-repeat top center !important; background: url(../images/largeBookBg.png) no-repeat top center; min-height: 128px; padding: 7px 0 0 7px; margin-left: auto;margin-right: auto;}
#booksop li a {color: #f29533; font-size: 12px; display: block; overflow: hidden;}
#booksop li a {color: #bf4322; font-size: 12px; display: block; overflow: hidden;}
#booksop li a span.txt {text-decoration: underline; display: block; margin: auto; position: relative; left: -2px;}
#booksop li a span.img {width: 90px; height: 110px; display: block; padding: 4px; margin: 0 0 5px 12px;}
#booksop li a:hover span.img {background: #f29533;}
#booksop li a:hover {text-decoration: none;}
#booksop li a img {border: 0; margin: 3px; position: relative; left: -6px; width: 212px; height: 260px;}
#booksop li a:hover img {}
#booksop li.selected a span.img {background: #30d430;}
#booksop li.selected a:hover span.img {background: #30d430;}

#books_small {width: 800px; padding: 60px 0px 0px 0px; z-index: 2;margin-left: auto;margin-right: auto;}
#books_small h3 {text-align: center;}
#books_small ul {width: 800px;list-style-type: none;padding: 0px 18px 0 0px;margin-left: auto;margin-right: auto;text-align: none;}

#books_small li {width: 118px; text-align: center; background: url(../images/bookshadow.gif) no-repeat top center !important; background: url(../images/bookshadow.gif) no-repeat top center; min-height: 128px; padding: 6px 10px 20px 0;display:inline-block;vertical-align:top; zoom: 1; *display: inline; }

#books_small li a:hover {color: #f29533; font-size: 12px; display: block; overflow: hidden;}
#books_small li a {color: #000000; font-size: 12px; display: block; overflow: hidden;}
#books_small li a span.txt {text-decoration: underline; display: block; margin: auto; position: relative; left: -2px;}
#books_small li a span.img {width: 86px; height: 110px; display: block; padding: 4px; margin: 0 0 5px 14px;}
#books_small li a:hover span.img {background: #f29533;}
#books_small li a:hover {text-decoration: none;}
#books_small li a img {display: block; text-decoration: none; width: 86px; height: 111px;}
#books_small li a:hover img {}
#books_small li.selected a span.img {background: #30d430;}
#books_small li.selected a:hover span.img {background: #30d430;}
#books_small li.selected a {color: #f29533; font-size: 12px; display: block; overflow: hidden;}

#status {clear: both; width: 745px; padding: 20px 0 0 30px; position: absolute; bottom: 25px; left: 0; z-index: 1;}
#status2 {clear: both; width: 745px; padding: 20px 0 0 30px; position: absolute; bottom: 14px; left: 0; z-index: 1;}
#status ul {height: 13px; border-left: 1px solid #717171; border-right: 1px solid #717171; float: left; margin: 0 0 0 130px; display: inline; overflow: hidden;}
#status2 ul {height: 13px; border-left: 1px solid #717171; border-right: 1px solid #717171; float: left; margin: 0 0 0 130px; display: inline; overflow: hidden;}
#status li {width: 95px; float: left; height: 13px; background: url(../images/status-coming.gif) repeat-x; text-indent: -9999px; border-right: 1px solid #9a9a9a;}
#status2 li {width: 67px; float: left; height: 13px; background: url(../images/status-coming.gif) repeat-x; text-indent: -9999px; border-right: 1px solid #9a9a9a;}
#status li.complete {background: url(../images/statusCom.gif) repeat-x; border-right: 1px solid #028214;}
#status2 li.complete {background: url(../images/statusCom.gif) repeat-x; border-right: 1px solid #028214;}
#status li.last {border-right: none;}
#status2 li.last {border-right: none;}
#status p {clear: both; text-align: center; font-size: 11px; color: #7e7e7e; padding: 6px 0 20px 0; width: 745px;}
#status2 p {clear: both; text-align: center; font-size: 11px; color: #7e7e7e; padding: 6px 0 20px 0; width: 745px;}


#bholder {width: 745px; padding: 8px 0 0 30px; position: absolute; bottom: 0; left: 0; z-index: 1;}

.what {float: right; font-size: 14px; position: relative; padding: 8px 190px 0 0;}
.what2 {float: right; font-size: 14px; position: relative; padding: 8px 160px 0 0;}
.what a {color: #4d72d1; text-decoration: underline;}
.what2 a {color: #4d72d1; text-decoration: underline;}
.what a:hover {text-decoration: none;}
.what2 a:hover {text-decoration: none;}


#transoverlay {width: 800px; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/trans.png) repeat !important; background: none /*IE6*/; z-index: 1000;}
#currentBox {width: 406px; height: 465px; position: absolute; top: 0; left: 0; margin: 55px 0 0 200px; background: url(../images/currentBox.png) no-repeat; z-index: 1001; padding: 45px 0 0 0;}
#currentBox-small {width: 406px; height: 266px; position: absolute; top: 40px; left: 0; margin: 55px 0 0 200px; background: url(../images/currentBoxsmall.png) no-repeat; z-index: 1001; padding: 45px 0 0 0;}
.popshad {width: 211px; height: 257px; background: url(../images/popshad.gif) no-repeat; margin: 0 auto 28px auto; padding: 10px 0 0 11px;}
.addbooktitle {width: 406px;font-size: 16px;}

#codebox {width: 605px; text-align: center; padding: 5px 0; border: 1px solid #b5b5b5; font-size: 14px; }
#codeboxerror {width: 605px; text-align: center; padding: 5px 0; border: 1px solid #be0000;; font-size: 14px; }
.toolpop {position: absolute; top: -20px; left: 80px; width: 152px; height: 160px; background: url(../images/tooltip.png) no-repeat; padding: 25px 40px 0 30px;}
.toolpop p {font-size: 14px; line-height: 18px;}
.toolpop .close {position: absolute; top: 15px; right: 23px;}


.info {margin: 25px 0 25px 0;}
.info li {display: block; overflow: hidden; margin: 0 0 10px 0; font-size: 14px;}
.info li .left-col {float: left; color: #7d7d7d; width: 150px;}
.info li .info-col {float: left; color: black;}

#activityContentTitle { 
	top: 7px;
	left: 15px;
	*margin-top: 7px;
	font-size: 16px; font-family: Arial, Tahoma, Helvetica, 'sans serif'; color: black; font-weight: bold; position:absolute; dispaly: block; }

#content .regularText { font-size: 16px; color: black; }
#audioPage1 p.regularText { display: block; margin-left: 320px; font-size: 18px; }

/*FOOTER*/
#footer p {color: #8d8d8d; font-size: 11px; zoom:1;}


#leftCorndots {
	width: 484px; height: 585px;
	position: absolute;
	bottom: 16px;
	left: 9px;
	z-index: 1;
	background-image: url(../images/lcd.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#leftCornerPlain {
	width: 225px;
	height: 269px;
	position: absolute;
	bottom: 16px;
	left: 9px;
	background: url(../images/leftCorndots.gif) no-repeat;
	z-index: 1;
}

/*NEW STUFF*/
#largebooks {overflow: hidden; padding: 46px 146px 80px 146px;}
#largebooks li {width: 233px; background: url(../images/largeBookBg.png) no-repeat; padding: 7px 0 0 7px; text-align: center;}
#largebooks li  a:hover {text-decoration: none;}
#largebooks a img {border: 0; margin: 3px; position: relative; left: -6px; width: 212px; height: 260px;}
#largebooks a:hover img {border: 3px solid #d1694d; margin: 0; text-decoration: none;}
#largebooks a .link {font-size: 12px; text-align: center; text-decoration: underline; color: #f29533; position: relative; left: -6px;}
#largebooks a:hover .link {color: #18318f;}
#largebooks a:hover .bord {background: }
#largebooks2 {overflow: hidden; padding: 0px 0px 40px 0px; width: 240px;margin: auto;}
#largebooks2 li {width: 233px; background: url(../images/largeBookBg.png) no-repeat; padding: 7px 0 0 7px; text-align: center;}
#largebooks2 li  a:hover {text-decoration: none;}
#largebooks2 a img {border: 0; margin: 3px; position: relative; left: -6px; width: 212px; height: 260px;}
#largebooks2 a:hover img {border: 3px solid #d1694d; margin: 0; text-decoration: none;}
.blocks {margin: 0 0 25px 0;}
.blocks input {display: block; margin: 0 auto 5px auto; width: 170px;}
#largebooks2 a .link {font-size: 12px; text-align: center; text-decoration: underline; color: #f29533; position: relative; left: -6px;}
#largebooks2 a:hover .link {color: #18318f;}
#largebooks2 a:hover .bord {background: }

#largebook {overflow: hidden; padding: 0px 0px 40px 0px; width: 240px;margin: auto;}
#largebook li {width: 233px; background: url(../images/largeBookBg.png) no-repeat; padding: 7px 0 0 7px; text-align: center;}
#largebook li  a:hover {text-decoration: none;}
#largebook img {border: 0; margin: 3px; position: relative; left: -12px; top: -4px; width: 201px; height: 260px;padding: 4px;}
#largebook a .link {font-size: 20px; font-weight: bold; text-align: center; text-decoration: none; color: #000000; position: relative; left: -6px;}
#largebook a:hover .link {font-size: 20px; font-weight: bold; text-align: center; text-decoration: underline; color: #f29533; position: relative; left: -6px;}
#largebook a:hover img {background: #f29533;}


#currentbook {float: right; padding: 0 12px 0 0; text-align: right;}
#currentbook p {font-size: 12px; font-weight: bold; float: left; padding: 8px 0 0 0;}
#currentbook img {float: right;}
.downloads {
	width: 755px;
}
.downloads th {height: 27px; vertical-align: middle; font-size: 10px; color: white; font-weight: bold; font-size: 10px; border-right: 1px solid #454545; background: black;}
.downloads th.unit {font-size: 10px;}
.downloads th.total {font-size: 12px;}
.downloads th.last {border: none;}
.downloads th.dl {text-align: left;}
.downloads a {color: #ff9d83; text-decoration: underline;}
.downloads a:hover {; text-decoration: none;}
.unit {width: 73px; text-align: center;}
.file {width: 115px; text-align: center;}
.content {width: 97px; text-align: center;}
.size {width: 89px; text-align: center;}
.content_lrg {width: 197px; text-align: center;}
.size_lrg {width: 189px; text-align: center;}
.dl {text-align: left; padding: 0 0 0 20px;}
.downloadhead {text-align: left; padding: 0 0 0 20px;font-size: 10px; color: white; font-weight: bold; font-size: 10px; border-right: 1px solid #454545; background: #999999;}
.tdelete {width: 83px; padding: 0 0 0 6px; text-align: left;}
.tname {width: 220px; text-align: center;}
.temail {width: 220px; text-align: center;}
.tstatus {text-align: center;}
.avg {width: 100px; padding: 0 0 0 10px; text-align: left; font-weight: bold;}
.havg {padding: 0 0 0 10px; text-align: left; font-weight: bold;}
.unit {width: 52px;text-align: center; font-size: 11px;}
.units1 {width: 50px;}
.units2 {width: 102px;}
.units3 {width: 154px;}
.units4 {width: 288px;}
.studentsummary .unit {width: 71px;}
.studentsummary .units1 {width: 50px;}
.studentsummary .units2 {width: 106px;}
.studentsummary .units3 {width: 162px;}
.studentsummary .units4 {width: 218px;}
.unitcat {width: 43px; text-align: left; padding: 0 6px 0 6px; font-size: 10px;}
.unitcat2 {text-align: center; padding: 0 3px; font-size: 10px;}
.unitcatt2 {text-align: center; padding: 0 13px 0 3px; font-size: 10px;}
.del {color: red; font-weight: bold;}
.total {width: 57px; text-align: center; padding: 0 0px;}
.scroll {
	width: 748px;
	padding: 0 5px 0 0;
	height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color:#FFF;
	border: 1px solid #999;
}
.scrollhead {
	width: 753px;
	padding: 0 0px 0 0;
	overflow-x: hidden;
}
.scrollbardiv
{
	width:755px;
	height: 17px;
	overflow-x: auto;
}
.scrollbarspacerdiv
{
	height:10px;
}

.downloads2head {width: 755px;}
.downloads2head th {height: 27px; vertical-align: middle; font-size: 10px; color: white; font-weight: bold; font-size: 10px; border-right: 1px solid #454545; background: black;}
.downloads2head th.unit {font-size: 12px;}
.downloads2head th.total {font-size: 12px;}
.downloads2head th.last {border: none;}
.downloads2head th.dl {text-align: left;}
.downloads2head a {color: #ff9d83; text-decoration: underline;}
.downloads2head a:hover {; text-decoration: none;}

.downloads2 {width: 755px;}
.downloads2 td {height: 28px; text-align: center; font-size: 10px; vertical-align: middle; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
.downloads2 th {height: 28px; text-align: left; font-size: 11px; vertical-align: middle; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; font-weight: normal;}
.downloads2 tr.blue th {background: #d4edf4;}
.downloads2 tr.orange th {background: #f5dbd3;}
.downloads2 tr.green th {background: #d5f4d7;}
.downloads2 td.unit {color: #5c5c5c;}
.downloads2 td.unitcat {text-align: left;}
.downloads2 td.dl {text-align: left;}
.downloads2 td.tdelete {text-align: left;}
.downloads2 a {color: #f29533; text-decoration: underline;}
.downloads2 a:hover {color: #f29533; text-decoration: none;}
.downloads2 td.unit {text-align: center;}
.downloads2 td.unitcenter { color: #5c5c5c; width: 38px; padding: 0 6px; }
.downloads2 td.avg {text-align: left; color: #5c5c5c;}

.downloads2 th.printHeaderCell {width: 79px; padding: 0 15px 0 15px; text-align: center; font-weight: bold; }


.downloads3 {width: 755px;}
.downloads3 td {height: 28px; text-align: center; font-size: 10px; vertical-align: middle; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
.downloads3 th {height: 28px; text-align: cetnter; font-size: 11px; vertical-align: middle; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; font-weight: normal;}
.downloads3 tr.blue th {background: #d4edf4;}
.downloads3 tr.orange th {background: #f5dbd3;}
.downloads3 tr.green th {background: #d5f4d7;}
.downloads3 td.unit {color: #5c5c5c;}
.downloads3 td.unitcat {text-align: center;}
.downloads3 td.dl {text-align: center;}
.downloads3 td.tdelete {text-align: center;}
.downloads3 a {color: #f29533; text-decoration: underline;}
.downloads3 a:hover {color: #f29533; text-decoration: none;}
.downloads3 td.unit {text-align: center;}
.downloads3 td.unitcenter { color: #5c5c5c; width: 38px; padding: 0 6px; }
.downloads3 td.avg {text-align: left; color: #5c5c5c;}

.reporttableheader th {table-layout: fixed;height: 27px; vertical-align: middle; font-size: 9px; color: white; font-weight: bold; font-size: 9px; border-right: 1px solid #454545; background: black;}
.reporttableheader th.unit {font-size: 12px;}
.reporttableheader th.reporttotal {font-size: 12px;}
.reporttableheader th.last {border: none;}
.reporttableheader th.dl {text-align: left;}
.reporttableheader a {color: #ff9d83; text-decoration: underline;}
.reporttableheader a:hover {; text-decoration: none;}

.reporttitle {font-size:9px; width: 65px;max-width: 65px;overflow:hidden;}
.reportcol {width: 65px;max-width: 65px;overflow:hidden;}
.reporttableheader {font-size:10px;table-layout: fixed;width:755px;}

.screenhide{display: none;}
#printdiv {display: none;}

.mctitle {text-align: center; font-size: 14px; width: 200px;}
#classtable {width: 755px;}
.cname {width: 180px; padding: 0 0 0 10px; text-align: left; font-size: 12px;}
.cbook {widh: 245px; padding: 0 0 0 10px; text-align: left;}
.cdetails {width: 120px; text-align: center; padding: 0 5px 0 0;}
.cassign  {width: 89px;  text-align: center; padding: 0 5px 0 0;}
.creport  {width: 89px;  text-align: center; padding: 0 5px 0 0;}
.cdelete {width: 52px;  text-align: center;}
#classtable th {height: 18px; color: #ffffff; font-size: 12px; background: black; vertical-align: middle;}
#classtable td {border-bottom: 1px solid #d4d4d4; height: 71px; vertical-align: middle;}
.cbook img {float: left;}
.cbook p {float: left; padding: 25px 0 0 0; font-size: 12px;}
#actdetails {font-size: 14px; margin: 0 0 15px 0; overflow: hidden; width: 377px;}
#actdetails li {float: left; width: 377px; margin: 0 0 7px 0;}
#actdetails2 {font-size: 14px; margin: 0 0 15px 0; overflow: hidden; width: 377px;}
#actdetails2 li {float: left; width: 377px; margin: 0 0 7px 0;}
.smallgrayBtn {background: url(../images/smallgrayBtn.gif) repeat-x; padding: 0px 7px; border: 1px solid black; font-size: 12px; color: white; text-align: center; font-weight: bold; position: relative; left: 5px;}
.smallgrayBtn:hover {text-decoration: none;}
#classdrop {padding: 0 15px 0 0; text-align: right; }
#classdrop select {border: 1px solid black; font-size: 12px; margin: 10px 0 5px 0;}
#classdrop p {font-size: 12px; font-weight: bold; margin: 0; padding: 0;}
#classdrop div.img {width: 64px; min-height: 46px; background: url(../images/bookshadow_small.png) no-repeat top center !important; background: url(../images/bookshadow_small.gif) no-repeat top center; padding: 5px 7px 10px 0; float: right;}
select#studentname {border: 1px solid black; font-size: 12px; position: relative; top: -15px; width: 265px; }
select#booksselect {border: 1px solid black; font-size: 12px; position: relative; top: -15px; width: 265px; }
select#classid {border: 1px solid black; font-size: 12px; position: relative; top: 0px; width: 265px; }
#content #time {font-size: 12px; margin: 0 0 5px 0;}
.dropdown-label { font-size: 11px; float: left; width: 50px; margin-top: -10px; }
/*-------------------------------------------SECOND SET OF PAGES-----------------------*/
.abs {position: absolute; bottom: 0; left: 0;}

#header-inner {width: 1000px; padding: 0 0 0 0px; background: url(../images/toprightGraphicblack.gif) no-repeat top right; height: 71px;}
#header-inner2 {width: 1000px; padding: 0 0 0 0px; background: url(../images/toprightGraphicwhite.gif) no-repeat top right; height: 71px;}
.logo-inner {float: left;}
#headBtn-inner {float: right; padding: 19px 100px 0 0;}
#headBtn-inner li {display: block; float: left; padding: 0 5px 0 0; text-transform: uppercase;}

#headBtn-inner li a {font-size: 10px; color: white; text-align: center; display: block; padding: 5px 16px;}

/*.inner1 .unit { cursor:pointer; float: left; font-size: 10px; color: black; text-align: center; text-transform: uppercase; background: url(../images/unit.gif) no-repeat bottom center; padding: 4px 0 19px 0px; margin: 0 0 0 25px; display: inline;}
.inner2 .unit { cursor:pointer; float: left; font-size: 10px; color: white; text-align: center; text-transform: uppercase; background: url(../images/unit2.gif) no-repeat bottom center; padding: 4px 0 19px 0px; margin: 0 0 0 25px; display: inline;}*/
.unitnum {float: left; font-size: 34px; font-weight: bold; padding: 4px 0 0 4px; margin-top: 12px;}
.right-top {float: right; width: 901px; height: 53px; position: relative; margin: 0 0 0px 0;}
.inner1 h6.title {font-size: 11px; font-family: Tahoma, Arial, Helvetica, 'sans serif'; color: black; padding: 2px 0 0 3px; font-weight: normal;}
.inner2 h6.title {font-size: 11px; font-family: Tahoma, Arial, Helvetica, 'sans serif'; color: white; padding: 2px 0 0 3px; font-weight: normal;}
.right-top ul {height: 38px; position: absolute; bottom: 0 !important; bottom: -1px /*IE6*/; left: 0; font-family: Tahoma, Arial, Helvetica, 'sans serif'; font-size: 12px; }
.right-top li {display: block; float: left; padding: 0 7px 0 0; margin: 0 2px 0 0; height:38px;}
.inner1 .right-top li a {display: block; text-align: center; padding: 0px 0px 0px 7px;  color: #686868;}
.inner2 .right-top li a {display: block; text-align: center; padding: 0px 0px 0px 7px;  color: #c9c9c9;}
.right-top li.active a, .right-top li a:hover, .right-top li:hover a {color: white; text-decoration: none;}

#sidenav21 ul { display:none; }
#sidenav21 { width: 44px; overflow: hidden; float: left;  margin: -1px 2px 0 25px; display: inline; padding: 0 0 6px 0px; font-size: 17px; font-weight: bold;}
#sidenav21 li {padding: 0 0 0 17px;}
#sidenav21 li.current a {color: white;}
#sidenav21 a:hover {color: white; text-decoration: none;}

/*ORANGE*/
.bar-orange {background: url(../images/bar_orange.gif) repeat-x top left; min-width: 1000px;}
.orange #sidenav21 {background: url(../images/sidenavOrange.gif) no-repeat bottom center #d9773d;}
.orange #sidenav21 li {background: url(../images/arrowOrange.gif) no-repeat left center;}
.orange #sidenav21 a {color: #f5aa7d;}
.orange #sidenav21 a:hover {color: white;}


.orange .right-top li {background: url(../images/inactiverightorange.gif) no-repeat top right;}
.orange .right-top li.active, 
.orange .right-top li:hover 
{background: url(../images/activerightorange.gif) no-repeat top right;}

#atitle {
	height:38px;
	cursor: pointer;
	line-height: 17px;
	display: table-cell;
	vertical-align: middle;
}

.orange .right-top li a {background: url(../images/inactiveleftorange.gif) no-repeat left center #f3d3c1;}

.orange .right-top li.active a, 
.orange .right-top li:hover a,
.orange .right-top li a:hover 
{background: url(../images/activeleftorange.gif) no-repeat left center #d9773d;}
.orange #headBtn-inner li a {background: #f0813e;}
.orange .unitnum {color: #d9773d;}

/*PURPLE*/
.bar-purple {background: url(../images/bar_purple.gif) repeat-x top left; min-width: 1000px;}
.purple #sidenav21 {background: url(../images/sidenavpurple.gif) no-repeat bottom center #9995c9;}
.purple #sidenav21 li {background: url(../images/arrowpurple.gif) no-repeat left center;}
.purple #sidenav21 a {color: #c9c6f0;}
.purple #sidenav21 a:hover {color: white;}

.purple .right-top li {background: url(../images/inactiverightpurple.gif) no-repeat top right;}
.purple .right-top li.active, 
.purple .right-top li:hover 
{background: url(../images/activerightpurple.gif) no-repeat top right;}

.purple .right-top li a {background: url(../images/inactiveleftpurple.gif) no-repeat left center #dedcf5;}

.purple .right-top li.active a, 
.purple .right-top li:hover a,
.purple .right-top li a:hover 
{background: url(../images/activeleftpurple.gif) no-repeat left center #9995c9;}
.purple #headBtn-inner li a {background: #9995c9;}
.purple .unitnum {color: #9995c9;}

/*GREEN*/
.bar-green {background: url(../images/bar_green.gif) repeat-x top left; min-width: 1000px;}
.green #sidenav21 {background: url(../images/sidenavgreen.gif) no-repeat bottom center #c5d430;}
.green #sidenav21 li {background: url(../images/arrowgreen.gif) no-repeat left center;}
.green #sidenav21 a {color: #edf5ab;}
.green #sidenav21 a:hover {color: white;}

.green .right-top li {background: url(../images/inactiverightgreen.gif) no-repeat top right;}
.green .right-top li.active, 
.green .right-top li:hover 
{background: url(../images/activerightgreen.gif) no-repeat top right;}

.green .right-top li a {background: url(../images/inactiveleftgreen.gif) no-repeat left center #edf5ab;}

.green .right-top li.active a, 
.green .right-top li:hover a,
.green .right-top li a:hover 
{background: url(../images/activeleftgreen.gif) no-repeat left center #c5d430;}
.green #headBtn-inner li a {background: #c5d430;}
.green .unitnum {color: #c5d430;}

/*ACQUA*/
.bar-acqua {background: url(../images/bar_acqua.gif) repeat-x top left; min-width: 1000px;}
.acqua #sidenav21 {background: url(../images/sidenavacqua.gif) no-repeat bottom center #40bee0;}
.acqua #sidenav21 li {background: url(../images/arrowacqua.gif) no-repeat left center;}
.acqua #sidenav21 a {color: #a9e5f5;}
.acqua #sidenav21 a:hover {color: white;}

.acqua .right-top li {background: url(../images/inactiverightacqua.gif) no-repeat top right;}
.acqua .right-top li.active, 
.acqua .right-top li:hover 
{background: url(../images/activerightacqua.gif) no-repeat top right;}

.acqua .right-top li a {background: url(../images/inactiveleftacqua.gif) no-repeat left center #bfecf8;}

.acqua .right-top li.active a, 
.acqua .right-top li:hover a,
.acqua .right-top li a:hover 
{background: url(../images/activeleftacqua.gif) no-repeat left center #40bee0;}
.acqua #headBtn-inner li a {background: #40bee0;}
.acqua .unitnum {color: #40bee0;}

/*LIGHT ORANGE*/
.bar-lightorange {background: url(../images/bar_lightorange.gif) repeat-x top left; min-width: 1000px;}
.lightorange #sidenav21 {background: url(../images/sidenavlightorange.gif) no-repeat bottom center #f9ae00;}
.lightorange #sidenav21 li {background: url(../images/arrowlightorange.gif) no-repeat left center;}
.lightorange #sidenav21 a {color: #ffe099;}
.lightorange #sidenav21 a:hover {color: white;}

.lightorange .right-top li {background: url(../images/inactiverightlightorange.gif) no-repeat top right;}
.lightorange .right-top li.active, 
.lightorange .right-top li:hover 
{background: url(../images/activerightlightorange.gif) no-repeat top right;}

.lightorange .right-top li a {background: url(../images/inactiveleftlightorange.gif) no-repeat left center #fde7b2;}

.lightorange .right-top li.active a, 
.lightorange .right-top li:hover a,
.lightorange .right-top li a:hover 
{background: url(../images/activeleftlightorange.gif) no-repeat left center #f9ae00;}
.lightorange #headBtn-inner li a {background: #f9ae00;}
.lightorange .unitnum {color: #f9ae00;}

/*VIOLET*/
.bar-violet {background: url(../images/bar_violet.gif) repeat-x top left; min-width: 1000px;}
.violet #sidenav21 {background: url(../images/sidenavviolet.gif) no-repeat bottom center #78226c;}
.violet #sidenav21 li {background: url(../images/arrowviolet.gif) no-repeat left center;}
.violet #sidenav21 a {color: #c388ba;}
.violet #sidenav21 a:hover {color: white;}

.violet .right-top li {background: url(../images/inactiverightviolet.gif) no-repeat top right;}
.violet .right-top li.active, 
.violet .right-top li:hover 
{background: url(../images/activerightviolet.gif) no-repeat top right;}

.violet .right-top li a {background: url(../images/inactiveleftviolet.gif) no-repeat left center #db9cd1;}

.violet .right-top li.active a, 
.violet .right-top li:hover a,
.violet .right-top li a:hover 
{background: url(../images/activeleftviolet.gif) no-repeat left center #78226c;}
.violet #headBtn-inner li a {background: #78226c;}
.violet .unitnum {color: #78226c;}

/*RED*/
.bar-red {background: url(../images/bar_red.gif) repeat-x top left; min-width: 1000px;}
.red #sidenav21 {background: url(../images/sidenavred.gif) no-repeat bottom center #d42d17;}
.red #sidenav21 li {background: url(../images/arrowred.gif) no-repeat left center;}
.red #sidenav21 a {color: #ffa093;}
.red #sidenav21 a:hover {color: white;}

.red .right-top li {background: url(../images/inactiverightred.gif) no-repeat top right;}
.red .right-top li.active, 
.red .right-top li:hover 
{background: url(../images/activerightred.gif) no-repeat top right;}

.red .right-top li a {background: url(../images/inactiveleftred.gif) no-repeat left center #9d2111;}

.red .right-top li.active a, 
.red .right-top li:hover a,
.red .right-top li a:hover 
{background: url(../images/activeleftred.gif) no-repeat left center #d42d17;}
.red #headBtn-inner li a {background: #d42d17;}
.red .unitnum {color: #d42d17;}

/*PURPLE2*/
.bar-purple2 {background: url(../images/bar_purple2.gif) repeat-x top left; min-width: 1000px;}
.purple2 #sidenav21 {background: url(../images/sidenavpurple2.gif) no-repeat bottom center #4d4e9c;}
.purple2 #sidenav21 li {background: url(../images/arrowpurple2.gif) no-repeat left center;}
.purple2 #sidenav21 a {color: #9a9bd2;}
.purple2 #sidenav21 a:hover {color: white;}

.purple2 .right-top li {background: url(../images/inactiverightpurple2.gif) no-repeat top right;}
.purple2 .right-top li.active, 
.purple2 .right-top li:hover 
{background: url(../images/activerightpurple2.gif) no-repeat top right;}

.purple2 .right-top li a {background: url(../images/inactiveleftpurple2.gif) no-repeat left center #36376e;}

.purple2 .right-top li.active a, 
.purple2 .right-top li:hover a,
.purple2 .right-top li a:hover 
{background: url(../images/activeleftpurple2.gif) no-repeat left center #4d4e9c;}
.purple2 #headBtn-inner li a {background: #4d4e9c;}
.purple2 .unitnum {color: #4d4e9c;}

/*GREEN2*/
.bar-green2 {background: url(../images/bar_green2.gif) repeat-x top left; min-width: 1000px;}
.green2 #sidenav21 {background: url(../images/sidenavgreen2.gif) no-repeat bottom center #7aac2c;}
.green2 #sidenav21 li {background: url(../images/arrowgreen2.gif) no-repeat left center;}
.green2 #sidenav21 a {color: #afd970;}
.green2 #sidenav21 a:hover {color: white;}

.green2 .right-top li {background: url(../images/inactiverightgreen2.gif) no-repeat top right;}
.green2 .right-top li.active, 
.green2 .right-top li:hover 
{background: url(../images/activerightgreen2.gif) no-repeat top right;}

.green2 .right-top li a {background: url(../images/inactiveleftgreen2.gif) no-repeat left center #54771e;}

.green2 .right-top li.active a, 
.green2 .right-top li:hover a,
.green2 .right-top li a:hover 
{background: url(../images/activeleftgreen2.gif) no-repeat left center #7aac2c;}
.green2 #headBtn-inner li a {background: #7aac2c;}
.green2 .unitnum {color: #7aac2c;}

/*ACQUA2*/
.bar-acqua2 {background: url(../images/bar_acqua2.gif) repeat-x top left; min-width: 1000px;}
.acqua2 #sidenav21 {background: url(../images/sidenavacqua2.gif) no-repeat bottom center #007ead;}
.acqua2 #sidenav21 li {background: url(../images/arrowacqua2.gif) no-repeat left center;}
.acqua2 #sidenav21 a {color: #74bad4;}
.acqua2 #sidenav21 a:hover {color: white;}

.acqua2 .right-top li {background: url(../images/inactiverightacqua2.gif) no-repeat top right;}
.acqua2 .right-top li.active, 
.acqua2 .right-top li:hover 
{background: url(../images/activerightacqua2.gif) no-repeat top right;}

.acqua2 .right-top li a {background: url(../images/inactiveleftacqua2.gif) no-repeat left center #005779;}

.acqua2 .right-top li.active a, 
.acqua2 .right-top li:hover a,
.acqua2 .right-top li a:hover 
{background: url(../images/activeleftacqua2.gif) no-repeat left center #007ead;}
.acqua2 #headBtn-inner li a {background: #007ead;}
.acqua2 .unitnum {color: #007ead;}

/*ORANGE2*/
.bar-orange2 {background: url(../images/bar_orange2.gif) repeat-x top left; min-width: 1000px;}
.orange2 #sidenav21 {background: url(../images/sidenavorange2.gif) no-repeat bottom center #e77c06;}
.orange2 #sidenav21 li {background: url(../images/arroworange2.gif) no-repeat left center;}
.orange2 #sidenav21 a {color: #ffc586;}
.orange2 #sidenav21 a:hover {color: white;}

.orange2 .right-top li {background: url(../images/inactiverightorange2.gif) no-repeat top right;}
.orange2 .right-top li.active, 
.orange2 .right-top li:hover 
{background: url(../images/activerightorange2.gif) no-repeat top right;}

.orange2 .right-top li a {background: url(../images/inactiveleftorange2.gif) no-repeat left center #a25704;}

.orange2 .right-top li.active a, 
.orange2 .right-top li:hover a,
.orange2 .right-top li a:hover 
{background: url(../images/activeleftorange2.gif) no-repeat left center #e77c06;}
.orange2 #headBtn-inner li a {background: #e77c06;}
.orange2 .unitnum {color: #e77c06;}

/*VIOLET2*/
.bar-violet2 {background: url(../images/bar_violet2.gif) repeat-x top left; min-width: 1000px;}
.violet2 #sidenav21 {background: url(../images/sidenavviolet2.gif) no-repeat bottom center #78226c;}
.violet2 #sidenav21 li {background: url(../images/arrowviolet2.gif) no-repeat left center;}
.violet2 #sidenav21 a {color: #c373b8;}
.violet2 #sidenav21 a:hover {color: white;}

.violet2 .right-top li {background: url(../images/inactiverightviolet2.gif) no-repeat top right;}
.violet2 .right-top li.active, 
.violet2 .right-top li:hover 
{background: url(../images/activerightviolet2.gif) no-repeat top right;}

.violet2 .right-top li a {background: url(../images/inactiveleftviolet2.gif) no-repeat left center #591950;}

.violet2 .right-top li.active a, 
.violet2 .right-top li:hover a,
.violet2 .right-top li a:hover 
{background: url(../images/activeleftviolet2.gif) no-repeat left center #78226c;}
.violet2 #headBtn-inner li a {background: #78226c;}
.violet2 .unitnum {color: #78226c;}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../images/tooltip/light_color_arrow_med.png);
	font-size:14px;
	height:170px;
	width:235px;
	padding:20px;
	color: black;
	z-index: 100;
}

.tipdiv {
	display: inline;
}
.message {
	margin-top: 30px;
	width:780px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#content table.tableresources {
	width: 200;
	border-spacing: 5px;
	border-collapse: separate;
	text-align:left;
	margin-left:220px;
	float:left;
}

#content table.tableresources a {
	color: #FF6600;
}

#content table.tableresources a:hover {
	color: #FF6600;
}

#footer .buttons-area {
	height:70px;
	margin-left:-60px;
	padding:0;
	width:860px;
}

#workbook_buttons_bottom_left {
	background-color: #F08555;
    background-image: url("/ui/images/bottom_left_edgeright.gif");
    background-position: right center;
    background-repeat: no-repeat;
	position:absolute;
	float: left;
	left: 0;
	top: 760px;
	width: 50%;
	height: 47px;	
}

#workbook_buttons_bottom_left .buttons-frame {
	float:right;
	height:35px;
	padding-left:60px;
	padding-top:12px;
	width:330px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.bsmall_gray_smooth {font-size: 14px; color: white; position: relative; height: 21px; background: url(../images/bMiddleGO_Smooth.gif) repeat-x top left; padding: 3px 20px 0 20px; display: block; float: left;}
.bsmall_gray_smooth .bLeft {position: absolute; top: 0; left: 0; width: 7px; height: 24px; background: url(../images/bLeftGO_Smooth.gif) no-repeat top left;}
.bsmall_gray_smooth .bRight {position: absolute; top: 0; right: 0; width: 7px; height: 24px; background: url(../images/bRightGO_Smooth.gif) no-repeat top left;}
.bsmall_gray_smooth:hover {background-position: bottom left; color: black; text-decoration: none;}
.bsmall_gray_smooth:hover .bLeft {background-position: bottom left;}
.bsmall_gray_smooth:hover .bRight {background-position: bottom left;}

.bsmall_gray_smooth_disabled {font-size: 14px; color: white; position: relative; height: 21px; background: url(../images/bMiddleGO_Smooth.gif) repeat-x top left; padding: 3px 20px 0 20px; display: block; float: left;
	cursor: default;
	opacity: 0.4;
	filter: alpha(opacity=40);
	zoom: 1;
	z-index: 999;
}
.bsmall_gray_smooth_disabled .bLeft {position: absolute; top: 0; left: 0; width: 7px; height: 24px; background: url(../images/bLeftGO_Smooth.gif) no-repeat top left;}
.bsmall_gray_smooth_disabled .bRight {position: absolute; top: 0; right: 0; width: 7px; height: 24px; background: url(../images/bRightGO_Smooth.gif) no-repeat top left;}
.bsmall_gray_smooth_disabled:hover {text-decoration: none;}

.bsmall {font-size: 14px; color: white; position: relative; height: 21px; background: url(../images/bBig.gif) repeat-x top left; padding: 3px 20px 0 20px; display: block; float: left;}
.bsmall .bLeft {position: absolute; top: 0; left: 0; width: 7px; height: 24px; background: url(../images/bLeft.gif) no-repeat top left;}
.bsmall .bRight {position: absolute; top: 0; right: 0; width: 7px; height: 24px; background: url(../images/bRight.gif) no-repeat top left;}
.bsmall:hover {background-position: bottom left; color: black; text-decoration: none;}
.bsmall:hover .bLeft {background-position: bottom left;}
.bsmall:hover .bRight {background-position: bottom left;}

.bsmall_disabled {font-size: 14px; color: white; position: relative; height: 21px; background: url(../images/bBig.gif) repeat-x top left; padding: 3px 20px 0 20px; display: block; float: left;
	cursor: default;
	opacity: 0.4;
	filter: alpha(opacity=40);
	zoom: 1;
	z-index: 999;
}
.bsmall_disabled .bLeft {position: absolute; top: 0; left: 0; width: 7px; height: 24px; background: url(../images/bLeft.gif) no-repeat top left;}
.bsmall_disabled .bRight {position: absolute; top: 0; right: 0; width: 7px; height: 24px; background: url(../images/bRight.gif) no-repeat top left;}
.bsmall_disabled:hover {text-decoration: none;}


.blarge {font-size: 18px; color: white; position: relative; height: 31px; background: url(../images/b2mid.gif) repeat-x top left; padding: 5px 20px 0 20px; display: block; float: left;}
.blarge .bLeft {position: absolute; top: 0; left: 0; width: 7px; height: 36px; background: url(../images/b2left.gif) no-repeat top left;}
.blarge .bRight {position: absolute; top: 0; right: 0; width: 7px; height: 36px; background: url(../images/b2Right.gif) no-repeat top left;}
.blarge:hover {background-position: bottom left; color: black; text-decoration: none;}
.blarge:hover .bLeft {background-position: bottom left;}
.blarge:hover .bRight {background-position: bottom left;}

.b_orange_smooth {font-size: 14px; color: white; position: relative; height: 21px; background: url(../images/bMiddleOrangeSmooth.gif) repeat-x top left; padding: 3px 20px 0 20px; display: block; float: left;}
.b_orange_smooth .bLeft {position: absolute; top: 0; left: 0; width: 7px; height: 24px; background: url(../images/bLeftOrangeSmooth.gif) no-repeat top left;}
.b_orange_smooth .bRight {position: absolute; top: 0; right: 0; width: 7px; height: 24px; background: url(../images/bRightOrangeSmooth.gif) no-repeat top left;}
.b_orange_smooth:hover {background-position: bottom left; color: black; text-decoration: none;}
.b_orange_smooth:hover .bLeft {background-position: bottom left;}
.b_orange_smooth:hover .bRight {background-position: bottom left;}

.b_orange_smooth_disabled {font-size: 14px; color: white; position: relative; height: 21px; background: url(../images/bMiddleOrangeSmooth.gif) repeat-x top left; padding: 3px 20px 0 20px; display: block; float: left;
	opacity: 0.4;
	filter: alpha(opacity=40);
	zoom: 1;
	cursor: default;
	z-index: 999;
}
.b_orange_smooth_disabled .bLeft {position: absolute; top: 0; left: 0; width: 7px; height: 24px; background: url(../images/bLeftOrangeSmooth.gif) no-repeat top left;}
.b_orange_smooth_disabled .bRight {position: absolute; top: 0; right: 0; width: 7px; height: 24px; background: url(../images/bRightOrangeSmooth.gif) no-repeat top left;}
.b_orange_smooth_disabled:hover {text-decoration: none;}


.b_orange {font-size: 14px; color: white; position: relative; height: 21px; background: url(../images/b_orange_stretch.gif) repeat-x top left; padding: 3px 20px 0 20px; display: block; float: left;}
.b_orange .bLeft {position: absolute; top: 0; left: 0; width: 7px; height: 24px; background: url(../images/b_orange_L.gif) no-repeat top left;}
.b_orange .bRight {position: absolute; top: 0; right: 0; width: 7px; height: 24px; background: url(../images/b_orange_R.gif) no-repeat top left;}
.b_orange:hover {background-position: bottom left; color: black; text-decoration: none;}
.b_orange:hover .bLeft {background-position: bottom left;}
.b_orange:hover .bRight {background-position: bottom left;}

.b_orange_disabled {font-size: 14px; color: white; position: relative; height: 21px; background: url(../images/b_orange_stretch.gif) repeat-x top left; padding: 3px 20px 0 20px; display: block; float: left;
	opacity: 0.4;
	filter: alpha(opacity=40);
	zoom: 1;
	cursor: default;
	z-index: 999;
}
.b_orange_disabled .bLeft {position: absolute; top: 0; left: 0; width: 7px; height: 24px; background: url(../images/b_orange_L.gif) no-repeat top left;}
.b_orange_disabled .bRight {position: absolute; top: 0; right: 0; width: 7px; height: 24px; background: url(../images/b_orange_R.gif) no-repeat top left;}
.b_orange_disabled:hover {text-decoration: none;}

.b_next {
	width: 86px;
	height: 37px;
	background-image: url(../images/btn_next.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.b_next {font-size: 18px; color: white; height: 37px; width: 86px; background: url(../images/btn_next.gif) no-repeat top left; padding: 0; display: block; float: left;}
.b_next:hover { background-position: bottom left; }
.b_next span {display:none;}

.b_next_disabled {
	height: 37px; width: 86px; background: url(../images/btn_next.gif) no-repeat top left; padding: 0; display: block; float: left; cursor: default;
	opacity: 0.4;
	filter: alpha(opacity=40);
	zoom: 1;
}
.b_next_disabled span {display:none;}


.b_previous { font-size: 18px; color: white; height: 37px; width: 123px; background: url(../images/btn_previous.gif) no-repeat top left; padding: 0; display: block; float: left;}
.b_previous:hover { background-position: bottom left; }
.b_previous span {display:none;}

.b_prev_disabled { font-size: 18px; color: white; height: 37px; width: 123px; background: url(../images/btn_previous.gif) no-repeat top left; padding: 0; display: block; float: left; cursor: default;
	opacity: 0.4;
	filter: alpha(opacity=40);
	zoom: 1;
}
.b_prev_disabled span {display:none;}

#workbook_buttons_next_prev { width: 220px; height: 40px; float: left;
	position:absolute;
	left: 0;
	top: 760px;
	margin-left:59%;
}
#workbook_buttons_next_prev {
	*margin-left:67%;
}

#button_next {float:right;}
#button_previous {float:left;}

#button_progress { float: left; width: 155px; height: 21px; padding-right: 10px;}
#button_resources { float: left; width: 120px; height: 21px; padding-right: 10px; display: none;}
#button_glossary { float: left; width: 120px; height: 21px; padding-right: 10px; display:none;}
#button_video { float: left; width: 120px; height: 21px; padding-right: 10px; }

.lessOpacity {                       
   opacity: 0.4;
   filter: alpha(opacity=40);
   zoom: 1;  /* needed to trigger "hasLayout" in IE if no width or height is set */
   z-index: 999;
}

.marginOnRight {margin-right:10px;}
.hideelement { display: none; }

.inlinebutton {display: inline-block;}

div.printdata { display: none; }

.fullrowblock {display: inline-block; float:none;padding-right:5px;padding-left:5px;margin-left: auto;margin-right: auto;}
.fullbuttonrowblock {display: inline-block; float:none;padding-right:5px;padding-left:70px;margin-left:auto;margin-right: auto;}
.demorowblock {display: inline-block; float:none;padding-right:5px;padding-left:5px;margin-left: auto;margin-right: auto;}
.centercontents {margin-left: auto;margin-right: auto;}


.trial-large { font-size: 14px;}
.trial { font-size: 13px;}
.trial ul 
{
	list-style-type: disc;
  	margin-left: 15px; 
  	padding-left: 5px;

}
.trial li 
{
	padding-top:10px;
	list-style-type: disc;
  	margin-left: 15px; 
  	padding-left: 5px;
}
#content p.trial
{
	font-size: 13px;
}
#toprightgraphic {
	background-image: url(../images/toprightGraphicwhite.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 71px;
}
#content h3.demoheader { font-size: 30pt;}

ul.videos {
	padding: 0;
	margin-left: 140px;
	margin-top: 10px;
	margin-bottom: 20px;
}

ul.videos li {
	font-size: 14px;
	font-family: Arial, Tahoma, Helvetica, 'sans serif';
	text-align: left;
	list-style-type: square;
}

ul.videos li a {
	margin: 0;
	padding: 0;	
	color: blue;
}

ul.videos li a.playing {
	color: green;
}

#mediaplayer {
	margin-left: 140px;
}

.impbox
{
	padding: 0px 0px;
	margin: 0px 20px;
	text-decoration: underline;
	border-style:solid;
	border-width:0px;
	border-color: #000000;    
	color: red;
	font-weight:bold;
}


.assigntable {
	width: 755px;
}
.assigntable th {height: 27px; vertical-align: middle; font-size: 10px; color: white; font-weight: bold; font-size: 10px; border-right: 1px solid #454545; background: black;}
.assigntable th.unit {text-align: left;font-size: 14px;width:200px;}
.assigntable th.lesson {text-align: left;font-size: 14px;padding-left: 20px;}

.assigntable2 {width: 755px;}
.assigntable2 td {height: 28px; text-align: center; font-size: 10px; vertical-align: top; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
.assigntable2 th {height: 28px; text-align: left; font-size: 11px; vertical-align: top; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; font-weight: normal;}
.assigntable2 td.unit {text-align: left;font-size:14px;width:200px;}
.assigntable2 td.lesson {text-align: left;font-size:10px;padding-left: 20px;}
.assigntable2 td.locked {background-color: grey;}

#content h3.smallertitle {font-size: 15px;}
th.emptylesson {background-color: #EAE0DD !important;}
td.emptylesson {background-color: #f0f0f0 !important;}

.btext {display:none;}
#enteronlinepractice .btext{display:block !important;}

#splashbox
{
	position:absolute;
	top:-9px;
	left:-9px;
	z-index:99999;
}

.button_disabled {
	cursor: default;
	opacity: 0.4;
	filter: alpha(opacity = 40);
	zoom: 1;
	background-position: top left;
}

.button_disabled:hover {
	background-position: top left;
}

.expires {font-size: 10px;}

.studentindexbuttons #btnViewReport,
.studentindexbuttons #btnEditClass,
.studentindexbuttons #btnAudio
{
	margin-top: 40px;
}
.oxfordlogo
{
	height:21px;
}

/* GDPR css*/
#footer {
    position: fixed;
    width: 760px;
    zoom:1;
    margin-left: 15px;
}

.reg-cookiepolicy-container {
    margin: 20px 0;
    max-width: 512px;
}

.reg-cookiepolicy {
  font-family: "Open Sans", sans-serif;
  font-weight: 400px !important;
  font-size: 14px !important;    
  color: #000;
  line-height: 1.4; 
  margin-bottom: 7px;
}

.policy_href {
    color: #333;
    text-decoration: underline;
}

.footer-container {
    padding : 15px 16px;
    width: 95%;
    display: block;
    height: auto !important;
    font-size: 12px ;   
    
    a { 
        margin-right: 15px;
        color: #333;
    }
}

.footer-container .footer-left {
    margin-right: 15px;
    margin-bottom: 0;
    float: left;
    display: inline-block;
    
    a {color: #333;}
    
    a:hover { color: #333; text-decoration: underline;}
   /* color: #007795;*/
}

.footer-container .footer-right {
    margin-right: 15px;
    margin-bottom: 0;
    border-top: none;
    width: auto;
    float: right;
}

.right-pad {
     margin-right: 15px;
}

.right-pad a {color: #333 !important;}

/* LTI Provacy Modal */
.lti-model-container {
    position: absolute;
    top: 9.75em;
    left: 50%;
    right: auto;
    bottom: auto;
    border: none;
    background: rgb(255, 255, 255);
    overflow: auto;
    border-radius: 0.5em;
    outline: none;
    padding: 0px;
    transform: translate(-50%, 0px);
    max-width: 35em;
    width: calc(100% - 4em);
    height: auto;
    max-height: calc(100vh - 3.5em);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0.0625em 0.875em 0px;
    padding: 12px;
    
}

.lti-modal {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(232, 232, 232, 0.8);
    z-index: 99;
    display: none;
}
.lti-modal-content {
    font-family: "Open Sans",sans-serif;
    font-weight: 400px;
    color: #000;
    line-height: 1.4;    
}

.lti-modal-content .header-content {
    font-size: 24px;
}

.lti-modal-content .main-content {
    font-size: 14px;
}

.second-para {
	margin-top : 12px;
}

.lti-model-btn {
    display: block;
    text-align: right;
    margin: 10px 20px 0 0;
}
.lti-model-btn button {
        width: 70px;
}

.lti_policy_href {
    text-decoration: underline;
    color: #4a90e2!important;
}

/* gradebook fix header*/
div#reportcontents {  
    position: relative;
}
#reportcontentstable th:first-child {  
    position: sticky;  left: 0;
}
#reportcontentstable th:first-child a {  
    position: sticky;  left: 15px;
}
#reportcontentstable td.avg {
	background-color: #fff;
    left: 0;
    position: sticky;
}
tr.blue th a {
    text-decoration: none;
    color: black;
}
tr.blue th a:hover {
    color: black;
}
#reporthead .downloads th.avg {
    left: 0;
    position: sticky;
}

.pwdmandatemsg {
    font-size: 14px;
    line-heigh:1.4;
    font-family:"Open Sans", sans-serif;
}
div#btnspace {
height : 60px !important;
}