A:LINK {
   color: #0000CC;
}

A:HOVER {
   color: #FF9900;
}

.TopFrameBody {
   background-color: #000066;
}

/*Navigation boxes on top of Admin screen (normal state)*/
.PrimaryNav {
   color: White;
   font-size: 8pt;
   font-family: arial;
   background-color: #000066;
}

/*Navigation boxes on top of Admin screen (hilited state)*/
.PrimaryNavHilite {
   color: #330099;
   font-size: 8pt;
   font-family: arial;
   background-color: Yellow;
}

.tableRowHeader {
   background-color: #CCCCFF;
}

.PrimaryNavText {
   font-family: arial;
   font-size: 8pt;
   color: White;
}

.PrimaryNavUnderline {
   background-color: #FF6600;
}

/*Navigation tab boxes at the top of the form on the Admin screen(normal state)*/
.FormNav {
   color: White;
   font-size: 8pt;
   font-family: arial;
   background-color: #330099;
}

/*Time and Date text in the top-left corner*/
.time, .date {
   font: 8pt arial;
   color: white;
   position: absolute;
   left: 0px;
   width: 175px;
   text-align: center;
}

.date { top: 53px; }

.time { top: 68px; }

.TimeText {
   font-family: arial;
   font-size: 8pt;
   color: White;
}

/*Navigation tab boxes at the top of the form on the Admin screen(selected state)*/
.FormNavHilite {
   color: #000066;
   font-size: 8pt;
   font-family: arial;
   background-color: #EEEEEE;
}

/*"Bread crumb trail" path above the Admin form*/
.TrailText {
   color: #330099;
   font-size: 8pt;
   font-family: arial;
}

/*"Bread crumb trail" path above the Admin form (first level)*/
.TrailTextFirst {
   color: #330099;
   font-size: 8pt;
   font-family: arial;
}

/*"Bread crumb trail" path above the Admin form (second level)*/
.TrailTextSecond {
   color: #330099;
   font-size: 8pt;
   font-family: arial;
}

/*"Bread crumb trail" path above the Admin form (third level)*/
.TrailTextThird {
   color: #330099;
   font-size: 8pt;
   font-family: arial;
}

/*Background color for the navigation that is generated from the primary (located in the left frame)*/
.SecondaryNavBackground {
   background-color: #CCCCFF;
}

/*Text style for the secondary navigation*/
.SecondaryNav {
   color: #330099;
   font-size: 9pt;
   font-family: arial;
   font-weight: bold;
}

/*Hilited text style for the secondary navigation*/
.SecondaryNavHilite {
   color: #330099;
   font-size: 9pt;
   font-family: arial;
   font-weight: bold;
}

.TertiaryNavBackground {
   background-color: #CCCCFF;
}

.TertiaryNav {
   color: #330099;
   font-size: 9pt;
   font-family: arial;
   font-weight: lighter;
}

.TertiaryNavHilite {
   color: #330099;
   font-size: 9pt;
   font-family: arial;
}

/*Controls the frame surrounding the main content areas border sizes and color
  Note: Only applys when fly-outs are enabled.
*/
#frameContainer {
   border-top: 2px solid #559932;
   padding-left: 45px;
   padding-top: 25px;
   padding-bottom: 20px;
   background-color: #FFFFFF;
}

/*Body background color for the main frame*/
.BodyBackground {
   background-color: #FFFFFF;
   background-image: none;
}

.NavigationPagesBackground {
   background-color: White;
}

/*Background color for the Admin form and everything that matches that color*/
.FormBackground {
   background-color: #FFFFFF;
}

/*Background color for the course distribution option page*/
.DistributionBackground {
   background-color: #DDDDDD;
}

/*Odd row style inside the form*/
.TableRowOdd {
   background-color: #FFFFFF;
}

/*Even row style inside the form*/
.TableRowEven {
   background-color: #FFFFFF;
}

/*Text links on left side of the form*/
.FormSideSelect {
   color: Navy;
   font-family: arial;
   font-size: 8pt;
}

/*Text links on left side of the form in the hilited state*/
.FormSideSelectHilite {
   color: Navy;
   font-family: arial;
   font-weight : bold;
   font-size : 8pt;
}

/*Text labels for the form*/
.FormLabel {
   font-family: arial;
   font-size: 10pt;
   color: #000066;
}
.FormElementBold {
	color: #000000;
   font-size : 10pt;
   font-family : arial;
   font-weight : bold;
}

/*Text of note*/
.NoticeableText {
   font-family: arial;
   font-size: 8pt;
   font-style: italic;
   font-weight: normal;
   color: #666666;
   padding-top: 2px;
   padding-bottom: 10px;
}

.NoticeableText1 {
   font-family: arial;
   font-size: 8pt;
   font-style: italic;
   font-weight: normal;
   color: #000066;
   padding-top: 6px;
   padding-bottom: 0px;
}

.CustomFieldTitle {
   padding-top: 15px;
   padding-bottom: 2px;
}

/*Text labels for the form - smaller than FormLabel */
.FormLabelSmall {
   font-family: arial;
   font-size: 9pt;
   color:#000066;
}

/*Text labels for the form - smaller than FormLabelSmall */
.FormLabelText {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8pt;
   color: #000066;
}

.DisabledFormLabel{
   font-family : arial;
   font-size : 10pt;
   color:gray;
}

/*Text boxes in the form*/
.FormElement {
   font-family: arial;
   font-size: 10pt;
}

/*Dynamic prompt text which appears after clicking on a Primary nav button*/
.Prompt {
   color: #000066;
   font-size: 8pt;
   font-family: arial;
}


