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;} body {background: none repeat-x top left white; font-family: Arial, Helvetica, 'sans serif';} body.inner1 {background: none repeat-x top left white;} body.inner2 {background: none repeat-x top left white;} .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: grey; 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;position: absolute; top: 0; left: 0; width: 7px; height: 24px; background: url(../images/bLeft.gif) no-repeat top left;} .broundsmall_disabled .bRight {cursor:default;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: grey; 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; 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; 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: 0 0 0 32px; background: url(../images/toprightGraphic.gif) no-repeat top right; height: 59px;} #logo {float: left;} #headBtn {float: right; padding: 19px 100px 0 0;} #headBtn li {display: block; float: left; padding: 0 5px 0 0; text-transform: uppercase;} #headBtn li.orange a {background: #f07155;} #headBtn li.orange a:hover {background: #c45c45; text-decoration: underline;} #headBtn li a {font-size: 10px; color: white; text-align: center; display: block; padding: 5px 16px;} #headBtn li.disabled a {background: #c45c45; text-decoration: none;font-size: 10px; color: white; text-align: center; display: block; padding: 5px 16px;cursor:default;} #headBtn li.disabled a:hover {background: #c45c45; text-decoration: none;cursor:default;} /*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; } table .tableresources { width: 200; border-spacing: 5px; border-collapse: separate; text-align:left; margin-left:220px; float:left; } table .tableresources a { color: #FF6600; } table .tableresources a:hover { color: #FF6600; } 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; } /*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;} #rightcol {width: 210px; float: right; padding: 60px 80px 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;} #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.error {color: #be0000; margin: 0 0 10px 0;} #content p.error2 {color: #be0000; margin: -10px 0 10px 0;} #content h3 {font-size: 18px; color: black; font-weight: normal; margin: 0 0 20px 0; line-height: 30px;} #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;} 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;} input.error {border: 1px solid #be0000;} span.error {color: #be0000;font-size: 14px;} em.error {color: #be0000;font-size: 14px;} input.medium {width: 195px;} 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 0 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;} .level input.single {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: 160px; margin: 15px auto 0 auto;} .w140 {width: 170px; margin: auto;} .fixedwid {display: block; margin: 0 auto 5px auto; width: 145px;} .fixedwid2 {display: block; margin: 0 0 5px auto; width: 180px;} .fixedwid2center {display: block; margin: 0px auto 5px auto; width: 180px;} #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:800px; float: left;} a.reglink {color: #f07155; 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: #f07155; 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: #f07155;} #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: #f07155; 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: #f07155; 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: #f07155;} #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 0 0 0; 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: 0 0 0 18px;margin-left: auto;margin-right: auto;text-align: none;} #books_small 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;display:inline-block;vertical-align:top; zoom: 1; *display: inline; } #books_small li a:hover {color: #f07155; 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: 90px; height: 110px; display: block; padding: 4px; margin: 0 0 5px 12px;} #books_small li a:hover span.img {background: #f07155;} #books_small li a:hover {text-decoration: none;} #books_small li a img {display: block; text-decoration: none; width: 90px; height: 110px;} #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: #f07155; 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: 25px; 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;} .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;} #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 {width: 800px; margin: 0 0 0 99px;} #footer p {color: #8d8d8d; font-size: 11px;} #leftCorndots {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: #f07155; 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: #f07155; 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: -6px; width: 212px; 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: #f07155; position: relative; left: -6px;} #largebook a:hover img {background: #f07155;} #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; background: black; padding: 0 5px 0 0; background-color:#FFF; border: 1px solid #999; } .downloads th.unit {font-size: 12px;} .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;} .dl {text-align: left; padding: 0 0 0 20px;} .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: 79px; padding: 0 0 0 10px; text-align: left; font-weight: bold;} .unit {width: 40px; text-align: center; padding: 0 0px; font-size: 12px;} .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;} .scroll { width: 748px; padding: 0 5px 0 0; /*height: 400px;*/ /*overflow-y: scroll;*/ /*overflow-x: hidden;*/ background-color:#FFF; border: 1px solid #000000; } .downloads2 {width: 755px;} .downloads2 td {height: 28px; text-align: center; font-size: 10px; vertical-align: middle; border: 1px solid #000000; } .downloads2 th {height: 28px; text-align: left; font-size: 11px; vertical-align: middle; border: 1px solid #000000; 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 th.unit {color: #5c5c5c;text-align: center;} .downloads2 td.unitcat {text-align: left;} .downloads2 td.dl {text-align: left;} .downloads2 td.tdelete {text-align: left;} .downloads2 a {color: #5c5c5c; text-decoration: none;} .downloads2 a:hover {color: #5c5c5c; text-decoration: none;} .downloads2 td.unit {text-align: left;text-align: center;} .downloads2 td.unitcenter { color: #5c5c5c; width: 38px; padding: 0 6px; } .downloads2 td.avg {text-align: left; color: #5c5c5c;} .downloads2 th.avg {text-align: left; color: #5c5c5c;} .downloads2 td.total {border: 1px solid #000000;} .downloads2 th.total {text-align: center;} .downloads3 {width: 755px;} .downloads3 td {height: 28px; text-align: center; font-size: 10px; vertical-align: middle; border: 1px solid #000000;} .downloads3 th {height: 28px; text-align: cetnter; font-size: 11px; vertical-align: middle; border: 1px solid #000000; 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: #f07155; text-decoration: underline;} .downloads3 a:hover {color: #f07155; 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;} .downloads3 th.avg {text-align: left; color: #5c5c5c;} .reporttableheader th {table-layout: fixed;height: 27px; vertical-align: middle; font-size: 10px; color: white; font-weight: bold; font-size: 10px; border-right: 1px solid #454545; background: black;} .reporttableheader th.unit {font-size: 12px;} .reporttableheader th.reporttotal {font-size: 12px;width:186px;} .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:10px; width: 52px;max-width: 52px;overflow:hidden;} .reporttableheader {font-size:10px;table-layout: fixed;} #printdiv {display: block;} #classtable {width: 755px;} .cname {width: 200px; padding: 0 0 0 10px; text-align: left; font-size: 12px;} .cbook {widh: 245px; padding: 0 0 0 10px; text-align: left;} .cdetails {width: 165px; text-align: center; padding: 0 70px 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: 755px;} #actdetails 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 {float: right; padding: 0 15px 0 0; text-align: right; } #classdrop select {border: 1px solid black; font-size: 12px; margin: 10px 0;} #classdrop p {font-size: 12px; font-weight: bold;} #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;float: left;} .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: 59px;} #header-inner2 {width: 1000px; padding: 0 0 0 0px; background: url(../images/toprightGraphicwhite.gif) no-repeat top right; height: 59px;} .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/black_arrow_med.png); font-size:11px; height:110px; width:235px; padding:20px; color:#fff; z-index: 100; } .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;} .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 {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_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; } .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;} .b_prev_disabled span {display:none;} #buttons_bottom_left { position:relative; width: 822px; height: 50px; margin-left: 104px; } #buttons_next_prev { width: 220px; height: 40px; float: right; margin-right: 55px; } #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; } #button_glossary { float: left; width: 120px; height: 21px; padding-right: 10px; } .hideelement { display: none; } .inlinebutton {display: inline-block;}