a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.clear {
	height: 0px; clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.align-center {
	text-align: center;
}
body {
	background: url("../images/bodyBg.gif") repeat-x left top white; font-family: Arial, Helvetica, "sans serif";
}
body.inner1 {
	background: url("../images/bodybgInner1.gif") repeat-x left top white;
}
body.inner2 {
	background: url("../images/bodybgInner2.gif") repeat-x left top white;
}
.broundsmall {
	background: url("../images/bBig.gif") repeat-x left top; padding: 3px 20px 0px; height: 21px; text-align: center; color: white; font-size: 14px; display: block; position: relative;
}
.broundsmall .bLeft {
	background: url("../images/bLeft.gif") no-repeat left top; left: 0px; top: 0px; width: 7px; height: 24px; position: absolute;
}
.broundsmall .bRight {
	background: url("../images/bRight.gif") no-repeat left top; top: 0px; width: 7px; height: 24px; right: 0px; position: absolute;
}
.broundsmall:hover {
	background-position: left bottom; color: black; text-decoration: none;
}
.broundsmall:hover .bLeft {
	background-position: left bottom;
}
.broundsmall:hover .bRight {
	background-position: left bottom;
}
.broundsmall_disabled {
	background: url("../images/bBig.gif") repeat-x left top; padding: 3px 20px 0px; height: 21px; text-align: center; color: grey; font-size: 14px; display: block; position: relative; cursor: default;
}
.broundsmall_disabled .bLeft {
	background: url("../images/bLeft.gif") no-repeat left top; left: 0px; top: 0px; width: 7px; height: 24px; position: absolute; cursor: default;
}
.broundsmall_disabled .bRight {
	background: url("../images/bRight.gif") no-repeat left top; top: 0px; width: 7px; height: 24px; right: 0px; position: absolute; cursor: default;
}
.broundsmall_disabled:hover {
	background: url("../images/bBig.gif") repeat-x left top; padding: 3px 20px 0px; height: 21px; text-align: center; color: grey; font-size: 14px; text-decoration: none; display: block; position: relative; cursor: default;
}
.broundsmall_disabled:hover .bLeft {
	background: url("../images/bLeft.gif") no-repeat left top; left: 0px; top: 0px; width: 7px; height: 24px; position: absolute; cursor: default;
}
.broundsmall_disabled:hover .bRight {
	background: url("../images/bRight.gif") no-repeat left top; top: 0px; width: 7px; height: 24px; right: 0px; position: absolute; cursor: default;
}
.broundlarge {
	background: url("../images/b2mid.gif") repeat-x left top; padding: 5px 29px 0px 20px; height: 31px; text-align: center; color: white; line-height: 25px; font-size: 18px; display: block; position: relative;
}
.broundlarge .bLeft {
	background: url("../images/b2left.gif") no-repeat left top; left: 0px; top: 0px; width: 7px; height: 36px; position: absolute;
}
.broundlarge .bRight {
	background: url("../images/b2Right.gif") no-repeat left top; top: 0px; width: 7px; height: 36px; right: 0px; position: absolute;
}
.broundlarge:hover {
	background-position: left bottom; color: black; text-decoration: none;
}
.broundlarge:hover .bLeft {
	background-position: left bottom;
}
.broundlarge:hover .bRight {
	background-position: left bottom;
}
#container {
	margin: auto; width: 1000px; overflow: hidden;
}
.container {
	margin: auto; width: 1000px; overflow: hidden;
}
#header {
	background: url("../images/toprightGraphic.gif") no-repeat right top; padding: 0px 0px 0px 32px; width: 968px; height: 59px;
}
#logo {
	float: left;
}
#headBtn {
	padding: 19px 100px 0px 0px; float: right;
}
#headBtn li {
	padding: 0px 5px 0px 0px; text-transform: uppercase; float: left; display: block;
}
#headBtn li.orange a {
	background: rgb(240, 113, 85);
}
#headBtn li.orange a:hover {
	background: rgb(196, 92, 69); text-decoration: underline;
}
#headBtn li a {
	padding: 5px 16px; text-align: center; color: white; font-size: 10px; display: block;
}
#headBtn li.disabled a {
	background: rgb(196, 92, 69); padding: 5px 16px; text-align: center; color: white; font-size: 10px; text-decoration: none; display: block; cursor: default;
}
#headBtn li.disabled a:hover {
	background: rgb(196, 92, 69); text-decoration: none; cursor: default;
}
#box {
	background: url("../images/boxRepeat.gif") repeat-y; margin: 24px 0px 0px 90px; width: 824px; overflow: hidden; position: relative;
}
#box2 {
	background: url("../images/boxRepeat.gif") repeat-y; margin: 0px; width: 824px; overflow: hidden; float: left; position: relative;
}
#boxTop {
	background: url("../images/boxTop.gif") no-repeat; left: 0px; top: 0px; width: 824px; height: 41px; position: absolute; z-index: 1;
}
#boxBottom {
	background: url("../images/boxBottom.gif") no-repeat; left: 0px; width: 824px; height: 44px; bottom: 0px; position: absolute; z-index: 1;
}
#grayed {
	background: url("/ui/images/trans.png") 0px 0px !important; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2;
}
#audiounits {
	width: 760px; padding-left: 370px; align: middle;
}
#audiounits a {
	color: rgb(0, 0, 170); font-weight: bold; margin-top: 10px; display: block;
}
#audiounits a:hover {
	color: blue;
}
table .tableresources {
	text-align: left; margin-left: 220px; float: left; border-collapse: separate; border-spacing: 5px;
}
table .tableresources a {
	color: rgb(255, 102, 0);
}
table .tableresources a:hover {
	color: rgb(255, 102, 0);
}
span.btnclose {
	background: url("/ui/images/butt_close.png"); top: 0px; width: 49px; height: 11px; right: 0px; float: right; display: inline; position: relative; z-index: 5000; cursor: pointer;
}
#content {
	margin: 8px 15px 16px 9px; width: 800px; height: auto !important; overflow: hidden; position: relative; z-index: 2; min-height: 595px;
}
#leftcol {
	padding: 60px 0px 0px 90px; width: 365px; float: left;
}
#rightcol {
	padding: 60px 80px 0px 0px; width: 210px; float: right;
}
#fullcol {
	padding: 60px 0px 0px 90px; width: 660px; float: left; z-index: 1000;
}
#full760 {
	padding: 60px 0px 0px 90px; width: 760px; float: left; z-index: 1000;
}
#full800 {
	margin: auto; padding: 60px 0px 0px; width: 800px;
}
#full800-2 {
	margin: auto; padding: 15px 0px 0px 20px; width: 780px;
}
#errcol {
	padding: 0px 0px 0px 90px; width: 660px; text-align: center; float: left; z-index: 1000;
}
#content p {
	color: black; font-size: 14px;
}
#content p.error {
	margin: 0px 0px 10px; color: rgb(190, 0, 0);
}
#content p.error2 {
	margin: -10px 0px 10px; color: rgb(190, 0, 0);
}
#content h3 {
	margin: 0px 0px 20px; color: black; line-height: 30px; font-size: 18px; font-weight: normal;
}
#content h3 a {
	color: rgb(209, 105, 77); text-decoration: underline;
}
#content h3 a:hover {
	text-decoration: none;
}
#content h5 {
	color: black; font-size: 18px; font-weight: normal;
}
label.norm {
	padding: 0px 15px 0px 0px; color: black; font-size: 14px;
}
input.single {
	padding: 3px 5px; border: 1px solid rgb(176, 176, 176); border-image: none; color: black; font-size: 14px;
}
input.error {
	border: 1px solid rgb(190, 0, 0); border-image: none;
}
span.error {
	color: rgb(190, 0, 0); font-size: 14px;
}
em.error {
	color: rgb(190, 0, 0); font-size: 14px;
}
input.medium {
	width: 195px;
}
input.small {
	width: 135px;
}
input.long {
	width: 400px;
}
input.codebox {
	width: 605px; text-align: center;
}
input.code1 {
	margin: 0px 12px 10px 0px; width: 15px; text-align: center;
}
input.code2 {
	margin: 0px 12px 10px 0px; width: 45px; text-align: center;
}
input.code3 {
	margin: 0px 12px 10px 0px; width: 65px; text-align: center;
}
.levelwrapper {
	margin: 0px 0px 10px; clear: both; display: block;
}
.level {
	width: 340px; float: left; display: inline; position: relative;
}
.level span.txt {
	left: 10px; top: 4px; font-size: 14px; float: left; position: relative;
}
.level label.norm {
	padding-top: 4px; float: left;
}
.level input.single {
	float: right;
}
input.submit-gray {
	background: url("../images/submitBg.gif") repeat-x left top rgb(170, 170, 170); padding: 5px 12px !important; border: 1px solid black; border-image: none; text-align: center; color: white; font-family: Arial, Helvetica, "sans serif"; font-size: 12px; font-weight: bold; cursor: pointer;
}
a.submit-gray {
	background: url("../images/submitBg.gif") repeat-x left top rgb(170, 170, 170); padding: 5px 12px; border: 1px solid black; border-image: none; text-align: center; color: white; font-family: Arial, Helvetica, "sans serif"; font-size: 12px; font-weight: bold; display: block; cursor: pointer;
}
a.submit-gray:hover {
	text-decoration: none;
}
input.submit-grayl {
	background: url("../images/largeB.gif") repeat-x left top rgb(170, 170, 170); padding: 10px 40px !important; border: 1px solid black; border-image: none; text-align: center; color: white; font-family: Arial, Helvetica, "sans serif"; font-size: 12px; font-weight: bold; cursor: pointer;
}
a.submit-grayl {
	background: url("../images/largeB.gif") repeat-x left top rgb(170, 170, 170); padding: 10px 40px; border: 1px solid black; border-image: none; text-align: center; color: white; font-family: Arial, Helvetica, "sans serif"; font-size: 12px; font-weight: bold; display: block; cursor: pointer;
}
a.submit-grayl:hover {
	text-decoration: none;
}
.padleft {
	padding: 0px 0px 0px 5px;
}
.button {
	padding: 0px 0px 0px 134px; width: 226px;
}
.buttonerror {
	padding: 0px 0px 0px 134px; width: 400px;
}
.rm {
	margin-right: 10px;
}
.bm {
	margin-bottom: 15px;
}
.minwid {
	width: 50px;
}
.minwid2 {
	width: 30px;
}
.skip {
	margin-right: 15px !important;
}
.print {
	margin-right: 15px !important;
}
.ast {
	top: 5px; right: -15px; color: rgb(178, 1, 1); font-size: 20px; position: absolute;
}
.ynbtn {
	margin: 15px auto 0px; width: 160px;
}
.w140 {
	margin: auto; width: 170px;
}
.fixedwid {
	margin: 0px auto 5px; width: 145px; display: block;
}
.fixedwid2 {
	margin: 0px 0px 5px auto; width: 180px; display: block;
}
.fixedwid2center {
	margin: 0px auto 5px; width: 180px; display: block;
}
#terms {
	padding: 35px 0px 0px 30px; width: 745px;
}
#terms h3 {
	margin: 0px 0px 10px;
}
#terms p {
	margin: 0px 0px 15px; line-height: 17px; font-size: 13px;
}
#termsBox {
	background: rgb(255, 255, 255); margin: 0px 0px 10px; padding: 10px; border: 1px solid rgb(177, 177, 177); border-image: none; width: 723px; height: 403px; -ms-overflow-y: scroll;
}
#agreeBox {
	float: right;
}
.regerr {
	margin: 0px 0px 10px; width: 800px; color: rgb(190, 0, 0); float: left; display: none;
}
a.reglink {
	color: rgb(240, 113, 85); overflow: hidden; font-size: 12px; display: block;
}
#books {
	padding: 60px 0px 0px; width: 800px; position: relative; z-index: 2;
}
#books h3 {
	text-align: center;
}
#books ul {
	padding: 0px 0px 0px 18px;
}
#books li {
	background: url("../images/bookshadow.png") no-repeat top !important; padding: 6px 10px 20px 0px; width: 118px; text-align: center; float: left; min-height: 128px;
}
#books li a:hover {
	color: rgb(240, 113, 85); overflow: hidden; font-size: 12px; display: block;
}
#books li a {
	color: rgb(0, 0, 0); overflow: hidden; font-size: 12px; display: block;
}
#books li a span.txt {
	margin: auto; left: -2px; text-decoration: underline; display: block; position: relative;
}
#books li a span.img {
	margin: 0px 0px 5px 12px; padding: 4px; width: 90px; height: 110px; display: block;
}
#books li a:hover span.img {
	background: rgb(240, 113, 85);
}
#books li a:hover {
	text-decoration: none;
}
#books li a img {
	width: 90px; height: 110px; text-decoration: none; display: block;
}
#books li a:hover img {
	
}
#books li.selected a span.img {
	background: rgb(48, 212, 48);
}
#books li.selected a:hover span.img {
	background: rgb(48, 212, 48);
}
#books li.selected a {
	color: rgb(240, 113, 85); overflow: hidden; font-size: 12px; display: block;
}
#booksop {
	padding: 60px 0px; width: 800px; margin-right: auto; margin-left: auto; z-index: 2;
}
#booksop h3 {
	text-align: center;
}
#booksop ul {
	padding: 0px 0px 0px 18px; margin-right: auto; margin-left: auto;
}
#booksop li {
	background: url("../images/largeBookBg.png") no-repeat top !important; padding: 7px 0px 0px 7px; width: 233px; text-align: center; margin-right: auto; margin-left: auto; min-height: 128px;
}
#booksop li a {
	color: rgb(240, 113, 85); overflow: hidden; font-size: 12px; display: block;
}
#booksop li a {
	color: rgb(191, 67, 34); overflow: hidden; font-size: 12px; display: block;
}
#booksop li a span.txt {
	margin: auto; left: -2px; text-decoration: underline; display: block; position: relative;
}
#booksop li a span.img {
	margin: 0px 0px 5px 12px; padding: 4px; width: 90px; height: 110px; display: block;
}
#booksop li a:hover span.img {
	background: rgb(240, 113, 85);
}
#booksop li a:hover {
	text-decoration: none;
}
#booksop li a img {
	margin: 3px; border: 0px currentColor; border-image: none; left: -6px; width: 212px; height: 260px; position: relative;
}
#booksop li a:hover img {
	
}
#booksop li.selected a span.img {
	background: rgb(48, 212, 48);
}
#booksop li.selected a:hover span.img {
	background: rgb(48, 212, 48);
}
#books_small {
	padding: 60px 0px 0px; width: 800px; margin-right: auto; margin-left: auto; z-index: 2;
}
#books_small h3 {
	text-align: center;
}
#books_small ul {
	padding: 0px 0px 0px 18px; width: 800px; margin-right: auto; margin-left: auto; list-style-type: none;
}
#books_small li {
	background: url("../images/bookshadow.png") no-repeat top !important; padding: 6px 10px 20px 0px; width: 118px; text-align: center; vertical-align: top; display: inline-block; -ms-zoom: 1; min-height: 128px;
}
#books_small li a:hover {
	color: rgb(240, 113, 85); overflow: hidden; font-size: 12px; display: block;
}
#books_small li a {
	color: rgb(0, 0, 0); overflow: hidden; font-size: 12px; display: block;
}
#books_small li a span.txt {
	margin: auto; left: -2px; text-decoration: underline; display: block; position: relative;
}
#books_small li a span.img {
	margin: 0px 0px 5px 12px; padding: 4px; width: 90px; height: 110px; display: block;
}
#books_small li a:hover span.img {
	background: rgb(240, 113, 85);
}
#books_small li a:hover {
	text-decoration: none;
}
#books_small li a img {
	width: 90px; height: 110px; text-decoration: none; display: block;
}
#books_small li a:hover img {
	
}
#books_small li.selected a span.img {
	background: rgb(48, 212, 48);
}
#books_small li.selected a:hover span.img {
	background: rgb(48, 212, 48);
}
#books_small li.selected a {
	color: rgb(240, 113, 85); overflow: hidden; font-size: 12px; display: block;
}
#status {
	padding: 20px 0px 0px 30px; left: 0px; width: 745px; bottom: 25px; clear: both; position: absolute; z-index: 1;
}
#status2 {
	padding: 20px 0px 0px 30px; left: 0px; width: 745px; bottom: 25px; clear: both; position: absolute; z-index: 1;
}
#status ul {
	margin: 0px 0px 0px 130px; height: 13px; overflow: hidden; border-right-color: rgb(113, 113, 113); border-left-color: rgb(113, 113, 113); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; float: left; display: inline;
}
#status2 ul {
	margin: 0px 0px 0px 130px; height: 13px; overflow: hidden; border-right-color: rgb(113, 113, 113); border-left-color: rgb(113, 113, 113); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; float: left; display: inline;
}
#status li {
	background: url("../images/status-coming.gif") repeat-x; width: 95px; height: 13px; text-indent: -9999px; border-right-color: rgb(154, 154, 154); border-right-width: 1px; border-right-style: solid; float: left;
}
#status2 li {
	background: url("../images/status-coming.gif") repeat-x; width: 67px; height: 13px; text-indent: -9999px; border-right-color: rgb(154, 154, 154); border-right-width: 1px; border-right-style: solid; float: left;
}
#status li.complete {
	background: url("../images/statusCom.gif") repeat-x; border-right-color: rgb(2, 130, 20); border-right-width: 1px; border-right-style: solid;
}
#status2 li.complete {
	background: url("../images/statusCom.gif") repeat-x; border-right-color: rgb(2, 130, 20); border-right-width: 1px; border-right-style: solid;
}
#status li.last {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#status2 li.last {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#status p {
	padding: 6px 0px 20px; width: 745px; text-align: center; color: rgb(126, 126, 126); clear: both; font-size: 11px;
}
#status2 p {
	padding: 6px 0px 20px; width: 745px; text-align: center; color: rgb(126, 126, 126); clear: both; font-size: 11px;
}
.what {
	padding: 8px 190px 0px 0px; font-size: 14px; float: right; position: relative;
}
.what2 {
	padding: 8px 160px 0px 0px; font-size: 14px; float: right; position: relative;
}
.what a {
	color: rgb(77, 114, 209); text-decoration: underline;
}
.what2 a {
	color: rgb(77, 114, 209); text-decoration: underline;
}
.what a:hover {
	text-decoration: none;
}
.what2 a:hover {
	text-decoration: none;
}
#transoverlay {
	background: url("../images/trans.png") !important; left: 0px; top: 0px; width: 800px; height: 100%; position: absolute; z-index: 1000;
}
#currentBox {
	background: url("../images/currentBox.png") no-repeat; margin: 55px 0px 0px 200px; padding: 45px 0px 0px; left: 0px; top: 0px; width: 406px; height: 465px; position: absolute; z-index: 1001;
}
#currentBox-small {
	background: url("../images/currentBoxsmall.png") no-repeat; margin: 55px 0px 0px 200px; padding: 45px 0px 0px; left: 0px; top: 40px; width: 406px; height: 266px; position: absolute; z-index: 1001;
}
.popshad {
	background: url("../images/popshad.gif") no-repeat; margin: 0px auto 28px; padding: 10px 0px 0px 11px; width: 211px; height: 257px;
}
#codebox {
	padding: 5px 0px; border: 1px solid rgb(181, 181, 181); border-image: none; width: 605px; text-align: center; font-size: 14px;
}
#codeboxerror {
	padding: 5px 0px; border: 1px solid rgb(190, 0, 0); border-image: none; width: 605px; text-align: center; font-size: 14px;
}
.toolpop {
	background: url("../images/tooltip.png") no-repeat; padding: 25px 40px 0px 30px; left: 80px; top: -20px; width: 152px; height: 160px; position: absolute;
}
.toolpop p {
	line-height: 18px; font-size: 14px;
}
.toolpop .close {
	top: 15px; right: 23px; position: absolute;
}
.info {
	margin: 25px 0px;
}
.info li {
	margin: 0px 0px 10px; overflow: hidden; font-size: 14px; display: block;
}
.info li .left-col {
	width: 150px; color: rgb(125, 125, 125); float: left;
}
.info li .info-col {
	color: black; float: left;
}
#activityContentTitle {
	left: 15px; top: 7px; color: black; font-family: Arial, Tahoma, Helvetica, "sans serif"; font-size: 16px; font-weight: bold; position: absolute; dispaly: block;
}
#content .regularText {
	color: black; font-size: 16px;
}
#audioPage1 p.regularText {
	font-size: 18px; margin-left: 320px; display: block;
}
#footer {
	margin: 0px 0px 0px 99px; width: 800px;
}
#footer p {
	color: rgb(141, 141, 141); font-size: 11px;
}
#leftCorndots {
	background: url("../images/leftCorndots.gif") no-repeat; left: 9px; width: 225px; height: 269px; bottom: 16px; position: absolute; z-index: 1;
}
#largebooks {
	padding: 46px 146px 80px; overflow: hidden;
}
#largebooks li {
	background: url("../images/largeBookBg.png") no-repeat; padding: 7px 0px 0px 7px; width: 233px; text-align: center;
}
#largebooks li a:hover {
	text-decoration: none;
}
#largebooks a img {
	margin: 3px; border: 0px currentColor; border-image: none; left: -6px; width: 212px; height: 260px; position: relative;
}
#largebooks a:hover img {
	margin: 0px; border: 3px solid rgb(209, 105, 77); border-image: none; text-decoration: none;
}
#largebooks a .link {
	left: -6px; text-align: center; color: rgb(240, 113, 85); font-size: 12px; text-decoration: underline; position: relative;
}
#largebooks a:hover .link {
	color: rgb(24, 49, 143);
}
#largebooks a:hover .bord {
	
}
#largebooks2 {
	margin: auto; padding: 0px 0px 40px; width: 240px; overflow: hidden;
}
#largebooks2 li {
	background: url("../images/largeBookBg.png") no-repeat; padding: 7px 0px 0px 7px; width: 233px; text-align: center;
}
#largebooks2 li a:hover {
	text-decoration: none;
}
#largebooks2 a img {
	margin: 3px; border: 0px currentColor; border-image: none; left: -6px; width: 212px; height: 260px; position: relative;
}
#largebooks2 a:hover img {
	margin: 0px; border: 3px solid rgb(209, 105, 77); border-image: none; text-decoration: none;
}
.blocks {
	margin: 0px 0px 25px;
}
.blocks input {
	margin: 0px auto 5px; width: 170px; display: block;
}
#largebooks2 a .link {
	left: -6px; text-align: center; color: rgb(240, 113, 85); font-size: 12px; text-decoration: underline; position: relative;
}
#largebooks2 a:hover .link {
	color: rgb(24, 49, 143);
}
#largebooks2 a:hover .bord {
	
}
#largebook {
	margin: auto; padding: 0px 0px 40px; width: 240px; overflow: hidden;
}
#largebook li {
	background: url("../images/largeBookBg.png") no-repeat; padding: 7px 0px 0px 7px; width: 233px; text-align: center;
}
#largebook li a:hover {
	text-decoration: none;
}
#largebook img {
	margin: 3px; padding: 4px; border: 0px currentColor; border-image: none; left: -6px; width: 212px; height: 260px; position: relative;
}
#largebook a .link {
	left: -6px; text-align: center; color: rgb(0, 0, 0); font-size: 20px; font-weight: bold; text-decoration: none; position: relative;
}
#largebook a:hover .link {
	left: -6px; text-align: center; color: rgb(240, 113, 85); font-size: 20px; font-weight: bold; text-decoration: underline; position: relative;
}
#largebook a:hover img {
	background: rgb(240, 113, 85);
}
#currentbook {
	padding: 0px 12px 0px 0px; text-align: right; float: right;
}
#currentbook p {
	padding: 8px 0px 0px; font-size: 12px; font-weight: bold; float: left;
}
#currentbook img {
	float: right;
}
.downloads {
	width: 755px;
}
.downloads th {
	background: rgb(255, 255, 255); padding: 0px 5px 0px 0px; border: 1px solid rgb(153, 153, 153); border-image: none; height: 27px; color: white; font-size: 10px; font-weight: bold; vertical-align: middle;
}
.downloads th.unit {
	font-size: 12px;
}
.downloads th.total {
	font-size: 12px;
}
.downloads th.last {
	border: currentColor; border-image: none;
}
.downloads th.dl {
	text-align: left;
}
.downloads a {
	color: rgb(255, 157, 131); 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;
}
.dl {
	padding: 0px 0px 0px 20px; text-align: left;
}
.tdelete {
	padding: 0px 0px 0px 6px; width: 83px; text-align: left;
}
.tname {
	width: 220px; text-align: center;
}
.temail {
	width: 220px; text-align: center;
}
.tstatus {
	text-align: center;
}
.avg {
	padding: 0px 0px 0px 10px; width: 79px; text-align: left; font-weight: bold;
}
.unit {
	padding: 0px; width: 40px; text-align: center; font-size: 12px;
}
.unitcat {
	padding: 0px 6px; width: 43px; text-align: left; font-size: 10px;
}
.unitcat2 {
	padding: 0px 3px; text-align: center; font-size: 10px;
}
.unitcatt2 {
	padding: 0px 13px 0px 3px; text-align: center; font-size: 10px;
}
.del {
	color: red; font-weight: bold;
}
.scroll {
	padding: 0px 5px 0px 0px; border: 1px solid rgb(0, 0, 0); border-image: none; width: 748px; background-color: rgb(255, 255, 255);
}
.downloads2 {
	width: 755px;
}
.downloads2 td {
	border: 1px solid rgb(0, 0, 0); border-image: none; height: 28px; text-align: center; font-size: 10px; vertical-align: middle;
}
.downloads2 th {
	border: 1px solid rgb(0, 0, 0); border-image: none; height: 28px; text-align: left; font-size: 11px; font-weight: normal; vertical-align: middle;
}
.downloads2 tr.blue th {
	background: rgb(212, 237, 244);
}
.downloads2 tr.orange th {
	background: rgb(245, 219, 211);
}
.downloads2 tr.green th {
	background: rgb(213, 244, 215);
}
.downloads2 td.unit {
	color: rgb(92, 92, 92);
}
.downloads2 th.unit {
	text-align: center; color: rgb(92, 92, 92);
}
.downloads2 td.unitcat {
	text-align: left;
}
.downloads2 td.dl {
	text-align: left;
}
.downloads2 td.tdelete {
	text-align: left;
}
.downloads2 a {
	color: rgb(92, 92, 92); text-decoration: none;
}
.downloads2 a:hover {
	color: rgb(92, 92, 92); text-decoration: none;
}
.downloads2 td.unit {
	text-align: center;
}
.downloads2 td.unitcenter {
	padding: 0px 6px; width: 38px; color: rgb(92, 92, 92);
}
.downloads2 td.avg {
	text-align: left; color: rgb(92, 92, 92);
}
.downloads2 th.avg {
	text-align: left; color: rgb(92, 92, 92);
}
.downloads2 td.total {
	border: 1px solid rgb(0, 0, 0); border-image: none;
}
.downloads2 th.total {
	text-align: center;
}
.downloads3 {
	width: 755px;
}
.downloads3 td {
	border: 1px solid rgb(0, 0, 0); border-image: none; height: 28px; text-align: center; font-size: 10px; vertical-align: middle;
}
.downloads3 th {
	border: 1px solid rgb(0, 0, 0); border-image: none; height: 28px; font-size: 11px; font-weight: normal; vertical-align: middle;
}
.downloads3 tr.blue th {
	background: rgb(212, 237, 244);
}
.downloads3 tr.orange th {
	background: rgb(245, 219, 211);
}
.downloads3 tr.green th {
	background: rgb(213, 244, 215);
}
.downloads3 td.unit {
	color: rgb(92, 92, 92);
}
.downloads3 td.unitcat {
	text-align: center;
}
.downloads3 td.dl {
	text-align: center;
}
.downloads3 td.tdelete {
	text-align: center;
}
.downloads3 a {
	color: rgb(240, 113, 85); text-decoration: underline;
}
.downloads3 a:hover {
	color: rgb(240, 113, 85); text-decoration: none;
}
.downloads3 td.unit {
	text-align: center;
}
.downloads3 td.unitcenter {
	padding: 0px 6px; width: 38px; color: rgb(92, 92, 92);
}
.downloads3 td.avg {
	text-align: left; color: rgb(92, 92, 92);
}
.downloads3 th.avg {
	text-align: left; color: rgb(92, 92, 92);
}
.reporttableheader th {
	background: black; height: 27px; color: white; font-size: 10px; font-weight: bold; vertical-align: middle; border-right-color: rgb(69, 69, 69); border-right-width: 1px; border-right-style: solid; table-layout: fixed;
}
.reporttableheader th.unit {
	font-size: 12px;
}
.reporttableheader th.reporttotal {
	width: 186px; font-size: 12px;
}
.reporttableheader th.last {
	border: currentColor; border-image: none;
}
.reporttableheader th.dl {
	text-align: left;
}
.reporttableheader a {
	color: rgb(255, 157, 131); text-decoration: underline;
}
.reporttableheader a:hover {
	text-decoration: none;
}
.reporttitle {
	width: 52px; overflow: hidden; font-size: 10px; max-width: 52px;
}
.reporttableheader {
	font-size: 10px; table-layout: fixed;
}
#printdiv {
	display: none;
}
#classtable {
	width: 755px;
}
.cname {
	padding: 0px 0px 0px 10px; width: 200px; text-align: left; font-size: 12px;
}
.cbook {
	padding: 0px 0px 0px 10px; text-align: left; widh: 245px;
}
.cdetails {
	padding: 0px 70px 0px 0px; width: 165px; text-align: center;
}
.cdelete {
	width: 52px; text-align: center;
}
#classtable th {
	background: black; height: 18px; color: rgb(255, 255, 255); font-size: 12px; vertical-align: middle;
}
#classtable td {
	height: 71px; vertical-align: middle; border-bottom-color: rgb(212, 212, 212); border-bottom-width: 1px; border-bottom-style: solid;
}
.cbook img {
	float: left;
}
.cbook p {
	padding: 25px 0px 0px; font-size: 12px; float: left;
}
#actdetails {
	margin: 0px 0px 15px; width: 755px; overflow: hidden; font-size: 14px;
}
#actdetails li {
	margin: 0px 0px 7px; width: 377px; float: left;
}
.smallgrayBtn {
	background: url("../images/smallgrayBtn.gif") repeat-x; padding: 0px 7px; border: 1px solid black; border-image: none; left: 5px; text-align: center; color: white; font-size: 12px; font-weight: bold; position: relative;
}
.smallgrayBtn:hover {
	text-decoration: none;
}
#classdrop {
	padding: 0px 15px 0px 0px; text-align: right; float: right;
}
#classdrop select {
	margin: 10px 0px; border: 1px solid black; border-image: none; font-size: 12px;
}
#classdrop p {
	font-size: 12px; font-weight: bold;
}
#classdrop div.img {
	background: url("../images/bookshadow_small.png") no-repeat top !important; padding: 5px 7px 10px 0px; width: 64px; float: right; min-height: 46px;
}
select#studentname {
	border: 1px solid black; border-image: none; top: -15px; width: 265px; font-size: 12px; position: relative;
}
select#booksselect {
	border: 1px solid black; border-image: none; top: -15px; width: 265px; font-size: 12px; position: relative;
}
select#classid {
	border: 1px solid black; border-image: none; top: 0px; width: 265px; font-size: 12px; position: relative;
}
#content #time {
	margin: 0px 0px 5px; font-size: 12px; float: left;
}
.dropdown-label {
	width: 50px; font-size: 11px; margin-top: -10px; float: left;
}
.abs {
	left: 0px; bottom: 0px; position: absolute;
}
#header-inner {
	background: url("../images/toprightGraphicblack.gif") no-repeat right top; padding: 0px; width: 1000px; height: 59px;
}
#header-inner2 {
	background: url("../images/toprightGraphicwhite.gif") no-repeat right top; padding: 0px; width: 1000px; height: 59px;
}
.logo-inner {
	float: left;
}
#headBtn-inner {
	padding: 19px 100px 0px 0px; float: right;
}
#headBtn-inner li {
	padding: 0px 5px 0px 0px; text-transform: uppercase; float: left; display: block;
}
#headBtn-inner li a {
	padding: 5px 16px; text-align: center; color: white; font-size: 10px; display: block;
}
.inner1 .unit {
	background: url("../images/unit.gif") no-repeat bottom; margin: 0px 0px 0px 25px; padding: 4px 0px 19px; text-align: center; color: black; text-transform: uppercase; font-size: 10px; float: left; display: inline; cursor: pointer;
}
.inner2 .unit {
	background: url("../images/unit2.gif") no-repeat bottom; margin: 0px 0px 0px 25px; padding: 4px 0px 19px; text-align: center; color: white; text-transform: uppercase; font-size: 10px; float: left; display: inline; cursor: pointer;
}
.unitnum {
	padding: 4px 0px 0px 4px; font-size: 34px; font-weight: bold; margin-top: 12px; float: left;
}
.right-top {
	margin: 0px; width: 901px; height: 53px; float: right; position: relative;
}
.inner1 h6.title {
	padding: 2px 0px 0px 3px; color: black; font-family: Tahoma, Arial, Helvetica, "sans serif"; font-size: 11px; font-weight: normal;
}
.inner2 h6.title {
	padding: 2px 0px 0px 3px; color: white; font-family: Tahoma, Arial, Helvetica, "sans serif"; font-size: 11px; font-weight: normal;
}
.right-top ul {
	left: 0px; height: 38px; bottom: 0px !important; font-family: Tahoma, Arial, Helvetica, "sans serif"; font-size: 12px; position: absolute;
}
.right-top li {
	margin: 0px 2px 0px 0px; padding: 0px 7px 0px 0px; height: 38px; float: left; display: block;
}
.inner1 .right-top li a {
	padding: 0px 0px 0px 7px; text-align: center; color: rgb(104, 104, 104); display: block;
}
.inner2 .right-top li a {
	padding: 0px 0px 0px 7px; text-align: center; color: rgb(201, 201, 201); display: block;
}
.right-top li.active a {
	color: white; text-decoration: none;
}
.right-top li a:hover {
	color: white; text-decoration: none;
}
.right-top li:hover a {
	color: white; text-decoration: none;
}
#sidenav21 ul {
	display: none;
}
#sidenav21 {
	margin: -1px 2px 0px 25px; padding: 0px 0px 6px; width: 44px; overflow: hidden; font-size: 17px; font-weight: bold; float: left; display: inline;
}
#sidenav21 li {
	padding: 0px 0px 0px 17px;
}
#sidenav21 li.current a {
	color: white;
}
#sidenav21 a:hover {
	color: white; text-decoration: none;
}
.bar-orange {
	background: url("../images/bar_orange.gif") repeat-x left top; min-width: 1000px;
}
.orange #sidenav21 {
	background: url("../images/sidenavOrange.gif") no-repeat bottom rgb(217, 119, 61);
}
.orange #sidenav21 li {
	background: url("../images/arrowOrange.gif") no-repeat left;
}
.orange #sidenav21 a {
	color: rgb(245, 170, 125);
}
.orange #sidenav21 a:hover {
	color: white;
}
.orange .right-top li {
	background: url("../images/inactiverightorange.gif") no-repeat right top;
}
.orange .right-top li.active {
	background: url("../images/activerightorange.gif") no-repeat right top;
}
.orange .right-top li:hover {
	background: url("../images/activerightorange.gif") no-repeat right top;
}
#atitle {
	height: 38px; line-height: 17px; vertical-align: middle; display: table-cell; cursor: pointer;
}
.orange .right-top li a {
	background: url("../images/inactiveleftorange.gif") no-repeat left rgb(243, 211, 193);
}
.orange .right-top li.active a {
	background: url("../images/activeleftorange.gif") no-repeat left rgb(217, 119, 61);
}
.orange .right-top li:hover a {
	background: url("../images/activeleftorange.gif") no-repeat left rgb(217, 119, 61);
}
.orange .right-top li a:hover {
	background: url("../images/activeleftorange.gif") no-repeat left rgb(217, 119, 61);
}
.orange #headBtn-inner li a {
	background: rgb(240, 129, 62);
}
.orange .unitnum {
	color: rgb(217, 119, 61);
}
.bar-purple {
	background: url("../images/bar_purple.gif") repeat-x left top; min-width: 1000px;
}
.purple #sidenav21 {
	background: url("../images/sidenavpurple.gif") no-repeat bottom rgb(153, 149, 201);
}
.purple #sidenav21 li {
	background: url("../images/arrowpurple.gif") no-repeat left;
}
.purple #sidenav21 a {
	color: rgb(201, 198, 240);
}
.purple #sidenav21 a:hover {
	color: white;
}
.purple .right-top li {
	background: url("../images/inactiverightpurple.gif") no-repeat right top;
}
.purple .right-top li.active {
	background: url("../images/activerightpurple.gif") no-repeat right top;
}
.purple .right-top li:hover {
	background: url("../images/activerightpurple.gif") no-repeat right top;
}
.purple .right-top li a {
	background: url("../images/inactiveleftpurple.gif") no-repeat left rgb(222, 220, 245);
}
.purple .right-top li.active a {
	background: url("../images/activeleftpurple.gif") no-repeat left rgb(153, 149, 201);
}
.purple .right-top li:hover a {
	background: url("../images/activeleftpurple.gif") no-repeat left rgb(153, 149, 201);
}
.purple .right-top li a:hover {
	background: url("../images/activeleftpurple.gif") no-repeat left rgb(153, 149, 201);
}
.purple #headBtn-inner li a {
	background: rgb(153, 149, 201);
}
.purple .unitnum {
	color: rgb(153, 149, 201);
}
.bar-green {
	background: url("../images/bar_green.gif") repeat-x left top; min-width: 1000px;
}
.green #sidenav21 {
	background: url("../images/sidenavgreen.gif") no-repeat bottom rgb(197, 212, 48);
}
.green #sidenav21 li {
	background: url("../images/arrowgreen.gif") no-repeat left;
}
.green #sidenav21 a {
	color: rgb(237, 245, 171);
}
.green #sidenav21 a:hover {
	color: white;
}
.green .right-top li {
	background: url("../images/inactiverightgreen.gif") no-repeat right top;
}
.green .right-top li.active {
	background: url("../images/activerightgreen.gif") no-repeat right top;
}
.green .right-top li:hover {
	background: url("../images/activerightgreen.gif") no-repeat right top;
}
.green .right-top li a {
	background: url("../images/inactiveleftgreen.gif") no-repeat left rgb(237, 245, 171);
}
.green .right-top li.active a {
	background: url("../images/activeleftgreen.gif") no-repeat left rgb(197, 212, 48);
}
.green .right-top li:hover a {
	background: url("../images/activeleftgreen.gif") no-repeat left rgb(197, 212, 48);
}
.green .right-top li a:hover {
	background: url("../images/activeleftgreen.gif") no-repeat left rgb(197, 212, 48);
}
.green #headBtn-inner li a {
	background: rgb(197, 212, 48);
}
.green .unitnum {
	color: rgb(197, 212, 48);
}
.bar-acqua {
	background: url("../images/bar_acqua.gif") repeat-x left top; min-width: 1000px;
}
.acqua #sidenav21 {
	background: url("../images/sidenavacqua.gif") no-repeat bottom rgb(64, 190, 224);
}
.acqua #sidenav21 li {
	background: url("../images/arrowacqua.gif") no-repeat left;
}
.acqua #sidenav21 a {
	color: rgb(169, 229, 245);
}
.acqua #sidenav21 a:hover {
	color: white;
}
.acqua .right-top li {
	background: url("../images/inactiverightacqua.gif") no-repeat right top;
}
.acqua .right-top li.active {
	background: url("../images/activerightacqua.gif") no-repeat right top;
}
.acqua .right-top li:hover {
	background: url("../images/activerightacqua.gif") no-repeat right top;
}
.acqua .right-top li a {
	background: url("../images/inactiveleftacqua.gif") no-repeat left rgb(191, 236, 248);
}
.acqua .right-top li.active a {
	background: url("../images/activeleftacqua.gif") no-repeat left rgb(64, 190, 224);
}
.acqua .right-top li:hover a {
	background: url("../images/activeleftacqua.gif") no-repeat left rgb(64, 190, 224);
}
.acqua .right-top li a:hover {
	background: url("../images/activeleftacqua.gif") no-repeat left rgb(64, 190, 224);
}
.acqua #headBtn-inner li a {
	background: rgb(64, 190, 224);
}
.acqua .unitnum {
	color: rgb(64, 190, 224);
}
.bar-lightorange {
	background: url("../images/bar_lightorange.gif") repeat-x left top; min-width: 1000px;
}
.lightorange #sidenav21 {
	background: url("../images/sidenavlightorange.gif") no-repeat bottom rgb(249, 174, 0);
}
.lightorange #sidenav21 li {
	background: url("../images/arrowlightorange.gif") no-repeat left;
}
.lightorange #sidenav21 a {
	color: rgb(255, 224, 153);
}
.lightorange #sidenav21 a:hover {
	color: white;
}
.lightorange .right-top li {
	background: url("../images/inactiverightlightorange.gif") no-repeat right top;
}
.lightorange .right-top li.active {
	background: url("../images/activerightlightorange.gif") no-repeat right top;
}
.lightorange .right-top li:hover {
	background: url("../images/activerightlightorange.gif") no-repeat right top;
}
.lightorange .right-top li a {
	background: url("../images/inactiveleftlightorange.gif") no-repeat left rgb(253, 231, 178);
}
.lightorange .right-top li.active a {
	background: url("../images/activeleftlightorange.gif") no-repeat left rgb(249, 174, 0);
}
.lightorange .right-top li:hover a {
	background: url("../images/activeleftlightorange.gif") no-repeat left rgb(249, 174, 0);
}
.lightorange .right-top li a:hover {
	background: url("../images/activeleftlightorange.gif") no-repeat left rgb(249, 174, 0);
}
.lightorange #headBtn-inner li a {
	background: rgb(249, 174, 0);
}
.lightorange .unitnum {
	color: rgb(249, 174, 0);
}
.bar-violet {
	background: url("../images/bar_violet.gif") repeat-x left top; min-width: 1000px;
}
.violet #sidenav21 {
	background: url("../images/sidenavviolet.gif") no-repeat bottom rgb(120, 34, 108);
}
.violet #sidenav21 li {
	background: url("../images/arrowviolet.gif") no-repeat left;
}
.violet #sidenav21 a {
	color: rgb(195, 136, 186);
}
.violet #sidenav21 a:hover {
	color: white;
}
.violet .right-top li {
	background: url("../images/inactiverightviolet.gif") no-repeat right top;
}
.violet .right-top li.active {
	background: url("../images/activerightviolet.gif") no-repeat right top;
}
.violet .right-top li:hover {
	background: url("../images/activerightviolet.gif") no-repeat right top;
}
.violet .right-top li a {
	background: url("../images/inactiveleftviolet.gif") no-repeat left rgb(219, 156, 209);
}
.violet .right-top li.active a {
	background: url("../images/activeleftviolet.gif") no-repeat left rgb(120, 34, 108);
}
.violet .right-top li:hover a {
	background: url("../images/activeleftviolet.gif") no-repeat left rgb(120, 34, 108);
}
.violet .right-top li a:hover {
	background: url("../images/activeleftviolet.gif") no-repeat left rgb(120, 34, 108);
}
.violet #headBtn-inner li a {
	background: rgb(120, 34, 108);
}
.violet .unitnum {
	color: rgb(120, 34, 108);
}
.bar-red {
	background: url("../images/bar_red.gif") repeat-x left top; min-width: 1000px;
}
.red #sidenav21 {
	background: url("../images/sidenavred.gif") no-repeat bottom rgb(212, 45, 23);
}
.red #sidenav21 li {
	background: url("../images/arrowred.gif") no-repeat left;
}
.red #sidenav21 a {
	color: rgb(255, 160, 147);
}
.red #sidenav21 a:hover {
	color: white;
}
.red .right-top li {
	background: url("../images/inactiverightred.gif") no-repeat right top;
}
.red .right-top li.active {
	background: url("../images/activerightred.gif") no-repeat right top;
}
.red .right-top li:hover {
	background: url("../images/activerightred.gif") no-repeat right top;
}
.red .right-top li a {
	background: url("../images/inactiveleftred.gif") no-repeat left rgb(157, 33, 17);
}
.red .right-top li.active a {
	background: url("../images/activeleftred.gif") no-repeat left rgb(212, 45, 23);
}
.red .right-top li:hover a {
	background: url("../images/activeleftred.gif") no-repeat left rgb(212, 45, 23);
}
.red .right-top li a:hover {
	background: url("../images/activeleftred.gif") no-repeat left rgb(212, 45, 23);
}
.red #headBtn-inner li a {
	background: rgb(212, 45, 23);
}
.red .unitnum {
	color: rgb(212, 45, 23);
}
.bar-purple2 {
	background: url("../images/bar_purple2.gif") repeat-x left top; min-width: 1000px;
}
.purple2 #sidenav21 {
	background: url("../images/sidenavpurple2.gif") no-repeat bottom rgb(77, 78, 156);
}
.purple2 #sidenav21 li {
	background: url("../images/arrowpurple2.gif") no-repeat left;
}
.purple2 #sidenav21 a {
	color: rgb(154, 155, 210);
}
.purple2 #sidenav21 a:hover {
	color: white;
}
.purple2 .right-top li {
	background: url("../images/inactiverightpurple2.gif") no-repeat right top;
}
.purple2 .right-top li.active {
	background: url("../images/activerightpurple2.gif") no-repeat right top;
}
.purple2 .right-top li:hover {
	background: url("../images/activerightpurple2.gif") no-repeat right top;
}
.purple2 .right-top li a {
	background: url("../images/inactiveleftpurple2.gif") no-repeat left rgb(54, 55, 110);
}
.purple2 .right-top li.active a {
	background: url("../images/activeleftpurple2.gif") no-repeat left rgb(77, 78, 156);
}
.purple2 .right-top li:hover a {
	background: url("../images/activeleftpurple2.gif") no-repeat left rgb(77, 78, 156);
}
.purple2 .right-top li a:hover {
	background: url("../images/activeleftpurple2.gif") no-repeat left rgb(77, 78, 156);
}
.purple2 #headBtn-inner li a {
	background: rgb(77, 78, 156);
}
.purple2 .unitnum {
	color: rgb(77, 78, 156);
}
.bar-green2 {
	background: url("../images/bar_green2.gif") repeat-x left top; min-width: 1000px;
}
.green2 #sidenav21 {
	background: url("../images/sidenavgreen2.gif") no-repeat bottom rgb(122, 172, 44);
}
.green2 #sidenav21 li {
	background: url("../images/arrowgreen2.gif") no-repeat left;
}
.green2 #sidenav21 a {
	color: rgb(175, 217, 112);
}
.green2 #sidenav21 a:hover {
	color: white;
}
.green2 .right-top li {
	background: url("../images/inactiverightgreen2.gif") no-repeat right top;
}
.green2 .right-top li.active {
	background: url("../images/activerightgreen2.gif") no-repeat right top;
}
.green2 .right-top li:hover {
	background: url("../images/activerightgreen2.gif") no-repeat right top;
}
.green2 .right-top li a {
	background: url("../images/inactiveleftgreen2.gif") no-repeat left rgb(84, 119, 30);
}
.green2 .right-top li.active a {
	background: url("../images/activeleftgreen2.gif") no-repeat left rgb(122, 172, 44);
}
.green2 .right-top li:hover a {
	background: url("../images/activeleftgreen2.gif") no-repeat left rgb(122, 172, 44);
}
.green2 .right-top li a:hover {
	background: url("../images/activeleftgreen2.gif") no-repeat left rgb(122, 172, 44);
}
.green2 #headBtn-inner li a {
	background: rgb(122, 172, 44);
}
.green2 .unitnum {
	color: rgb(122, 172, 44);
}
.bar-acqua2 {
	background: url("../images/bar_acqua2.gif") repeat-x left top; min-width: 1000px;
}
.acqua2 #sidenav21 {
	background: url("../images/sidenavacqua2.gif") no-repeat bottom rgb(0, 126, 173);
}
.acqua2 #sidenav21 li {
	background: url("../images/arrowacqua2.gif") no-repeat left;
}
.acqua2 #sidenav21 a {
	color: rgb(116, 186, 212);
}
.acqua2 #sidenav21 a:hover {
	color: white;
}
.acqua2 .right-top li {
	background: url("../images/inactiverightacqua2.gif") no-repeat right top;
}
.acqua2 .right-top li.active {
	background: url("../images/activerightacqua2.gif") no-repeat right top;
}
.acqua2 .right-top li:hover {
	background: url("../images/activerightacqua2.gif") no-repeat right top;
}
.acqua2 .right-top li a {
	background: url("../images/inactiveleftacqua2.gif") no-repeat left rgb(0, 87, 121);
}
.acqua2 .right-top li.active a {
	background: url("../images/activeleftacqua2.gif") no-repeat left rgb(0, 126, 173);
}
.acqua2 .right-top li:hover a {
	background: url("../images/activeleftacqua2.gif") no-repeat left rgb(0, 126, 173);
}
.acqua2 .right-top li a:hover {
	background: url("../images/activeleftacqua2.gif") no-repeat left rgb(0, 126, 173);
}
.acqua2 #headBtn-inner li a {
	background: rgb(0, 126, 173);
}
.acqua2 .unitnum {
	color: rgb(0, 126, 173);
}
.bar-orange2 {
	background: url("../images/bar_orange2.gif") repeat-x left top; min-width: 1000px;
}
.orange2 #sidenav21 {
	background: url("../images/sidenavorange2.gif") no-repeat bottom rgb(231, 124, 6);
}
.orange2 #sidenav21 li {
	background: url("../images/arroworange2.gif") no-repeat left;
}
.orange2 #sidenav21 a {
	color: rgb(255, 197, 134);
}
.orange2 #sidenav21 a:hover {
	color: white;
}
.orange2 .right-top li {
	background: url("../images/inactiverightorange2.gif") no-repeat right top;
}
.orange2 .right-top li.active {
	background: url("../images/activerightorange2.gif") no-repeat right top;
}
.orange2 .right-top li:hover {
	background: url("../images/activerightorange2.gif") no-repeat right top;
}
.orange2 .right-top li a {
	background: url("../images/inactiveleftorange2.gif") no-repeat left rgb(162, 87, 4);
}
.orange2 .right-top li.active a {
	background: url("../images/activeleftorange2.gif") no-repeat left rgb(231, 124, 6);
}
.orange2 .right-top li:hover a {
	background: url("../images/activeleftorange2.gif") no-repeat left rgb(231, 124, 6);
}
.orange2 .right-top li a:hover {
	background: url("../images/activeleftorange2.gif") no-repeat left rgb(231, 124, 6);
}
.orange2 #headBtn-inner li a {
	background: rgb(231, 124, 6);
}
.orange2 .unitnum {
	color: rgb(231, 124, 6);
}
.bar-violet2 {
	background: url("../images/bar_violet2.gif") repeat-x left top; min-width: 1000px;
}
.violet2 #sidenav21 {
	background: url("../images/sidenavviolet2.gif") no-repeat bottom rgb(120, 34, 108);
}
.violet2 #sidenav21 li {
	background: url("../images/arrowviolet2.gif") no-repeat left;
}
.violet2 #sidenav21 a {
	color: rgb(195, 115, 184);
}
.violet2 #sidenav21 a:hover {
	color: white;
}
.violet2 .right-top li {
	background: url("../images/inactiverightviolet2.gif") no-repeat right top;
}
.violet2 .right-top li.active {
	background: url("../images/activerightviolet2.gif") no-repeat right top;
}
.violet2 .right-top li:hover {
	background: url("../images/activerightviolet2.gif") no-repeat right top;
}
.violet2 .right-top li a {
	background: url("../images/inactiveleftviolet2.gif") no-repeat left rgb(89, 25, 80);
}
.violet2 .right-top li.active a {
	background: url("../images/activeleftviolet2.gif") no-repeat left rgb(120, 34, 108);
}
.violet2 .right-top li:hover a {
	background: url("../images/activeleftviolet2.gif") no-repeat left rgb(120, 34, 108);
}
.violet2 .right-top li a:hover {
	background: url("../images/activeleftviolet2.gif") no-repeat left rgb(120, 34, 108);
}
.violet2 #headBtn-inner li a {
	background: rgb(120, 34, 108);
}
.violet2 .unitnum {
	color: rgb(120, 34, 108);
}
.tooltip {
	background: url("../images/tooltip/black_arrow_med.png"); padding: 20px; width: 235px; height: 110px; color: rgb(255, 255, 255); font-size: 11px; display: none; z-index: 100;
}
.bsmall {
	background: url("../images/bBig.gif") repeat-x left top; padding: 3px 20px 0px; height: 21px; color: white; font-size: 14px; float: left; display: block; position: relative;
}
.bsmall .bLeft {
	background: url("../images/bLeft.gif") no-repeat left top; left: 0px; top: 0px; width: 7px; height: 24px; position: absolute;
}
.bsmall .bRight {
	background: url("../images/bRight.gif") no-repeat left top; top: 0px; width: 7px; height: 24px; right: 0px; position: absolute;
}
.bsmall:hover {
	background-position: left bottom; color: black; text-decoration: none;
}
.bsmall:hover .bLeft {
	background-position: left bottom;
}
.bsmall:hover .bRight {
	background-position: left bottom;
}
.blarge {
	background: url("../images/b2mid.gif") repeat-x left top; padding: 5px 20px 0px; height: 31px; color: white; font-size: 18px; float: left; display: block; position: relative;
}
.blarge .bLeft {
	background: url("../images/b2left.gif") no-repeat left top; left: 0px; top: 0px; width: 7px; height: 36px; position: absolute;
}
.blarge .bRight {
	background: url("../images/b2Right.gif") no-repeat left top; top: 0px; width: 7px; height: 36px; right: 0px; position: absolute;
}
.blarge:hover {
	background-position: left bottom; color: black; text-decoration: none;
}
.blarge:hover .bLeft {
	background-position: left bottom;
}
.blarge:hover .bRight {
	background-position: left bottom;
}
.b_orange {
	background: url("../images/b_orange_stretch.gif") repeat-x left top; padding: 3px 20px 0px; height: 21px; color: white; font-size: 14px; float: left; display: block; position: relative;
}
.b_orange .bLeft {
	background: url("../images/b_orange_L.gif") no-repeat left top; left: 0px; top: 0px; width: 7px; height: 24px; position: absolute;
}
.b_orange .bRight {
	background: url("../images/b_orange_R.gif") no-repeat left top; top: 0px; width: 7px; height: 24px; right: 0px; position: absolute;
}
.b_orange:hover {
	background-position: left bottom; color: black; text-decoration: none;
}
.b_orange:hover .bLeft {
	background-position: left bottom;
}
.b_orange:hover .bRight {
	background-position: left bottom;
}
.b_next {
	background-position: left top; width: 86px; height: 37px; background-image: url("../images/btn_next.gif"); background-repeat: no-repeat;
}
.b_next {
	background: url("../images/btn_next.gif") no-repeat left top; padding: 0px; width: 86px; height: 37px; color: white; font-size: 18px; float: left; display: block;
}
.b_next:hover {
	background-position: left bottom;
}
.b_next span {
	display: none;
}
.b_next_disabled {
	background: url("../images/btn_next.gif") no-repeat left top; padding: 0px; width: 86px; height: 37px; float: left; display: block; cursor: default;
}
.b_next_disabled span {
	display: none;
}
.b_previous {
	background: url("../images/btn_previous.gif") no-repeat left top; padding: 0px; width: 123px; height: 37px; color: white; font-size: 18px; float: left; display: block;
}
.b_previous:hover {
	background-position: left bottom;
}
.b_previous span {
	display: none;
}
.b_prev_disabled {
	background: url("../images/btn_previous.gif") no-repeat left top; padding: 0px; width: 123px; height: 37px; color: white; font-size: 18px; float: left; display: block; cursor: default;
}
.b_prev_disabled span {
	display: none;
}
#buttons_bottom_left {
	width: 822px; height: 50px; margin-left: 104px; position: relative;
}
#buttons_next_prev {
	width: 220px; height: 40px; margin-right: 55px; float: right;
}
#button_next {
	float: right;
}
#button_previous {
	float: left;
}
#button_progress {
	width: 155px; height: 21px; padding-right: 10px; float: left;
}
#button_resources {
	width: 120px; height: 21px; padding-right: 10px; float: left;
}
#button_glossary {
	width: 120px; height: 21px; padding-right: 10px; float: left;
}
.hideelement {
	display: none;
}
.inlinebutton {
	display: inline-block;
}