/*Login info for the user name, date, etc*/
.LoginInfo {
   color: #330099;
   font-size : 8pt;
   font-family : arial;
}

/*Login form background*/
.LoginBox {
   color: #330099;
   font-size: 8pt;
   font-family: arial;
}

/* For the page "title" shown at the top of ordinary pages */
.TitleHeader {
   color: #000066;
   font-family: arial;
   font-size: 14pt;
   font-weight: bold;
}

.PrimaryHeader {
   color: #000066;
   font-family: arial;
   font-size: 14pt;
   padding-left: 10px;
}

.SecondaryHeader {
   color: #000066;
   font-family: arial;
   font-size: 10pt;
   padding-left: 20px;
   overflow:auto;
}

.PrimaryContent {
   color: #000066;
   font-family: arial;
   font-size: 12pt;
   padding-left: 10px;
}

.SecondaryContent {
   color: #000066;
   font-family: arial;
   font-size: 10pt;
   padding-left: 30px;
}

BODY, TD {
   font-family: arial;
}

/*Background page color for copyright footer*/
.CopyrightBackground {
   background-color: #FFFFFF;
   font-family: arial;
   font-size: 8pt;
   color: White;
}

/*Text style for copyright text in footer*/
.CopyrightText {
   font-family: arial;
   font-size: 8pt;
   color: #333333;
}

.CopyrightLinks {
   font-family: arial;
   font-size: 8pt;
}

a.CopyrightLinks:link {
   color: #0000CC;
}
a.CopyrightLinks:visited {
   color: #0000CC;
}
a.CopyrightLinks:hover {
   color: #FF9900;
}

.loginForgot {
   font-family: arial;
   font-size: 10pt;
}

a.loginForgot:link {
   color: #0000CC;
}
a.loginForgot:visited {
   color: #0000CC;
}
a.loginForgot:hover {
   color: #FF9900;
}

.loginFieldLabels {
   color: #FF6600;
   font-family: arial;
   font-size: 10pt;
   font-weight: bold;
}

/* copied from sui for the new login page */
.loginRegular {
   color: #333333;
   font-family: arial;
   font-size: 10pt;
}

.loginInvalidBold {
   color: #FF6600;
   font-family: arial;
   font-size: 10pt;
   font-weight: bold;
}

.loginInvalid {
   color: #FF6600;
   font-family: arial;
   font-size: 9pt;
}

.loginBold {
   color: #0000CC;
   font-family: arial;
   font-size: 12pt;
   font-weight: bold;
}

.copyright {
   color: #FFFFFF;
   font-family: arial;
   font-size: 12px;
}

/* copied from sui for the new login page */
.loginTitle {
   color: #FF6600;
   font-family: arial;
   font-size: 14px;
}

/* copied from sui for the new login page */
.loginSmall {
   color: #FFFFFF;
   font-family: arial;
   font-size: 10px;
}

/* copied from sui for the new login page */
.loginForm {
   color: #000000;
   font-family: arial;
   font-size: 12px;
   font-weight: bold;
}

/*The following classes are used in help pages for headers and content*/
.helpHeaderPrimary {
   font-family: arial;
   font-size: 18pt;
}

.helpHeaderSecondary {
   font-family: arial;
   font-size: 14pt;
}

.helpPrimaryContent {
   font-family: arial;
   font-size: 12pt;
}

.helpSecondaryContent {
   font-family: arial;
   font-size: 10pt;
}

/*Style for small filler frame in main menu*/
.SideBlankBottom {
   background-color: #000066;
}

.SideFrameBody {
   background-color: #000066;
   background-image: url(/educate/ek2/admin/images/secondNavBG.gif);
   background-repeat: repeat-y;
}

/*Style for tall filler frame in main menu*/
.SideBlank {
   background-color: White;
}

/*Background color of login page*/
.LoginBackground {
   background-color: #FFFFFF;
}

/*Style used by copyright text on login page*/
.LoginCopyrightText {
   font-size: 8pt;
   color: #333333;
}

/* search popup window: OFF tab */
.SearchTabNormal {
   background-color: #3366CC;
}

/* search popup window: ON tab */
.SearchTabSelected {
   background-color: #FF6600;
}

/* search popup window: OFF tab font*/
.SearchTabNormalFont {
   color: #FFFFFF;
   font-size: 8pt;
   font-family: arial, helvetica, sans-serif;
}

/* search popup window: ON tab font*/
.SearchTabSelectedFont {
   color: #FFFFFF;
   font-size: 8pt;
   font-family: sans-serif;
}

/* The top row on a calendar  ie. Mon Tue Wed Thu Fri Sat Sun */
.CalendarHeader {
   color: #FFFFFF;
   font-size: 8pt;
   font-family: sans-serif;
   background-color: #060B72;
}

/* The actual numbered days on calendar */
.CalendarDay {
   color: #0000FF;
   font-size: 8pt;
   font-family: sans-serif;
   background-color: #CCCC99;
}

/* The actual numbered days on calendar that are selected */
.CalendarSelectedDay {
   color: #0000FF;
   font-size: 8pt;
   font-family: sans-serif;
   background-color: #FFCC00;
}
/* Steps to complete custom course */
.nonSelectedStep {
}

.selectedStep {
   background-color: #3366CC;
}

.stepText {
   font-size: 9pt;
}

/* border color used by optionBox custom tag */
.optionBoxBorder {
   background-color: #000066;
}

/* used when "gray" color is specified in optionBox custom tag */
.optionBoxGray {
   background-color: #cccccc;
}

