/* Key Online 2 */
#KeyOnlineBody { padding:0 0 32px 0px;width:760px; }
.keymath_errorbox { color:red; }
span.visToggle { color:#008C9B; text-decoration:none; cursor:pointer; }
span.visToggle:visited { color:#008C9B; text-decoration:none; }
span.visToggle:hover { text-decoration:underline; }
#keyOnlineAnav { background:url(../Images/KeyOnline/anav-background.gif); background-repeat:repeat-x; margin:2px 0 11px 0; width:760; }
#keyOnlineAnav td { color:#505050; padding:10px 19px 8px 19px; }
#keyOnlineAnav a:link, #keyOnlineAnav a:visited { color:#008C9B; text-decoration:none; }
#keyOnlineAnav a:hover { color:#008C9B; text-decoration:underline; }
#keyOnlineTools { text-align:right; color:#8f8f8f; font-size:8pt; margin:0; padding:0 0 0 20; }
/*
#keyOnlineAnav { background:url(../Images/KeyOnline/anav-background.gif); background-repeat:repeat-x; padding:10px 19px 8px 19px; margin:17px 0 11 0; width:760; }
#keyOnlineAnav td { color:#505050; }
#keyOnlineAnav a:link, #keyOnlineAnav a:visited { color:#008C9B; text-decoration:none; }
#keyOnlineAnav a:hover { color:#008C9B; text-decoration:underline; }
#keyOnlineTools { float:right; color:#8f8f8f; font-size:8pt; margin:0; padding:0; }
*/
/*#keyOnlineContent { background-color:ccc; width:585px; }*/
#keyOnlineContent p { margin-bottom:6px; }
#processMessageContainer { width:750; height:53; padding:0 0 0 50; font-weight:bold; font-size:8pt; margin:0 0 12 7; }
#processMessage { font-weight:bold; font-size:8pt; padding-top:20; }
div.Success { background:url(../Images/KeyOnline/processMessage-Success.gif) no-repeat; color:green; }
div.Error { background:url(../Images/KeyOnline/processMessage-Error.gif) no-repeat; color:red; }
div.Error #processMessage { color:red; }

#body-KO { clear:both; margin:0 10px 0 10px; }

#servicesContainer { width:760px; height:931px; background:url(../Images/KeyOnline/ko-services.jpg) no-repeat; padding:12px; margin:0px ; }
.servicesBox { padding:0px; margin:0 0 15px 0 ; width:357px; height:215px; float:left; }
.servicesBoxHead { height:77px; }
.servicesBoxBody { height:112px; padding:0 4px 0 10px; margin:0 0 0 0; }
.servicesBoxBody p { line-height:115%; font-size:7pt; margin:0; padding:0; }
.servicesToolbox { height:26; padding:0; text-align:right; }
.servicesToolbox img { margin-right:4; border:0; }

.OTTRBox { padding:0px; margin:0px 10px 10px 0; }
.OTTRBoxHead { height:80px; }
.OTTRBoxBody { height:67px; padding:0 3px 0 7px; }
.OTTRToolbox { height:27; padding:0 3 0 7; }
.OTTRToolbox img { margin-right:4; border:0; }
#OTTR-DA { width:247; height:175; background:url(../Images/KeyOnline/OTTR-Box-DA.jpg) no-repeat; }
#OTTR-DG { width:247; height:175; background:url(../Images/KeyOnline/OTTR-Box-DG.jpg) no-repeat; }
#OTTR-DAA { width:247; height:175; background:url(../Images/KeyOnline/OTTR-Box-DAA.jpg) no-repeat; }
#OTTR-SIA { width:247; height:175; background:url(../Images/KeyOnline/OTTR-Box-SIA.jpg) no-repeat; }
#OTTR-Precalc { width:247; height:175; background:url(../Images/KeyOnline/OTTR-Box-Precalc.jpg) no-repeat; }
#OTTR-Calculus { width:247; height:175; background:url(../Images/KeyOnline/OTTR-Box-Calculus.jpg) no-repeat; }
#OTTR-LBC { width:247; height:175; background:url(../Images/KeyOnline/OTTR-Box-LBC.jpg) no-repeat; }

#chooseSubscription { margin:10px 0 20px 0; }
#chooseSubscriptionHead { width:534; height:33; }
#chooseSubscription ul { list-style:disc; margin:0 0 6 15; }
#chooseSubscription ul li { margin-bottom:4px; }
.subscriptionChoice { text-align:center; width:180px; margin:0; padding:0 24 0 0; }
.subscriptionChoice img { margin:8px 0 8px 0; }
.keyOnlineFormHeader { width:534px; height:23px; color:#fff; font-weight:bold; background:url(../Images/KeyOnline/formHeaderBackground.gif) no-repeat; padding:5px 0 0 10px; }
.keyOnlineForm { width:534px; }
.keyOnlineForm td, .keyOnlineForm p, .keyOnlineForm li, .keyOnlineAdminForm td, .keyOnlineAdminForm p, .keyOnlineAdminForm li { line-height:10pt; margin:0 0 8 0; }
.keyOnlineForm textarea { margin-bottom:12px; }
.keyOnlineForm .large { width:400px; }
.keyOnlineForm .medium { width:197px; }
.keyOnlineForm .medium-sm { width:160px; }
.keyOnlineForm .small { width:100px; }
.keyOnlineForm .xsmall { width:30px; }
.keyOnlineForm h2 {  }
.keyOnlineForm h3 {  }
.keyOnlineForm h4 { margin:24 0 12 0; border-bottom:solid 2px #aaa; padding:2 2 2 2; background-color:#ddd; }
.keyOnlineForm h5 { margin:6px 0 4px 0; }
.keyOnlineForm ul { list-style:none; margin:0; padding:0; }
.keyOnlineForm ul li { margin:0 0 4 0; padding:0; }
.keyOnlineForm ul li table { margin:0 0 4 25; padding:0; }
.keyOnlineForm td ul li { margin:0 0 0 0; padding:0; }
.keyOnlineForm ul .small { width:110; }
.keyOnlineForm ul.bullets { margin:0 0 8px 16px; list-style:disc; }
.keyOnlineForm ul.bullets li { margin:0 0 6px 8px; }
.keyOnlineForm ul.multiSchoolPref { margin:0 0 48 0; padding:0; }
.keyOnlineForm ul.horizList { margin:6 0 12 5px; padding:0; }
.keyOnlineForm ul.horizList li { margin:0 0 0 0; padding:0 8px;  display:inline; }
.keyOnlineForm ul.bookSelection { margin:0 0 0 24px; }
.keyOnlineForm ul.bookSelection li { margin:0 0 4px 0;}
.keyOnlineForm ul.bookEdition { margin:4px 0 12px 24px; display:none; }
.keyOnlineForm ul.bookEdition li { margin:0 0 4px 0;}
.keyOnlineForm form td { padding:2px; }
.keyOnlineAdminFormHeader { width:740px; height:23px; color:#fff; font-weight:bold; background:url(../Images/KeyOnline/formHeaderBackgroundFull.gif) no-repeat; padding:5px 0 0 10px; }
.keyOnlineAdminForm { width:740px; }

.previeGrid { width:508px; }
.previeGrid h5 { font-size:8pt; font-weight:lighter; }
.previewGrid td { text-align:center; padding:6 0 10 0; margin:0; width:33%; font-size:7pt; }
.previewGrid td img { margin-top:4px; }
.previewGrid td.light { background-color:#a8a8a8; }
.previewGrid td.dark { background-color:#9c9c9c; }
#OTTRConsole {  }
#OTTRConsole h3 { font-size:11pt; font-weight:bold; margin:0; padding:0; }
#OTTRConsole h4 { font-size:8pt; font-weight:bold; background:none; border:none; margin:4 0 0 0; padding:0; }
#OTTRConsole .consoleLinks { font-size:8pt; margin-top:4px; }
#OTTRConsole .consoleLinks li { margin:0; }
#OTTRConsole div.box { border:1px solid #ddd; padding:4 4 4 140px; margin:2px 0 2px 0; }
#OTTRConsole div#da2ca-open { background:url(../Images/KeyOnline/OTTR-da2-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#da2ca-closed { background:url(../Images/KeyOnline/OTTR-da2-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#da1-open { background:url(../Images/KeyOnline/OTTR-da1-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#da1-closed { background:url(../Images/KeyOnline/OTTR-da1-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#da2-open { background:url(../Images/KeyOnline/OTTR-da2-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#da2-closed { background:url(../Images/KeyOnline/OTTR-da2-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#da2ca-open { background:url(../Images/KeyOnline/OTTR-da2-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#da2ca-closed { background:url(../Images/KeyOnline/OTTR-da2-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#dg3-open { background:url(../Images/KeyOnline/OTTR-dg3-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#dg3-closed { background:url(../Images/KeyOnline/OTTR-dg3-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#dg4-open { background:url(../Images/KeyOnline/OTTR-dg4-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#dg4-closed { background:url(../Images/KeyOnline/OTTR-dg4-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#daa1-open { background:url(../Images/KeyOnline/OTTR-daa1-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#daa1-closed { background:url(../Images/KeyOnline/OTTR-daa1-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#daa2-open { background:url(../Images/KeyOnline/OTTR-daa2-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#daa2-closed { background:url(../Images/KeyOnline/OTTR-daa2-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#precalc1-open { background:url(../Images/KeyOnline/OTTR-precalc1-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#precalc1-closed { background:url(../Images/KeyOnline/OTTR-precalc1-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#precalc2-open { background:url(../Images/KeyOnline/OTTR-precalc2-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#precalc2-closed { background:url(../Images/KeyOnline/OTTR-precalc2-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#calculus1-open { background:url(../Images/KeyOnline/OTTR-calculus1-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#calculus1-closed { background:url(../Images/KeyOnline/OTTR-calculus1-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#calculus2-open { background:url(../Images/KeyOnline/OTTR-calculus2-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#calculus2-closed { background:url(../Images/KeyOnline/OTTR-calculus2-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#sia1-open { background:url(../Images/KeyOnline/OTTR-sia1-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#sia1-closed { background:url(../Images/KeyOnline/OTTR-sia1-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#sia2-open { background:url(../Images/KeyOnline/OTTR-sia2-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#sia2-closed { background:url(../Images/KeyOnline/OTTR-sia2-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#lbc1-open { background:url(../Images/KeyOnline/OTTR-lbc1-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#lbc1-closed { background:url(../Images/KeyOnline/OTTR-lbc1-closed.jpg) no-repeat; background-color:white; }
#OTTRConsole div#etf1-open { background:url(../Images/KeyOnline/OTTR-etf1-open.jpg) no-repeat; background-color:white; }
#OTTRConsole div#etf1-closed { background:url(../Images/KeyOnline/OTTR-etf1-closed.jpg) no-repeat; background-color:white; }
.separator { margin:10px 0 10px 0; padding:0; border-top:1px dotted #bbb; width:100%; height:1px; clear:both; }
.totalLicensedUsers { padding:0 48 0 48; background-color:#fec20a; text-align:center; margin:12px 0 18 8 }
.subscriptionPackages { margin:8px 0 0 8px; width:488px; }
.subscriptionPackages td { vertical-align:top; }
.subscriptionPackages td.selector { vertical-align:top; width:10px; }
.subscriptionPackages td.description { vertical-align:top; width:99%; padding:0 12px 6px 0; }
.subscriptionPackages td.qty { text-align:center; width:40px; }
.subscriptionPackages td.price { vertical-align:top; text-align:right; }
.subscriptionPackages td.total { text-align:right; font-weight:bold; }
.subscriptionPackages td.totalAmount { vertical-align:top; text-align:right; font-weight:bold; }
.subscriptionPackages .head td, .teacherAccounts .head td, .registeredTeachers .head td, #orderHistory .head td { font-weight:bold; border-bottom:1px #ccc solid; vertical-align:bottom }
#subscriptionTotal { margin:20 0 20 0; text-align:right; }
.subscriptionTotal, .subscriptionTotalAmount { font-weight:bold; padding:6 6 6 6; }
/*.subscriptionTotal { border:solid 1px black; }*/
.subscriptionTotalAmount { color:black; background-color:#fec20a; text-align:right; border-top:2px #000 solid; font-weight:bold; }
td.subscriptionTotalAmount { padding-right:4px; }
.subscriptionSummary { border:solid 1px #ccc; padding:6px; margin-bottom:18px; }
#orderHistory td { padding:2; }
#orderHistory td.service { font-style:italic; }
.teacherAccounts td { padding:2; }
.teacherAccounts .teachers { width:235px }
.teacherAccounts .userName { width:235px }
.teacherAccounts .classPasses { width:110px; text-align:center }
.teacherAccounts .remove { width:100px }
.registeredTeachers { width:720px; }
.registeredTeachers td { padding:2; }
.registeredTeachers .number { width:12px }
.registeredTeachers .toggle { width:10px }
.registeredTeachers .teachers { width:200px }
.registeredTeachers .email { width:160px }
.registeredTeachers .lastLogin { width:85px; text-align:center }
.registeredTeachers .classPass { width:85px; text-align:center }
.registeredTeachers .action { width:140px; color:#000 }
.registeredTeachers td { vertical-align:middle; }
.registeredTeachers table.folders { border-left:1px solid #bbb; width:670px; margin-bottom:20px; }
.registeredTeachers table.folders td { font-size:7.5pt; line-height:8.5pt; border-right:1px solid #bbb; border-bottom:1px solid #bbb; }
.registeredTeachers table.folders .head td { background-color:#ccc; color:#000; }
.registeredTeachers table.folders .folderName { width:100px; }
.registeredTeachers table.folders .classPass { text-align:left }
.registeredTeachers table.folders .classDates { width:100px; }
.registeredTeachers table.folders .className { width: }
.registeredTeachers table.folders .period { width: }
.registeredTeachers table.folders .status { text-align:left }
.registeredTeachers tr.disabled td { color:#aaa; }
tr.even td { background-color:white; }