/* ********** *
 * (Main EK2) *
 * ********** */
BODY
{
  background: #ffffff url(../images/nav-bgd.gif) repeat-x;
  color: #333333;
  font: 12px Arial, Helvetica, Sans-Serif;
}

.content,
TD
{
  color: #333333;
  font: 12px Arial, Helvetica, Sans-Serif;
}

.mainContentArea
{
  background: white;
  font-family: Arial, Helvetica, Sans-Serif;
}

.required
{
  color: #cc0000;
  font-family: Arial, Helvetica, Sans-Serif;
}


/* **************************** *
 * Assessment Baseline Required *
 * **************************** */
.assessmentAlertBackground,
.assessmentAlertFirstLine,
.assessmentAlertSparkPlugBackground
{
  background: #ffffff;
}


/* ****************** *
 * Assessment Results *
 * ****************** */
.askQuestionLeftNavBG
{
  background: #ffffff;
}

.assessmentResultsDetailAnswerIndicator
{
  color: #0000ff;
  font: 10px Arial, Helvetica, Sans-Serif;
}

.assessmentResultsDetailCorrectText
{
  color: #006600;
  font: 10px Arial, Helvetica, Sans-Serif;
}

.assessmentResultsDetailFeedbackText
{
  color: #6666ff;
  font: 10px Arial, Helvetica, Sans-Serif;
}

.assessmentResultsDetailIncorrectText
{
  color: #ff0000;
  font: 10px Arial, Helvetica, Sans-Serif;
}

.assessmentResultsDetailTableBorder,
.assessmentResultsDetailTableHeader
{
  background: #dedede;
  color: #333333;
}

.assessmentResultsDetailTableCellBackground
{
  background: white;
  color: #333333;
}

.assessmentResultsDetailText
{
  color: #333333;
  font: 10px Arial, Helvetica, Sans-Serif;
}


/* ******************* *
 * Catalog Quick Links *
 * ******************* */
.quickLinkOutline
{
  background: #dedede;
}

.quickLinkPrimary
{
  color: #333333;
  font: bold 12px Arial, Helvetica, Sans-Serif;
}

.quickLinkSecondary
{
  color: #333333;
  font: 11px Arial, Helvetica, Sans-Serif;
}


/* **************************** *
 * Catalog Secondary Categories *
 * **************************** */
.secondaryCategoryContentArea
{
  background: white;
  color: #333333;
  font-size: 11px;
}

.secondaryCategoryLink
{
  color: #333333;
  font: 10px Arial, Helvetica, Sans-Serif;
}

.secondaryCategoryLinkArea
{
  background: #ffffe2;
  color: #333333;
  font: 10px Arial, Helvetica, Sans-Serif;
}

.secondaryCategoryOutline
{
  background: #dedede;
}

.secondaryCategoryTitle
{
  background: #efefef;
  color: #333333;
  font: bold 12px Arial, Helvetica, Sans-Serif;
}


/* **************************** *
 * Content Area (Shell Borders) *
 * **************************** */
.bottomCorner,
.sideStripe
{
  background: #ffffff;
}


/* ********************************* *
 * Content List (Software Brand Box) *
 * ********************************* */
.contentListOutline
{
  background: #dedede;
}


/* ******************** *
 * Course close message *
 * ******************** */
#closeMessage
{
  background: white;
  border: 2px solid #003399;
  position: absolute;
}


/* *********** *
 * Display Box *
 * *********** */
.displayBoxContent
{
  background: #efefef;
}

.displayBoxOutline
{
  background: #8fa5e4;
}

.displayBoxTitle
{
  background: #efefef;
  font-weight: bold;
}


/* *************************** *
 * Editorial Content (Headers) *
 * *************************** */
.editorialBlockBox
{
  background: #f8f8f8;
  padding-bottom: 2px;
  padding-top: 2px;
}

.editorialBlockBoxContainer
{
  background: #f8f8f8;
  width: 100%;
}

.editorialBlockBoxContainerPadding
{
  padding: 0px 3px 3px 3px;
  width: 100%;
}

.headerPrimary
{
  color: #666666;
  font: 21px Arial, Helvetica, Sans-Serif;
}

.headerPrimaryContent,
.headerSecondaryContent,
.headerTertiaryContent
{
  color: #333333;
  font: 12px Arial, Helvetica, Sans-Serif;
}

.headerSecondary
{
  color: #666666;
  font: 18px Arial, Helvetica, Sans-Serif;
}

.headerSecondary A:link,
.headerSecondary A:visited,
.headerSecondary A:hover,
.headerSecondary A:active
{
  font-size: 14px;
  font-weight: bold;
}