/* used when "blue" color is specified in optionBox custom tag */
.optionBoxBlue {
   background-color: #ccccff;
}

/* used when "white" color is specified in optionBox custom tag */
/* this is used internally by the reportCriteria custom tag */
.optionBoxWhite {
   background-color: #ffffff;
}

/* background color of the vertical tab used by optionGroup custom tag */
.optionGroupColor {
   background-color: #3366cc;
}

/* used by generateReport custom tag to emphasize warning text */
.FormLabelWarning {
   font-family: arial;
   font-size: 9pt;
   color: #cc0000;
}

.ResultTableHeader {
   color: White;
   font-family: arial;
   font-size: 10pt;
   background-color: #000060;
   font-weight: bold;
}

.ResultTableOddRow {
   background-color: #CCCCFF;
}

.ResultTableEvenRow {
   background-color: #FFFFFF;
}

.publishedCourseContent {
   background-color: #CCCCFF;
}

/* The following were added per AssessmentConfiguration */
.boldFormTextLarge {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 11pt;
   color: #000066;
   font-weight: bold;
}

.boldFormTextMedium {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 10pt;
   color: #000066;
   font-weight: bold;
   padding-left:11px;

}

.FormLabelCustom {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 10pt;
   color: #000066;
   font-weight: bold;
}

.boldFormViewTextMedium {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 10pt;
   color: #000066;   
}

.formTextMediumSelected {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 10pt;
   color: #000066;
}

.formTextMediumNotSelected {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 10pt;
   color: #999999;
}

.boldFormTextSmall {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
   font-weight: bold;
}

.formTextSmall {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
}

.formTextSmallHidden {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #808080;
}

.tableOneRowOneBackground {
   background-color: #FFFFFF;
}

.tableOneRowTwoBackground {
   background-color: #DDDDFF;
}

.tableOneRowThreeBackground {
   background-color: #EEEEFF;
}

.tableRowGrayBackGround {
   background-color: #EFEFEF;
}

.tableHeaderGrayBackGround {
   background-color: #AFAFAF;
}

.disabledCheckRadio {
   color: #000000;
}

.tableOneBackground {
   background-color: #000066;
}

.innerTabPageBackground {
   background-color: #FFFFFF;
}
/* End AssessmentConfiguration */

.FormLabel-inTab {
   font-family: arial;
   font-size: 10pt;
   line-height: 32px;
   color: #000066;
}

/* The following were added per AssessConfig2B */
.infoBox01Background {
   background-color: #EEEEFF;
}

.infoBox01Border {
   background-color: #000066;
}

.infoBox02Background {
   background-color: #EEEEEE;
}

.infoBox02Border {
   background-color: #000066;
}

.tabSetContentBackground {
   background-color: #FFFFFF;
}

.tabSetContentBorder {
   background-color: #000066;
}

.standardTableBorder {
   background-color: #000066;
}

.standardTableHeader {
   background-color: #CCCCFF;
}

.standardTableCell {
   background-color: #FFFFFF;
}

.standardTableTextBold {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000066;
   font-weight: bold;
}

/*Odd row style inside the form*/
.standardTableRowOdd {
   background-color: #FFFFFF;
}

/*Even row style inside the form*/
.standardTableRowEven {
   background-color: #EEEEEE;
}

.formElementSelect {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000066;
   border-top: 0px none #FFFFFF;
   border-right: 0px none #FFFFFF;
   border-bottom: 0px none #FFFFFF;
   border-left: 0px none #FFFFFF;
   padding: 1px;
   margin: 1px;
}

.groupTitle {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
   background: #CCCCFF;
   font-weight: bold;
   padding-left: 9px;
   width: 610;
}

.groupTitleInput {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
   font-weight: bold;
   padding-left: 9px;
}

.groupDelete {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
   background: #CCCCFF;
   font-weight: bold;
   border-left: 2px solid #FFFFFF;
   text-align: center;
   width: 50;
}

.groupContentsRow {
   padding-top: 8px;
   padding-bottom: 7px;
}

.groupContentsRowText {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
   font-weight: bold;
   padding-left: 9px;
   padding-right: 9px;
   text-align: right;
}

.groupContentsRowInput {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
   text-align: center;
}

.groupArea {
   border: 1px #CCCCFF solid;
}

.orderTab {
   background: url(/educate/ek2/admin/images/left-tabBG.gif) no-repeat top right;
   float: left;
   width: 34px;
   height: 23px;
   border-right: 2px solid #FFFFFF;
   vertical-align: top;
}

.waitlistTab {
   float: left;
   height: 23px;
   vertical-align: center;
   font-family: Verdana;
   font-size: 7pt;
   color: #000066;
   padding-left: 9px;
}

.tabTableBorder {
   border: 1px #000066 solid;
   background-color: #FFFFFF;
}

.itemText {
   font-family: Verdana;
   font-size: 7pt;
   color: #000066;
   background: #EEEEFF;
   padding-top: 5px;
   padding-bottom: 6px;
   padding-left: 9px;
   width: 450;
}

.itemData {
   font-family: Verdana;
   font-size: 7pt;
   color: #000066;
   background: #EEEEFF;
   padding-top: 5px;
   padding-bottom: 6px;
   padding-left: 9px;
   border-left: 2px solid #FFFFFF;
   text-align: center;
   width: 50;
}

.fakeTab {
   height: 1px;
   width: 36px;
}

.fakeText {
   width: 450;
}

.fakeData {
   width: 52;
}

.nestingBufferLeft {
   height: 1px;
   width: 9px;
}

