html, body {height:100%; width:100%;}
body {margin:0px; padding:0px; }
a img {border:0px;}
/* NEW STYLES (LOG-IN PAGE: CAN BE USED ELSEWHERE) */
.clearer {height:1px; clear:both; font-size:1px;}
.clearer {height:1px; font-size:1px;}
/* CONTAINER STUFF */
#contentContainer {height:100%; width:100%; margin:0px; border:0px solid #000000; position:relative;}
#contentContainer td.container {vertical-align:top; text-align:left;}
#contentContainer td.containerFlag {background:#FFFFFF url(/webccat/images/bg_loginFlagBg.jpg) center center no-repeat;}
#contentContainer td.containerTDLight #logoHeaderCell {vertical-align:top; background:url(/hb/images/hbAvenuesHeadNewLight.gif) no-repeat; height:103px;}
#contentContainer td.containerTDDark {vertical-align:top; text-align:left; background:url(/hb/images/hb_bgGrid_dark.gif) repeat;}
#contentContainer td.containerTDDark #logoHeaderCell {vertical-align:top; background:url(/hb/images/hbAvenuesHeadNewDark.gif) no-repeat; height:103px;}
.topBar {width:100%; height:60px; background-color:#3F4F90;}
.marqueeStyle { margin:25px 0px 0px 0px; color:#FFFFFF; font-size:13px; font-weight:bold; font-family:arial, sans-serif;}
.menuBar {width:100%; height:25px; background-color:#80828C;}
.menuBar td {vertical-align:middle; color:#FFFFFF; text-align:right;}
.menuBar td a {margin:0px 3px; color:#FFFFFF; text-decoration:none;}
.blueBox {border:1px solid #3F4F90; padding:10px; background-color:#E9EDFA;}
.blueBox a {color:#3F4F90; font-size:12px; font-weight:bold; text-decoration:underline; font-family:arial, sans-serif;}
.loginBox {float:right; width:211px; height:145px; background:url(/webccat/images/bg_loginBox.gif) top left no-repeat;}
.loginBox a {color:#FFFFFF; font-family:arial, sans-serif;}
.loginLabel {width:33%; float:left; color:#FFFFFF; font-weight:bold; font-size:12px; font-family:arial, sans-serif;}
input.loginInput {vertical-align:middle; width:55%; float:right; margin:0px; border-width:1px; border-color:#454547 #FFFFFF #FFFFFF #454547; background:#FFFFFF url(/webccat/images/bg_inputBg.gif) top left no-repeat;}
.loginButton {display:block; width:62px; text-decoration:none; height:21px; background:url(/webccat/images/btn_loginRed.gif) top left no-repeat;}
.loginButton:hover {background-position: 0px -21px;}
.createAccountButton {display:block; width:126px; height:21px; text-decoration:none; background:url(/webccat/images/btn_createAccountRed.gif) top left no-repeat;}
.createAccountButton:hover {background-position: 0px -21px;}
#footerSpacer {height:75px; font-size:1px;}
#footer {position:relative; width:100%; height:49px; margin-top:-50px; font-family: Arial; background-color:#3F4F90;}
#footer td {position:relative; height:50px; vertical-align:bottom; color:#FFFFFF; font-size:10px; font-weight: normal; text-align:center; font-family: Arial;}
#footer td div.relativeFootText {width:100%; height:30px; position:relative;}
#footer td div.relativeFoot {width:100%; height:20px; position:relative;}
#footer td a {color:#FFFFFF; font-size:10px; font-family: Arial, sans-serif;}
.footerPopUp {text-align:left; position:absolute; color:#000000; padding:0px; width:250px; border:1px solid #003366; background-color:#F6F8FD; font-size:10px; font-family:verdana, sans-serif;}
.footerPopUp a {color:#000000; text-decoration:none; font-size:10px; font-family:verdana, sans-serif;}
/* GENERICS */
.genericTitleBig {font-size:24px; font-weight:bold; color:#3F4F90; font-family: Arial, sans-serif;}
.genericTitleSmall {font-size:14px; font-weight:bold; color:#3F4F90; font-family: Arial, sans-serif;}
.genericWelcome {color:#EE0000; font-family:Arial Black; font-size:24pt; font-weight:normal;}
.genericWelcomeText {color:#000000; font-family:Arial, sans-serif; font-size:14pt; font-weight:bold;}
.genericMessage {font-size:14px; font-style:italic; color:#880000; font-weight:bold; font-family: Arial;}
.genericText {color:#000000; font-family:Arial, sans-serif; font-size:12px; font-weight:bold;}
.tabSelected { font-family: Arial; font-size: 10pt; font-weight: bold; color: #0066CB; text-decoration: none }
.tabUnselected { font-family: Arial; font-size: 10pt; font-weight: bold; color: white; text-decoration: none }
.ongletMain {B
BORDER-RIGHT: #80add6 2px solid;
BORDER-TOP: medium none;
BORDER-LEFT: #80add6 2px solid;
BORDER-BOTTOM: #80add6 2px solid;
BACKGROUND-COLOR: #dce8f4;
}
.clsAction {
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #053c6d;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.ongletTextEna {
BORDER-RIGHT: #80add6 2px solid;
BORDER-TOP: #80add6 2px solid;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
BORDER-LEFT: #80add6 2px solid;
COLOR: #005386;
BORDER-BOTTOM: medium none;
FONT-FAMILY: verdana;
BACKGROUND-COLOR: #dce8f4;
TEXT-ALIGN: center;
}
.ongletTextDis {
BORDER-RIGHT: #c5c5c5 1px solid;
BORDER-TOP: #c5c5c5 1px solid;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
BORDER-LEFT: #c5c5c5 1px solid;
COLOR: #80add6;
BORDER-BOTTOM: #80add6 2px solid;
FONT-FAMILY: verdana;
BACKGROUND-COLOR: #e6e6e6;
TEXT-ALIGN: center;
}
.ongletTextErr {
BORDER-RIGHT: #c5c5c5 1px solid;
BORDER-TOP: #c5c5c5 1px solid;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
BORDER-LEFT: #c5c5c5 1px solid;
COLOR: #FFFFFF;
BORDER-BOTTOM: #80add6 2px solid;
FONT-FAMILY: verdana;
BACKGROUND-COLOR: #ED4F50;
TEXT-ALIGN: center;
}
.ongletMiddle {
BORDER-RIGHT: #80add6 2px solid;
BORDER-TOP: medium none;
FONT-SIZE: 1px;
BORDER-LEFT: #80add6 2px solid;
BORDER-BOTTOM: medium none;
BACKGROUND-COLOR: #dce8f4;
}
.ongletSpace {
BORDER-BOTTOM: #80add6 2px solid;
}
.textscroll {
}
.navCurrentLink {
color: #3F4F90;
font-family: Arial;
font-size: 9pt;
font-weight: bold;
text-decoration: underline;
}
.navLink {
color: #3F4F90;
font-family: Arial;
font-size: 7pt;
font-weight: normal;
text-decoration: underline;
}
.navOrderBy {
color: white;
font-family: Arial;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
}
.biggerTitle { color: #3F4F90; font-family: Arial; font-size: 18pt; font-weight: bold }
.biggerTitleBlack { color: black; font-family: Arial; font-size: 18pt; font-weight: bold }
.biggerTitleRed { color: #FF5540; font-family: Arial; font-size: 18pt; font-weight: bold }
.biggerTitleWhite { color: white; font-family: Arial; font-size: 16pt; font-weight: bold }
.title { color: #3F4F90; font-family: Arial; font-size: 15pt; font-weight: bold }
.smallTitle { color: #3F4F90; font-family: Arial; font-size: 13pt; font-weight: bold }
.titleRed { color: #FF5540; font-family: Arial; font-size: 15pt; font-weight: bold }
.heading { color: #3F4F90;; font-family: Arial; font-size: 11pt; font-weight: bold }
.testReview { color: #3F4F90; font-family: Arial; font-size: 8pt; font-weight: normal }
.headingRed { color: #FF5540; font-family: Arial; font-size: 10pt; font-weight: bold }
.headingYellow { color: #FFCC00; font-family: Arial; font-size: 10pt; font-weight: bold }
.headingWhite { color: #FFFFFF; font-family: Arial; font-size: 8pt; font-weight: bold;}
.headingRed{ color: red; font-family: Arial; font-size: 10pt; font-weight: bold }
.headingBlack{ color: black; font-family: Arial; font-size: 12pt; font-weight: bold }
.bigRed { color: #FF5540; font-family: Arial; font-size: 12pt; font-weight: bold }
.navigationRed{ color: red; font-family: Arial; font-size: 14pt; font-weight:normal }
.subheading { color: #3F4F90; font-family: Arial; font-size: 10pt; font-weight: normal }
.lightNormal { color: #FFFFFF; font-family: Arial; font-size: 10pt; font-weight: bold }
.navQuestion { color: #3F4F90; font-family: Arial; font-size: 7pt; font-weight: normal }
.normalSmall { color: #3F4F90; font-family: Arial; font-size: 8pt; font-weight: normal }
.normalSmallBlack { color: black; font-family: Arial; font-size: 8pt; font-weight: normal }
.normalSmallBold { color: #3F4F90; font-family: Arial; font-size: 8pt; font-weight: bold }
.NSBBlack { color: black; font-family: Arial; font-size: 8pt; font-weight: bold }
.normal { color: #3F4F90; font-family: Arial; font-size: 10pt; font-weight: normal }
.blackBold { color: black; font-family: Arial; font-size: 10pt; font-weight: bold }
.bookmark { color: #3F4F90; font-family: Arial; font-size: 8pt; font-weight: normal }
.normalBlack { color: black; font-family: Arial; font-size: 10pt; font-weight: normal }
.small { color: #3F4F90; font-family: Arial; font-size: 9pt; font-weight: normal }
.smallBlack { color: black; font-family: Arial; font-size: 9pt; font-weight: normal }
.smaller { color: #3F4F90; font-family: Arial; font-size: 8pt; font-weight: normal }
.smallerList { color: #3F4F90; font-family: Arial; font-size: 8pt; font-weight: normal }
.copyright { color: #FFFFFF; font-family: Arial; font-size: 8pt; font-weight: normal }
.privacyPolicyLink { color: #FFFFFF; font-family: Arial; font-size: 8pt; font-weight: normal }
.whiteLink { color: #FFFFFF; font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration: underline }
.whiteLinkBig { color: #FFFFFF; font-family: Arial; font-size: 12pt; font-weight: normal; text-decoration: underline }
.whiteLinkNoUnderline { color: #FFFFFF; font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration: none }
.blueLink { color: #171054; font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration: underline }
.blackLink { color: black; font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration: underline }
.blueHelpLink { color: blue; font-family: Arial; font-size: 11pt; font-weight: bold; text-decoration: underline }
.blueLinkBig { color: #171054; font-family: Arial; font-size: 12pt; font-weight: normal; text-decoration: underline }
.bold { color: #3F4F90; font-family: Arial; font-size: 10pt; font-weight: bold }
.bigBold { color: #3F4F90; font-family: Arial; font-size: 11pt; font-weight: bold }
.boldBlack { color: black; font-family: Arial; font-size: 10pt; font-weight: bold }
.boldBlackLink { color: black; font-family: Arial; font-size: 10pt; font-weight: bold; text-decoration: underline }
.boldWhite { color: white; font-family: Arial; font-size: 10pt; font-weight: bold }
a:link.link { color: #3F4F90; font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration: underline }
a:visited.link { color: #576CC4; font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration: underline }
a:link.linkBig { color: #3F4F90; font-family: Arial; font-size: 11pt; font-weight: normal; text-decoration: underline }
a:visited.linkBig { color: #576CC4; font-family: Arial; font-size: 11pt; font-weight: normal; text-decoration: underline }
.linkRed { color: red; font-family: Arial; font-size: 9pt; font-weight: normal; text-decoration: underline }
.linkBlue { color: #3F4F90; font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration: underline }
.linkBlueSmaller { color: #3F4F90; font-family: Arial; font-size: 9pt; font-weight: normal; text-decoration: underline }
.linkBlack { color: black; font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration: underline }
.linkWhite { color: white; font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration: none }
.linkWhiteUnderline { color: white; font-family: Arial; font-size: 10pt; font-weight: bold; text-decoration: underline }
.boldLink { color: #3F4F90; font-family: Arial; font-size: 10pt; font-weight: bold; text-decoration: underline }
.smallLink { color: #3F4F90; font-family: Arial; font-size: 8pt; font-weight: normal; text-decoration: underline }
.groupName { color: #220C58; font-family: Arial; font-size: 9pt; font-weight: normal }
.welcome { color: #3F4F90; font-family: Arial; font-size: 11pt; font-weight: bold }
.welcomeBlack { color: #000000; font-family: Arial; font-size: 11pt; font-weight: bold }
.welcomeWhite { color: #FFFFFF; font-family: Arial; font-size: 11pt; font-weight: normal }
.welcomeBlue { color: #3F4F90; font-family: Arial; font-size: 12pt; font-weight: normal }
.testName { color: #3F4F90; font-family: Arial; font-size: 9pt; font-weight: normal }
.userName { color: #FFFFFF; font-family: Arial; font-size: 10pt; font-weight: normal }
.description { color: #3F4F90; font-family: Arial; font-size: 10pt; font-weight: normal }
.descriptionBold { color: #3F4F90; font-family: Arial; font-size: 10pt; font-weight: bold }
.descriptionWhite { color: white; font-family: Arial; font-size: 10pt; font-weight: normal }
.descriptionBlack { color: black; font-family: Arial; font-size: 10pt; font-weight: normal }
.requiredLabel { color: red; font-family: Arial; font-size: 10pt; font-weight: normal }
.whiteNormal { font-family: Arial; color: white; font-size: 11px; font-weight: bold; text-decoration: none }
.groupNameHeading { color: #FFFFFF; font-family: Arial; font-size: 10pt; font-weight: bold }
.testNameHeading { color: #FFFFFF; font-family: Arial; font-size: 10pt; font-weight: bold }
.sessionStatusHeading { color: #FFFFFF; font-family: Arial; font-size: 10pt; font-weight: bold }
.descriptionHeading { color: white; font-family: Arial; font-size: 10pt; font-weight: normal }
.navigationHeading { color: white; font-family: Arial; font-size: 10pt; font-weight: normal }
.darkHeadingBold { color: #3F4F90; font-family: Arial; font-size: 13pt; font-weight: bold }
.tableHeading { color: #FFFFFF; font-family: Arial; font-size: 8pt; font-weight: bold }
.tableHeadingLink { color: #FFFFFF; font-family: Arial; font-size: 8pt; font-weight: bold; text-decoration: underline}
.tableData { color: #3F4F90; font-family: Arial; font-size: 9pt; font-weight: normal }
.smallTableData { color: #3F4F90; font-family: Arial; font-size: 8pt; font-weight: normal }
.smallTableDataBold { color: #3F4F90; font-family: Arial; font-size: 8pt; font-weight: bold }
.tableDataBold { color: #3F4F90; font-family: Arial; font-size: 9pt; font-weight: bold }
.tableDataBoldRed { color: #8B0000; font-family: Arial; font-size: 9pt; font-weight: bold }
.tableDataBoldBig { color: #3F4F90; font-family: Arial; font-size: 10pt; font-weight: bold }
.tableDataBoldBigUnderLine { color: #3F4F90; font-family: Arial; font-size: 10pt; font-weight: bold; text-decoration:underline }
a:link.tableDataLink { color: #2D1076; font-family: Arial; font-size: 9pt; font-weight: normal }
a:visited.tableDataLink { color: #98C9F9; font-family: Arial; font-size: 9pt; font-weight: normal }
.tableDataLinkRed { color: red; font-family: Arial; font-size: 9pt; font-weight: normal }
.tableDataBoldLink { color: #3F4F90; font-family: Arial; font-size: 9pt; font-weight: bold; text-decoration: underline}
.tableDataActionLink {color: #3F4F90; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: underline; padding:8px 0px 10px 0px; display: block;}
.tableDataActionLink:hover {color: #ffffff; background-color:#7883B1;}
.smallTableDataLink { color: #2D1076; font-family: Arial; font-size: 8pt; font-weight: normal }
.smallTableDataLinkRed { color: red; font-family: Arial; font-size: 8pt; font-weight: normal }
.smallTableDataLinkRedBold { color: red; font-family: Arial; font-size: 8pt; font-weight: bold }
.smallTableDataLinkBlack { color: black; font-family: Arial; font-size: 9pt; font-weight: normal }
a:link.tableDataLink2 { color: #2D1076; font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration:underline }
a:visited.tableDataLink2 { color: red; font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration:underline }
.question { color: black; font-family: Arial; font-size: 10pt }
.passage { color: black; font-family: Arial; font-size: 10pt }
.response { color: black; font-family: Arial; font-size: 10pt }
.introduction { color: black; font-family: Arial; font-size: 14pt }
.endoftest { color: black; font-family: Arial; font-size: 14pt }
.focusedTab { color: white; font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration: none }
.unfocusedTab { color: #3F4F90; font-family: Arial; font-size: 10pt; font-weight: normal; text-decoration: none }
.label {
font-family: arial, helvetica, verdana;
font-size: 10pt;
font-weight: bold;
color: #3F4F90;
}
.labelSmaller {
font-family: arial, helvetica, verdana;
font-size: 9pt;
font-weight: bold;
color: #3F4F90;
}
.requiredLabel {
font-family: arial, helvetica, verdana;
color: #CC0000;
font-size: 10pt;
font-weight: bold;
}
.sideBar {
font-family: arial, helvetica, verdana;
font-size: 13pt;
font-weight: bold;
}
.value {
font-family: arial, helvetica, verdana;
font-size: 12pt;
font-weight: normal;
}
.whiteText {
font-family: arial, helvetica, verdana;
font-size: 11pt;
font-weight: normal;
color:white;
}
.headingBigger {
font-family: arial, helvetica, verdana;
font-size: 18pt;
font-weight: bold;
color: #3F4F90;
}
.message {
font-family: arial, helvetica, verdana;
font-size: 10pt;
font-weight: normal;
color: red;
}
.messageMedium {
font-family: arial, helvetica, verdana;
font-size: 11pt;
font-weight: normal;
color: red;
}
.messageBold {
font-family: arial, helvetica, verdana;
font-size: 10pt;
font-weight: bold;
color: red;
}
.messageBig {
font-family: arial, helvetica, verdana;
font-size: 14pt;
font-weight: normal;
color: red;
}
.error {
font-family: arial, helvetica, verdana;
font-size: 12pt;
font-weight: bold;
color: white;
}
.errorRedBig {
font-family: arial, helvetica, verdana;
font-size: 13pt;
font-weight: bold;
color: red;
}
.marker {
font-family: arial, helvetica, verdana;
font-size: 14pt;
font-weight: bold;
color: darkred;
}
.small {
font-family: arial, helvetica, verdana;
font-size: 9pt;
font-weight: normal;
color: #3F4F90;
}
.belowHeader {
font-family: arial, helvetica, verdana;
font-size: 9pt;
font-weight: normal;
color: #3F4F90;
}
body { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
.Q { text-align: center; font-family: arial, helvetica, verdana; font-size: 12pt; font-weight: bold; color: darkred; }
.R { text-align: center; font-family: arial, helvetica, verdana; font-size: 12pt; font-weight: bold; color: darkblue; }
.P { text-align: center; font-family: arial, helvetica, verdana; font-size: 12pt; font-weight: bold; color: darkgreen; }
.G { text-align: center; font-family: arial, helvetica, verdana; font-size: 12pt; font-weight: bold; color: gray; }
.I { text-align: center; font-family: arial, helvetica, verdana; font-size: 12pt; font-weight: bold; color: black; }
.E { text-align: center; font-family: arial, helvetica, verdana; font-size: 12pt; font-weight: bold; color: black; }
.tblOdd { background-color: #DFDFDF; border: 0px #000000 solid;}
.tblEven { background-color: #EEEEEE; border: 0px #000000 solid;}
.tblInvalid { background-color: #FFC0C0; border: 0px #000000 solid;}
.divBox { width: 175px; border: 1px solid #000099; padding: 4px; }
.linkRedSmaller { color: darkred; font-family: Arial; font-size: 8pt; font-weight: normal; text-decoration: underline }
div.reportTable{
width: 750px;
height: 205px;
}
#report_Table {
overflow:auto;
}
/* New styles for reporting gold report options */
/* webccat blue: #3F4F90 */
/* webccat light-blue (used in original roster report: #e0e0ff */
.reportSelectTable {margin-left:10px;}
.reportSelectTable td {padding-top:5px; vertical-align:top;}
.reportSelectTable select {margin:5px 0px 0px 15px; width:300px; height:70px;}
select.reportSelectTable_dropDown {margin:5px 0px 0px 15px; width:300px; height:21px;}
.reportDataTable {margin-top:10px; width:95%; color: #000000; border:1px solid #3F4F90; font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration:none;}
.reportDataTable td {padding:1px 3px 1px 3px; border:1px solid #ffffff; border-collapse:seperate;}
.reportDataTable a {color:inherit; text-decoration:underline;}
.reportDataTable a:hover {color:inherit; text-decoration:none;}
.reportDataTable_Heading {background-color:#3F4F90; color:#ffffff; font-size: 11px; font-weight: bold; text-decoration:none;}
.reportDataTable_Heading a {color:#ffffff; text-decoration:underline;}
.reportDataTable_Heading a:hover {color:#ffffff; text-decoration:none;}
.reportDataTable_HeadingLight {background-color:#e0e0ff; color:#000000; font-size: 11px; font-weight: bold; text-decoration:none;}
.reportDataTable_correctResponse {color: #ffffff; font-weight:bold; background-color:#2D5B28;} /* MATCH MASTERY? */
.reportDataTable_wrongResponse {color: #000000; font-weight:bold; background-color:#FF80FF; } /* MATCH "atRisk" */
.reportDataTable_mastery {color: #000000; font-weight:bold; background-color:#00FF00;}
.reportDataTable_proficient {color: #000000; font-weight:bold; background-color:#A0A0F0;}
.reportDataTable_basic {color: #000000; font-weight:bold; background-color:#FFFF00;}
.reportDataTable_atRisk {color: #000000; font-weight:bold; background-color:#FF80FF;}
.reportDataTable_normal {color: #000000; font-weight:normal; font-size: 11px; background-color:#FFFFFF;}
.reportDataTable_normal a {color:#000000; text-decoration:underline;}
.reportDataTable_normal a:hover {color:#000000; text-decoration:none;}
.reportDataTable_total {color: #ffffff; background-color:#80828C; font-size: 11px; font-weight: bold; text-decoration:none;}
.reportDataForm_button {color: #3F4F90; background-color:#F8F8F8; border:1px solid #3F4F90; font-size: 11px; font-weight: bold; text-decoration:none;}
.reportDataForm_button:hover {color: #ffffff; background-color:#3F4F90; border:1px solid #3F4F90; font-size: 11px; font-weight: bold; text-decoration:none;}
@media print {
.reportDataTable {margin-top:10px; width:95%; color: #000000; border:1px solid #000000; font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration:none;}
.reportDataTable td { background-color:#ffffff; color:#000000; padding:1px 3px 1px 3px; border:1px solid #000000;}
.reportDataTable tr { background-color:#ffffff; color:#000000; padding:1px 3px 1px 3px; border:1px solid #000000;}
}