.headerSecondarySmall
{
  color: #666666;
  font: 600 14px Arial, Helvetica, Sans-Serif;
}

.headerTertiary
{
  color: #666666;
  font: bold 13px Arial, Helvetica, Sans-Serif;
}

.headerTertiaryContentSmall
{
  color: #333333;
  font: 11px Arial, Helvetica, Sans-Serif;
}

.smartLinkBox
{
  margin: 0px;
  padding: 0px;
}

.smartLinkEventCompletionText
{
  font-size: 9px;
}

.smartLinkEventProgressBar
{
  display: none;
}

.smartLinkRowEven,
.smartLinkRowOdd
{
  vertical-align: middle;
}

.smartLinkRowEven ul,
.smartLinkRowOdd ul
{
  margin: 0px 0px 4px 12px;
  padding: 0px 0px 0px 8px;
}


/* *********** *
 * Footer Area *
 * *********** */
.footer
{
  font-size: 11px;
}

.footerbackground
{
  background: white;
}


/* ***** *
 * Forms *
 * ***** */
.bbwarning,
.radiob
{
  background: white;
  color: white;
}


/* ****************************************** *
 * Grouped Products (Secondary Product Pages) *
 * ****************************************** */
.filterHeading
{
  background: #ffffe2;
  font: 11px Arial, Helvetica, Sans-Serif;
}

.filterHeading .buttonTag
{
  bottom: 2px;
}

.filterOutline
{
  background: #cccccc;
}

.groupContent
{
  background: white;
  font: 10px Arial, Helvetica, Sans-Serif;
}

.groupContentBold
{
  background: white;
  font: bold 11px Arial, Helvetica, Sans-Serif;
}

.groupHeading
{
  background: #efefef;
  font: bold 11px Arial, Helvetica, Sans-Serif;
}

.groupOutline
{
  background: #dedede;
}

.SelectHeading
{
  background: white;
  font: 11px Arial, Helvetica, Sans-Serif;
}


/* ********* *
 * Home page *
 * ********* */