.nestingBufferRight {
   height: 1px;
   width: 9px;
}

.rowBufferBottom {
   height: 9px;
   width: 1px;
}

.groupBufferBottom {
   height: 5px;
   width: 1px;
}
input.data {
    width: 350px;
    color: blue;
    background: white;
    margin-top: 5px;
}

input.actionButton {
    width: 70px;
    color: blue;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
}
.DisabledLabel{
   color:gray;
}
input.actionButton[disabled] {
    color: gray;
}

input.data[disabled] {
    background: #E4E5EE;
}

input.navigation {
    width: 30px;
    color: black;
    font-weight: bolder;
}

input.navigation[disabled] {
    color: gray;
}

/*********************************  TABLE ELEMENTS  *********************************/

table.border {
    width: 100%;
}

/*********************************  TEXTAREA ELEMENTS  *********************************/

textarea.database {
    position: absolute;
    left: -2000px;
    visibility: hidden;
}

#categoryTable textarea{
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 10pt;
   color: #000000;
}

/*********************************  TD ELEMENTS  *********************************/

td.data {
   width: 90%;
}

td.label {
   width: 10%;
   padding-right: 15px;
   text-align: right;
   color: blue;
}

td.navigation {
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;
}

.pageTitleArea {
   padding-left: 10px;
   padding-bottom: 20px;
   padding-top: 20px;
}

.tableOutline {
   border: 1px #000066 solid;
   background-color: white;

}

.credentialContentArea {
   padding-left: 9px;
   padding-right: 9px;
   padding-bottom: 9px;
}

.expandTab {
   background: #CCCCFF;
}

.itemNameText {
   font-family: Verdana;
   font-size: 7pt;
   color: #000066;
   background: #EEEEFF;
   padding-top: 5px;
   padding-bottom: 6px;
   padding-left: 9px;
   width: 450;
}

.itemStatusText {
   font-family: Verdana;
   font-size: 7pt;
   color: #000066;
   background: #EEEEFF;
   padding-top: 5px;
   padding-bottom: 6px;
   padding-left: 9px;
   width: 150;
}

.itemTypeText {
   font-family: Verdana;
   font-size: 7pt;
   color: #000066;
   background: #EEEEFF;
   padding-top: 5px;
   padding-bottom: 6px;
   padding-left: 9px;
   width: 150;
}

.devPathTitle {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
   background: #CCCCFF;
   font-weight: bold;
   padding-left: 9px;
}

/***VIrtualClassroom Styles****/

.FormLabelWarningBold {
   font-family: arial;
   font-size: 9pt;
   color: #cc0000;
   font-weight: bold;
}

.optionBoxYellow {
   background-color: #FFFFCC;
}

.boldFormTextMediumWarning {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 10pt;
   color: #cc0000;
   font-weight: bold;
}

.attendeeTableHeaderLeft {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #000066;
   background-color: #CCCCFF;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #CCCCFF;
}
.attendeeTableHeader {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #000066;
   background-color: #CCCCFF;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #FFFFFF;
}

.attendeeTableCell {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   background-color: #EEEEFF;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #FFFFFF;
   color: #000066;
}

.attendeeTableCellLeft {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   background-color: #EEEEFF;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #EEEEFF;
   color: #000066;
}

.attendeeTableCellFooter {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   background-color: #FFFFFF;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #EEEEFF;
   color: #000066;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-right-style: solid;
   border-bottom-style: solid;
   border-right-color: #EEEEFF;
   border-bottom-color: #EEEEFF;
}

/******* ILT Enhancements Phase 1 ********/
.waitListHeader {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 8pt;
  color: #000066;
  background: #CCCCFF;
  font-weight: bold;
  padding-left: 9px;
  padding-top: 5px;
  padding-bottom: 6px;
  border-right: 1px solid #000066;
  border-bottom: 1px solid #000066;
  text-align: center;
}

.waitListTableBorder {
  BACKGROUND-COLOR: #000066;
  border-top: 1px solid #000066;
  border-left: 1px solid #000066;
  border-bottom: 1px solid #000066;
}

.tableOddRow {
   background-color: #EEEEEE;
}

.tableEvenRow {
   background-color: #FFFFFF;
}

.waitListRow {
  font-family: Verdana;
  font-size: 7pt;
  color: #000066;
  padding-left: 9px;
  padding-top: 5px;
  padding-bottom: 6px;
  border-right: 1px solid #000066;
}

/******* @since ILTPhase2 ********/

.approvalConfigurationHeader {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 8pt;
  color: #000066;
  background: #CCCCFF;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 6px;
  border-right: 1px solid #000066;
  border-bottom: 1px solid #000066;
  text-align: left;
}

.approvalConfigurationTableBorder {
  BACKGROUND-COLOR: #000066;
  border-top: 1px solid #000066;
  border-left: 1px solid #000066;
}

.approvalConfigurationRow {
  font-family: Verdana;
  font-size: 7pt;
  color: #000066;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 6px;
  border-right: 1px solid #000066;
  border-bottom: 1px solid #000066;
  text-align: left;
}

/* Styles added for Stand Alone Assessment */
.groupTitle {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
   background: #CCCCFF;
   font-weight: bold;
   padding-left: 9px;
   width: 610;
}

.groupTitleInput {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
   font-weight: bold;
   padding-left: 9px;
}

.groupTitleView {
   background:#CCCCFF;
   border: 0px;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
   font-weight: bold;
   padding-left: 9px;
}

.groupDelete {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
   background: #CCCCFF;
   font-weight: bold;
   border-left: 2px solid #FFFFFF;
   text-align: center;
   width: 50;
}

.groupContentsRow {
   padding-top: 8px;
   padding-bottom: 7px;
}

.groupContentsRowText {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
   font-weight: bold;
   padding-left: 9px;
   padding-right: 9px;
   text-align: right;
}

         .groupContentsRowTextNormal {
            font-family: Arial, Helvetica, Sans-Serif;
            font-size: 8pt;
            color: #000066;
            font-weight: normal;
            padding-left: 9px;
            padding-right: 9px;
            text-align: right;
         }
         .groupContentsRowInput {
            font-family: Arial, Helvetica, Sans-Serif;
            font-size: 8pt;
            color: #000066;
            text-align: center;
         }
         .groupArea {
            border: 1px #CCCCFF solid;
         }
         .orderTab {
            background: url(/educate/ek2/admin/images/left-tabBG.gif) no-repeat top right;
            width: 34px;
            height: 23px;
            float: left;
            border-right: 2px solid #FFFFFF;
            vertical-align: top;
         }
         .itemText {
            font-family: Verdana;
            font-size: 7pt;
            color: #000066;
            background: #EEEEFF;
            padding-top: 5px;
            padding-bottom: 6px;
            width: 450;
         }
         .itemData {
            font-family: Verdana;
            font-size: 7pt;
            color: #000066;
            background: #EEEEFF;
            padding-top: 5px;
            padding-bottom: 6px;
            border-left: 2px solid #FFFFFF;
            text-align: center;
            width: 50;
         }
         .fakeTab {
            height: 1px;
            width: 36px;
         }
         .fakeText {
            width: 450;
         }
         .fakeData {
            width: 52;
         }
         .nestingBufferLeft {
            height: 1px;
            width: 9px;
         }
         .nestingBufferRight {
            height: 1px;
            width: 9px;
         }
         .rowBufferBottom {
            height: 9px;
            width: 1px;
         }
         .groupBufferBottom {
            height: 5px;
            width: 1px;
         }
      .SecondaryNavTitle{
         color: #000066;
         font-size : 9pt;
         font-family : arial;
         font-weight : bold;
      }
/* End of Styles added for Stand Alone Assessment */

/* Add for Require Recommend new webtable implementation */

.boldFormTextSmallBlack {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000000;
   font-weight: bold;
}

/***************CMDef****************/

.boldFormTextMediumGrayed,
.formTextMediumSelectedGrayed {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 10pt;
   color: #AAAAAA;
}

.boldFormTextMediumGrayed {
   font-weight: bold;
}

.rowIndent {
   padding-left: 15px;
}

.enteredCriteriaLabel,
.enteredCriteriaValue {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000066;
}

.enteredCriteriaValue {
   font-weight: bold;
}

.credentialContentBox {
   padding-left: 6px;
   padding-right: 6px;
   padding-bottom: 9px;
   padding-top: 9px;
}

.credentialContentBoxCorner {
   background: #CCCCFF;
   width: 485px;
}

.componentTableBorder {
   border: 1px #CCCCFF solid;
}

.credentialOrderTab {
   background: url(/educate/ek2/admin/images/left-tabBG.gif) no-repeat top right;
   width: 34px;
   height: 23px;
   border-right: 2px solid #FFFFFF;
   vertical-align: top;
}

.finalExamTableBorder {
   border: 1px #FFCC00 solid;
}

.seperator,
.finalcomponentseperator {
   width: 100%;
   padding-top: 10px;
}

.seperator{
   border-bottom: 1px #ccccff solid;
}

.finalcomponentseperator{
   border-bottom: 1px #ffcc00 solid;
}

.finalExamOrderTab {
   background: url(/educate/ek2/admin/images/final_exam_left_tabBG.gif) no-repeat top left;
   width: 34px;
   height: 23px;
   border-right: 2px solid #FFFFFF;
   vertical-align: top;
}

.credentialTitle,
.componentHeaderDescription,
.finalExamHeaderDescription,
.componentDelete,
.componentText,
.shortColumn,
.deletedItemTitleInput
.deletedShortColumn,
.finalExamDelete,
.itemTitleInput,
.componentTitleInput {
   font-family: Arial, Helvetica, Sans-Serif;
}

.credentialTitle,
.componentHeaderDescription,
.finalExamHeaderDescription,
.componentDelete,
.componentText,
.shortColumn,
.finalExamDelete,
.itemTitleInput {
   color: #000066;
}

.credentialTitle,
.componentHeaderDescription,
.componentDelete,
.componentTitle {
   background: #CCCCFF;
}

.componentHeaderDescription,
.finalExamHeaderDescription,
.componentDelete,
.shortColumn,
.deletedItemTitleInput,
.deletedShortColumn,
.itemTitleInput,
.componentTitleInput {
   font-size: 7pt;
}

.componentHeaderDescription,
.finalExamHeaderDescription,
.componentDelete,
.shortColumn,
.deletedShortColumn,
.finalExamDelete {
   border-left: 2px solid #FFFFFF;
}

.credentialTitle {
   font-size: 8pt;
   font-weight: bold;
   padding-left: 9px;
   width: 482;
   height: 17px;
}

.componentHeaderDescription {
   text-align: center;
   width: 120px;
}

.finalExamTitle,
.finalExamHeaderDescription,
.finalExamDelete {
   background: #FFCC00;
}

.finalExamTitle {
   height: 23px;
   padding-left: 5px;
}

.finalExamHeaderDescription {
   text-align: center;
   width: 120px;
}

.componentDelete {
   text-align: center;
}