.accessKeyBox
{
  background: #f8f8f8;
  border: none;
  margin: 0px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.accessKeyBoxHeader
{
  background: #efefef;
  font: bold 12px Arial, Helvetica, Sans-Serif;
  padding: 3px;
}

.accessKeyBoxText
{
  background: #efefef;
  font: 12px Arial, Helvetica, Sans-Serif;
  padding: 3px;
}

.accessKeyForm
{
  background: #efefef;
  border: 1px solid #dedede;
  margin: 0px;
  padding: 0px;
}

.homepageBox
{
  display: inline-block;
}

.homepageColumnFiller,
.homepageRightSideFiller
{
  background: #f8f8f8;
  font-size: 0px;
}

.homepageDivider
{
  background: #cccccc;
  font-size: 0px;
}

.homepageExpandingBox
{
  width: 726px;
}

.homepageExpandingWelcomeBox
{
  margin: 8px 0px 8px 0px;
}

.homepageNonExpandingBox
{
  width: 508px;
}

.homepageNonExpandingWelcomeBox
{
  margin: 8px 0px 8px 0px;
  overflow: hidden;
  width: 508px;
}

.homepageWelcomeHeader
{
  color: #666666;
  font: 21px Arial, Helvetica, Sans-Serif;
  margin: 9px 2px 0px 10px;
}

.homepageWelcomeText
{
  color: #333333;
  font: 12px Arial, Helvetica, Sans-Serif;
  margin: 0px 4px 0px 20px;
}

.homepageWelcomeText ul
{
  margin-left: 12px;
  padding-left: 8px;
}

.onsiteMessagesBox
{
  margin: 12px 4px 8px 19px;
}

.onsiteMessagesHeader
{
  color: #666666;
  font: 18px Arial, Helvetica, Sans-Serif;
  margin: 0px;
}

.onsiteMessagesText
{
  color: #333333;
  font: 12px Arial, Helvetica, Sans-Serif;
  margin: 0px 0px 0px 10px;
}

.roundedMicrositeHeader
{
  -moz-border-radius: 7px 7px 0px 0px;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  background: #8fa5e4;
  behavior: url(/includes/PIE.htc);
  border-radius: 7px 7px 0px 0px;
  color: #ffffff;
  font: bold 12px Arial, Helvetica, Sans-Serif;
  padding: 2px 9px 1px 9px;
}

.squareMicrositeHeader
{
  background: #8fa5e4;
  color: #ffffff;
  font: bold 12px Arial, Helvetica, Sans-Serif;
  padding: 2px 9px 1px 9px;
}

.viewContentAvailableForPurchase
{
  background: #f8f8f8;
  border: none;
  margin: 0px;
  padding-top: 4px;
  text-align: center;
}


/* **************** *
 * Marketing styles *
 * **************** */
.pageBackground
{
  background: white;
}

.pageTitle
{
  color: #666666;
  font: bold 21px Arial, Helvetica, Sans-Serif;
}

.syllabusCopy
{
  color: #333333;
  font: 12px Arial, Helvetica, Sans-Serif;
}

.syllabusHeading
{
  color: #333333;
  font: bold 12px Arial, Helvetica, Sans-Serif;
}


/* *************************** *
 * Messages (Brainbench Notes) *
 * *************************** */
.messageContent
{
  background: #ffffff;
  color: #333333;
  font: 10px Arial, Helvetica, Sans-Serif;
}

.messageSideBar1,
.messageSideBar2
{
  background: #ffffff;
}


/* **************************************************************** *
 * Microsite (Editorial blocks on right column) / some Pop-Up boxes *
 * **************************************************************** */
.micrositeBorder
{
  background: #cccccc;
}

.micrositeBoundaryBackground
{
  background: #f8f8f8;
}

.micrositeBoundaryLine
{
  background: #333333;
}

.micrositeContent
{
  color: #333333;
  font: 10px Arial, Helvetica, Sans-Serif;
}

.micrositeContentBackground
{
  background: #efefef;
}

.micrositeHeader
{
  -moz-box-sizing: border-box;
  background: #8fa5e4;
  color: #ffffff;
  font: bold 12px Arial, Helvetica, Sans-Serif;
}

.micrositeHeaderLeft
{
  background: url(../images/microsite_corner_top_left.gif) no-repeat left top;
}

.micrositeHeaderRight
{
  background: url(../images/microsite_corner_top_right.gif) no-repeat right top;
}


/* ********************************** *
 * Search / Advanced Search / General *
 * ********************************** */
.searchAdvancedHeading
{
  background: #dedede;
  color: #333333;
  font: bold 12px Arial, Helvetica, Sans-Serif;
  padding-bottom: 3px;
}

.searchFormFields
{
  color: #000000;
  font: 11px Arial, Helvetica, Sans-Serif;
}

.searchHeading
{
  background: #f6f6f6;
  color: #333333;
  font: bold 12px Arial, Helvetica, Sans-Serif;
  padding-bottom: 3px;
}

.searchHighlight
{
  color: #cc0000;
}

.standardBoxBGD
{
  background: #eeeeee;
  padding: 5px;
}


/* ********** *
 * Site Links *
 * ********** */
A:link
{
  color: #0000cc;
}

A:visited
{
  color: purple;
}

A:hover
{
  color: #ff6600;
}

A:active
{
  color: #ff6600;
  text-decoration: none;
}


/* *************** *
 * Standard Tables *
 * *************** */
.standardTableBorder,
.standardTableHeader,
.standardTableSecondaryHeader
{
  background: #dedede;
}

.standardTableCell
{
  background: white;
}

.standardTableCellHighlight
{
  background: #e9e9fe;
}

.standardTableDivider
{
  border-bottom: 1px solid #cccccc;
}

.standardTableHeaderText,
.standardTableTextBold
{
  color: #333333;
  font: bold 12px Arial, Helvetica, Sans-Serif;
}

.standardTablePrimaryHeader
{
  background: #dedede;
  color: #333333;
  font-family: Arial, Helvetica, Sans-Serif;
  font-weight: bold;
}

.standardTableText
{
  color: #333333;
  font: normal 12px Arial, Helvetica, Sans-Serif;
}

.standardTableTextHighlight
{
  color: #ff6600;
  font: normal 11px Arial, Helvetica, Sans-Serif;
}

.standardTableTextMed
{
  color: #333333;
  font: normal 11px Arial, Helvetica, Sans-Serif;
}

.standardTableTextSmall
{
  color: #333333;
  font: normal 10px Arial, Helvetica, Sans-Serif;
}


/* ****** *
 * Tables *
 * ****** */
.tableCaption
{
  background: white;
  font-size: 10px;
}

.tableHeading
{
  background: #dedede;
  font-weight: bold;
  
}

.tableOutline,
.tableRowHeader
{
  background: #dedede;
}

.tableRowColor1
{
  background: #ffffff;
}

.tableRowColor2
{
  background: #efefef;
}

.tableTitleTabBorder
{
  background: #8fa5e4;
}

.tableTitleTabHeader
{
  background: #8fa5e4 url(../images/tableTitleTab_bgd.gif);
  color: white;
  font: bold 12px Arial, Helvetica, Sans-Serif;
}


/* **** *
 * Tabs *
 * **** */
.tab
{
  background: #efefef url(../images/tabs/tab_bgd_off.gif);
  color: #666666;
  font: 12px Arial, Helvetica, Sans-Serif;
}

.tab A:link,
.tab A:visited
{
  color: #666666;
  text-decoration: none;
}

.tab A:hover,
.tab A:active
{
  color: #6666ff;
  text-decoration: none;
}

.tabBoxBorder
{
  background: #8fa5e4;
}

.tabOn
{
  background: #ccccff url(../images/tabs/tab_bgd_on.gif);
  color: #ffffff;
  font: 12px Arial, Helvetica, Sans-Serif;
}


/* ******************************** *
 * Training Tables / General Tables *
 * ******************************** */
.trainingHeading1
{
  background: #afafaf;
  color: #ffffff;
  font: bold 12px Arial, Helvetica, Sans-Serif;
}

.trainingHeading2
{
  background: #dedede;
  font: bold 12px Arial, Helvetica, Sans-Serif;
}

.trainingOutline
{
  background: #ffffff;
}

.trainingRow1
{
  background: #efefef;
  font: 10px Arial, Helvetica, Sans-Serif;
}

.trainingRow2
{
  background: white;
  font: 10px Arial, Helvetica, Sans-Serif;
}

.trainingRow3
{
  background: #efefef;
  font: 11px arial, sans-serif;
}

.trainingRow4
{
  background: #ffffff;
  font: 11px arial, sans-serif;
}

/* ***** *
 * table *
 * ***** */
.tableOutline2
{
  font-weight: normal;
}


/* ************* *
 * Miscellaneous *
 * ************* */
BODY.mceContentBody
{
  background: none;
}

.filterButton
{
  position: relative;
  top: 2px;
}

.indented p.headerPrimaryContent
{
  margin: 20px 10px 20px 10px;
}

.noticeableText
{
  color: #666666;
  font: italic normal 8pt arial;
  padding-bottom: 10px;
  padding-top: 2px;
}
.custompageContent
{
  display: inline-block;
  width:726px; 
  height:auto;
}

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

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

/* ********************************
 * ELI Activity Create/Edit/View  *
 * ********************************/
 
.formHeading {
   margin-left:20px;
   width:492px;
}

.tableDivider {
   width:492px;
   margin-bottom:15px;
   border-bottom: 1px solid #cccccc;
}

.tableContainer {
   margin-left:30px;
   width:480px;
}

.bottomTableContainer {
   margin-left:23px;
   margin-right:40px;
   width:472px;
}


/* Login screen changes */

.loginheader {
    border-bottom: solid 1px #0e3997;
    padding: 10px 20%;
    text-align: left; position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
	background: #FFF;

}
.loginheader img  {
    width: 145px;
    height: 52px;
}


#loginBoxes + td:nth-child(2), #loginBoxes + td:nth-child(2) { display: none; }
.mainContentContainer {      height: calc(100vh - 266px);
  margin-top: 75px;}
.loginlogo { position: absolute; left: 0; right: 0; top: 30px;}
/* #loginBoxes { background: #fff; padding: 20px 40px; box-shadow: 0 2px 6px #c7c7c7; border-radius: 5px;} */
#loginBoxes { background: #fff; padding: 20px 40px; }
.buttonLarge { width: 100%; background: #007f69; color: #fff; line-height: 35px; height: auto; font-size: 16px; font-weight: 500; text-transform: capitalize; border-radius: 4px;}
.mainContentArea td table tbody tr:nth-child(3) img { display: none; }
.loginboxbackground { background-color: #ffffff !important; width: 350px;}
.loginboxbackground table { width: 350px; }
table td { position: relative; }
/* .loginForm {position: absolute; left: -70px; border: none; background: #ffffff; padding: 10px; border-radius: 5px; box-shadow: 0 2px 4px #d4d4d4; width: 270px;} */
/* .boxheader { color: #007f69 !important; font-size: 18px !important; background-color: #ffffff !important; font-weight: 500 !important;  padding-bottom: 20px !important;} */
.fieldlabels  { width: 110px !important;}
.boxheader {
  font-size: 18px !important;
  background-color: #ffffff !important;
  font-weight: 500 !important;
  background: #0e3997 !important;
  color: #fff !important;
  line-height: 40px;
}


.buttonTag { width: 100% !important; }
.buttonTag .buttonLarge { width: 98%;
  border: none;
  background: #F3F3F3;
  padding: 2px 6px;
  color: #000;
  font-size: 18px !important;
  font-weight: 500 !important;
  height: auto;}

  .loginboxbackground input[type=text], .loginboxbackground input[type=password] { background: #ffffff;
    padding: 10px;
    border-radius: 2px;
    border: solid 1px #afafaf; width: 320px !important; }