.componentText {
   font-size: 8pt;
   font-weight: bold;
   height: 23px;
   padding-top: 2px;
   padding-right: 5px;
}

.itemTitle,
.shortColumn,
.deletedShortColumn {
   background: #EEEEFF;
}

.itemTitle {
   height: 23px;
   padding-left: 5px;
}

.componentTitle {
   height: 23px;
   border-left: 1px #CCCCFF solid;
   padding-left: 5px;
}

.componentTitleInput {
   color: #000000;
}

.componentTitleInput {
   color: #000000;
}

.shortColumn {
   padding-bottom: 5px;
   text-align: center;
   width: 50px;
   height: 23px;
}

.deletedItemTitleInput,
.deletedShortColumn {
   color: #FF0000;
}

.deletedShortColumn {
   padding-top: 5px;
   text-align: center;
   width: 50px;
   height: 23px;
}

.finalExamDelete {
   font-size: 7pt;
   text-align: center;
}

.credentialToolTip {
   position: absolute;
   visibility: hidden;
   background: #FFFFFF;
   border: 1px solid #000066;
   text-align: left;
   padding: 5px;
   width: 235px
}


.flexibleReportingToolTip {
   position: absolute;
   visibility: hidden;
   background: #FFFFFF;
   border: 1px solid #000066;
   text-align: left;
   padding: 5px;
   width: 135px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000066;
   vertical-align: top;
}

/***************CMDef****************/

.boldFormTextMediumGrayed,
.formTextMediumSelectedGrayed {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 10pt;
   color: #AAAAAA;
}

.boldFormTextMediumGrayed {
   font-weight: bold;
}

.rowIndent {
   padding-left: 15px;
}

.enteredCriteriaLabel,
.enteredCriteriaValue {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000066;
}

.enteredCriteriaValue {
   font-weight: bold;
}

.credentialContentBox {
   padding-left: 6px;
   padding-right: 6px;
   padding-bottom: 9px;
   padding-top: 9px;
}

.credentialContentBoxCorner {
   background: #CCCCFF;
   width: 485px;
}

.componentTableBorder {
   border: 1px #CCCCFF solid;
}

.finalExamTableBorder {
   border: 1px #FFCC00 solid;
}

.seperator,
.finalcomponentseperator {
   width: 100%;
   padding-top: 10px;
}

.seperator {
   border-bottom: 1px #ccccff solid;
}

.finalcomponentseperator {
   border-bottom: 1px #ffcc00 solid;
}

.finalExamOrderTab {
   background: url(/educate/ek2/admin/images/final_exam_left_tabBG.gif) no-repeat top left;
   width: 34px;
   height: 23px;
   border-right: 2px solid #FFFFFF;
   vertical-align: top;
}

.credentialTitle,
.componentHeaderDescription,
.finalExamHeaderDescription,
.componentDelete,
.componentText,
.shortColumn,
.deletedItemTitleInput
.deletedShortColumn,
.finalExamDelete,
.itemTitleInput,
.componentTitleInput {
   font-family: Arial, Helvetica, Sans-Serif;
}

.credentialTitle,
.componentHeaderDescription,
.finalExamHeaderDescription,
.componentDelete,
.componentText,
.shortColumn,
.finalExamDelete,
.itemTitleInput {
   color: #000066;
}

.credentialTitle,
.componentHeaderDescription,
.componentDelete,
.componentTitle {
   background: #CCCCFF;
}

.componentHeaderDescription,
.finalExamHeaderDescription,
.componentDelete,
.shortColumn,
.deletedItemTitleInput,
.deletedShortColumn,
.itemTitleInput,
.componentTitleInput {
   font-size: 7pt;
}

.componentHeaderDescription,
.finalExamHeaderDescription,
.componentDelete,
.shortColumn,
.deletedShortColumn,
.finalExamDelete {
   border-left: 2px solid #FFFFFF;
}

.credentialTitle {
   font-size: 8pt;
   font-weight: bold;
   padding-left: 9px;
   width: 482;
   height: 17px;
}

.componentHeaderDescription {
   text-align: center;
   width: 120px;
}

.finalExamTitle,
.finalExamHeaderDescription,
.finalExamDelete {
   background: #FFCC00;
}

.finalExamTitle {
   height: 23px;
   padding-left: 5px;
}

.finalExamHeaderDescription {
   text-align: center;
   width: 120px;
}

.componentDelete {
   text-align: center;
}

.componentText {
   font-size: 8pt;
   font-weight: bold;
   height: 23px;
   padding-top: 2px;
   padding-right: 5px;
}

.itemTitle,
.shortColumn,
.deletedShortColumn {
   background: #EEEEFF;
}

.itemTitle {
   height: 23px;
   padding-left: 5px;
}

.componentTitle {
   height: 23px;
   border-left: 1px #CCCCFF solid;
   padding-left: 5px;
}

.componentTitleInput{
   color: #000000;
}

.componentTitleInput{
   color: #000000;
}

.shortColumn {
   padding-top: 5px;
   text-align: center;
   width: 50px;
   height: 23px;
}

.deletedItemTitleInput,
.deletedShortColumn {
   color: #FF0000;
}

.deletedShortColumn {
   padding-top: 5px;
   text-align: center;
   width: 50px;
   height: 23px;
}

.finalExamDelete {
   font-size: 7pt;
   text-align: center;
}

.credentialToolTip {
   position: absolute;
   visibility: hidden;
   background: #FFFFFF;
   border: 1px solid #000066;
   text-align: left;
   padding: 5px;
   width: 235px
}

.credentialOrderTab {
   background: url(/educate/ek2/admin/images/left-tabBG.gif) no-repeat top right;
   width: 34px;
   height: 23px;
   border-right: 2px solid #FFFFFF;
   vertical-align: top;
}

.outerLayerWithPointer {   /* Styling outerLayer */
   overflow:hidden;
   cursor:pointer;
}

.outerLayerWithoutPointer {   /* Styling outerLayer */
   overflow:hidden;
}

.innerLayer {   /* Parent box of slide down content */
   visibility:hidden;
   overflow:hidden;
   position:relative;
}

.innerLayer_content {   /* Content that is slided down */
   /*padding:1px;*/
   position:relative;
}

/* Styles added for Manage Session Registration page */
.registrationListHeader {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
   background: #CCCCFF;
   font-weight: bold;
   height: 25px;
   padding-left: 9px;
   padding-top: 2px;
   padding-bottom: 2px;
   text-align: left;
}

.registrationListRow {
   font-family: Verdana;
   font-size: 7pt;
   font-weight : bold;
   color: #000066;
   height: 25px;
   padding-left: 9px;
   padding-top: 3px;
   padding-bottom: 3px;
   background-color: #EEEEEE;
}

.tableCapacityRow {
   background-color: #EEEEEE;
   height: 25px;
}

.tableOverCapacityRow {
   background-color: #FFFCD5;
   height: 25px;
}

.registrationListTableBorder {
   border-bottom: 1px solid #CCCCFF;
   border-left: 1px solid #CCCCFF;
   border-right: 1px solid #CCCCFF;
}

.manageRegistrationTableBorder {
   background-color: #FFFFFF;
   border-top: 2px solid #000066;
   border-bottom: 2px solid #000066;
   border-left: 2px solid #000066;
   border-right: 2px solid #000066;
}

.registrationListRowText {
   color:#000066;
   font-family: Verdana;
   font-size:7pt;
   font-weight : bold;
}

.registrationListNotes{
   color:#000066;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size:9pt;
}

/* Styles for Pricing table of session management */
.pricingTableRowOdd {
   background: #EEEEFF;
}
.pricingTableRowEven {
   background: #FFFFFF;
}
.pricingTableTopBottomRow {
   border-left: #000066 1px solid;
   border-bottom: #000066 1px solid;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000066;
   font-weight: bold;
}
.pricingTableContentRow {
   border-left: #000066 1px solid;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
}
.pricingTableBorder {
   border-right: #000066 1px solid;
   border-top: #000066 1px solid;
   border-bottom: #000066 1px solid;
}
.pricingTableLastRowValue {
   border-top: #000066 1px solid;
   border-left: #000066 1px solid;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 8pt;
   color: #000066;
}
.globalAreaSessionVisibility {
   background: #EEEEEE;
   border-top: #666666 1px solid;
   border-left: #666666 1px solid;
   border-bottom: #666666 1px solid;
   border-right: #666666 1px solid;

}
.sessionSegmentStandardBorder {
   border-top: #CCCCFF 1px solid;
   border-left: #CCCCFF 1px solid;
   border-bottom: #CCCCFF 1px solid;
   border-right: #CCCCFF 1px solid;
}

.resourceTypeName {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #000066;
   background-color: #EEEEFF;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #EEEEFF;
}
.linkTableCell {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   background-color: #CCCCFF;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #CCCCFF;
}
.cellUpperBorder {
   border-top: #000066 1px solid;
}
.cellBottomBorder {
   border-bottom: #000066 1px solid;
}

div.scrollable {
   height:expression( this.getElementsByTagName('TABLE')[0].clientHeight >= 98 ? "250px": "auto" );
   overflow-y: auto;
   overflow-x: none;
}

div.scrollable table {
   width: expression(this.parentNode.offsetWidth-17);
}

div.scrollable table thead tr {
   position: relative;
   top: expression( this.parentNode.parentNode.parentNode.scrollTop + 'px' );
}
html>body div.scrollable tbody {
   height: 200px;
   overflow-y: auto;
   overflow-x: none;
}

html>body div.scrollbarCol {
   width:17px;
}
.segmentHeaderText {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   color: #000066;
}
.sessionVisibilityOrgBlock {
   background: #EEEEEE;
   border-top: #000066 1px solid;
   border-left: #000066 1px solid;
   border-bottom: #000066 1px solid;
   border-right: #000066 1px solid;
   color: #0000CC;
}

.resourceTitle {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   background-color: #EEEEFF;
   color: #000066;
}

.AlertMessage {
   font-family: arial;
   font-size: 11pt;
   color: #3b3b3b;
}
.AlertNext {
   font-family: arial;
   font-size: 9pt;
   color: #3b3b3b;
}
.AlertType {
   font-family: arial;
   font-size: 13pt;
   color: #3b3b3b;
}

   /* ************
    *     TABS   *
    * ************
    */
     /* TODO need to change the background-color */
   .tab
   {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     font-weight: bold;
     padding-top: 3px;
     color: #000066;
     background-color: #D8D8D8;
     BACKGROUND-IMAGE: url(../images/tabs/tab_bg_inactive.gif);
   }
   .tabOn
   {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     font-weight: bold;
     padding-top: 2px;
     color: #FFFFFF;
      background-color:  #5D80D9;
     BACKGROUND-IMAGE: url(../images/tabs/tab_bg_active.gif);
   }
   .tab A:link,
   .tab A:visited
   {
      text-decoration: none;
      color: #000066;
   }
   .tab A:active,
   .tab A:hover
   {
       color: #000066;
       text-decoration: none;
   }
   .tabBoxBorder
   {
      background-color: #000066;
   }

/* Add for Collaboration Commenters */

   .displaySelected {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 8pt;
        color: #000066;
        background: #EEEEEE;
        border-top: 1px solid #999999;
         border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        border-bottom: 1px solid #999999;
        text-align: left;
   }
   .whiteBackgroundColor{
       background-color: white;
   }

.anchorButton {
   text-decoration: none;
}

.anchorBold {
	font-size : 9pt;
	font-family : arial;
	font-weight : bold;
}

.blankImage {
   height: 0px;
}

/* Added for Support Services */
.pageTitle {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 13pt;
   color: #000066;
   font-weight: bold;
}

.pageDescription {
   color: #000066;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 10pt;
}

/* The following styles were introduced as part of new site standards */
.primaryPageTitle,
.secondaryPageTitle {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 18px;
   color: #000066;
   font-weight: bold;
}

.workflowTitle,
.popupWindowTitle {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 18px;
   color: #000066;
}

.formFieldLabel {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   color: #000066;
}

.formFieldData {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   color: #000066;
   font-weight: bold;
}

.checkBoxSelectedLabel,
.radioButtonSelectedLabel {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   color: #000066;
   font-weight: bold;
}

.checkBoxLabel,
.radioButtonLabel {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   color: #000066;
}

.disabledTableCell {
   background-color:#DDDDDD;
}

.verticalDivider {
   border-left: 1px solid #606060;
   background-color:#FFFFFF;
}

.horizontalDivider {
   border-top: 1px solid #606060;
}

.layerTitle {
   color: #FFFFFF;
   font-family: arial;
   font-size: 12px;
   font-weight: bold;
}

.inputUnderLimit {
   color: #000066;
   font-family: arial;
   font-size: 11px;
}

.inputAboveLimit {
   color: #C71015;
   font-family: arial;
   font-size: 11px;
}

.disabledBackground {
   background:url('/admin/images/one.gif') repeat;
   border: none;
   width:100%; 
   height:100%;
   top:0px;
   left:0px;
   position: absolute;
   z-index:99;
}

.opacity30 {
   opacity:0.30;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
   filter:alpha(opacity=30);
   zoom:1;
}

.opacity100 {
   opacity:1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
   filter:alpha(opacity=100);
}

#treeContainer ul {
   list-style-type: none;
   padding-left: 20px;
}

.boxheader {
   color: #000;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   border-top: 1px;
   border-left: 0px;
   border-bottom: 0px;
   border-right: 0px;
   border-color: #000;
   border-style: solid;
}

.linkBold {
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
}

.linkNormal {
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
}

.tableHeader{
   color: #FFFFFF;
   font-weight: normal;
   border-width: 1px 1px 1px 1px; 
   border-color: #000;
   background-color: #EFEFEF;
   border-style: solid;
}

.displayToLearnerCss{
	background-color: #FFFFCC;
    border: 1px solid #000000;
    font-size: 12px;    
    padding: 2px 2px 5px 5px;
    width: 210px;
	
	}
.displayToLearnerCssMsg{
	width: 205px; font-style: italic; font-weight: bold; color:#69696a;
	margin: 5px 0 0 0;
		}
.approverNote{
	font-family: arial;
    font-size: 8pt;
    color:#20206F;
    font-weight: bold;
	}
.bundleAssociationListHeader {
   color: #000066;
   background: #eeeeee;
}
.bundleAssociationListRowText {
   color:#000066;
   font-family: Verdana;
   font-size:8pt;
   font-weight : bold;
}

.tableCapacityRowHiglighted{
   color: red;
   font-family: Verdana;
   font-size:7pt;
   font-weight : bold;
}

.viewScheduleTemplate{
	background: #EEEEEE;
	border: #000066 1px solid;
	text-align: center;
}

.warningMessagesTemplate {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 8pt;
  color: #000066;
  background: #CCCCFF;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 6px;
  border-right: 1px solid #000066;
  border-bottom: 1px solid #000066;
  text-align: left;
  
}
.warningMessagesTemplateRow {
  font-family: Verdana;
  font-size: 7pt;
  color: #000066;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 6px;
  border-right: 1px solid #000066;
  border-bottom: 1px solid #000066;
  text-align: left;
}

.warningMessagesTemplateBorder{
 margin-left:5px; 
  border: 1px solid #000066;
}

.labelAlign{
padding-left: 20px;
}

.displayNone {
	display: none;
}

.headingLabelAlign{
   color: #000066;
   font-family: arial;
   font-size: 10pt;
   padding-left: 9px;
   overflow:auto;
}

.remarkPageDiv{
background-color:#E5E4E2;
}
.commentDiv{
	background-color:#E5E4E2;
}

.backgroundMaskDiv {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   margin-top: 0px;
   width: 100%;
   height: 100%;
   background-color: gray;
   opacity: 0.5;
   filter: alpha(opacity=50);/*for IE5-7*/
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/*for IE8*/
   z-index: 0;
   /*visibility: hidden;*/
   display: none;
   overflow-y: hidden;
}

.frontLayerDiv {
   position: absolute;
   top: 160;
   left: 200;
   width: 600px;
   height: 280px;
   /*visibility: hidden;*/
   display: none; 
   opacity: 1;
   background-color: white;
   z-index :   1;
   overflow-y: hidden;
}

.blueLabel {
   color: #0000CC;
   font-family: arial;
   font-size: 10pt;
}

.batchTableHeader {
   color: #333333;
   font-weight: bold;
   font-size : 9pt;
   background-color: #CDCDCD;
}