@import url(default-display.css);
.modalInactiveBox {
  background-color: #000000;
  filter: alpha(opacity=40);
  -moz-opacity: .40; }

div.error {
  position: absolute;
  border: thin solid #9f2531;
  padding: 1px;
  background-color: #ffeabf;
  color: #9f2531;
  font-size: smaller;
  font-weight: bolder;
  font-style: italic;
  z-index: 100; }

/* Message Boxes */
div #messageBox {
  width: 95%;
  margin: auto; }

.cbox_messagebox_information, .cbox_messagebox_success, .cbox_messagebox_warning, .cbox_messagebox_error {
  font-size: 13px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 25px 0px 0px 55px;
  max-width: 700px;
  border-radius: 8px; }

div.cbox_messagebox_information {
  background: url(/sharedImages/backgrounds/msgInformationBG.gif) #e8edf1 no-repeat;
  color: #00527b;
  border: 2px solid #00517b; }

div.cbox_messagebox_warning {
  background: url(/sharedImages/backgrounds/msgWarningBG.gif) #feebdf no-repeat;
  color: #f15a29;
  border: 2px solid #f15b29; }

div.cbox_messagebox_error {
  background: url(/sharedImages/backgrounds/msgErrorBG.gif) #eedfda no-repeat;
  color: #9f2531;
  border: 2px solid #9f2531; }

div.cbox_messagebox_success {
  background: url(/sharedImages/backgrounds/msgSuccessBG.gif) #ebeee4 no-repeat;
  color: #30652f;
  border: 2px solid #659b48; }

div.cbox_messagebox_button {text-align: center;padding-bottom:.5em;}

.BackgroundWhite {
  background-color: #ffffff; }

.centerItalic {
  text-align: center;
  font-style: italic; }

.center {
  text-align: center; }

.Clear {
  clear: both; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

/* for IE/Mac */
.FloatLeft {
  float: left;
  /* border:solid thin pink; */ }

.FloatRight {
  float: right;
  /* border:solid thin gray; */ }

.hidden {
  visibility: collapse; }

.icon {
  cursor: hand;
  cursor: pointer; }

.italic {
  font-style: italic; }

.RowWhite {
  background-color: white; }

.RowWhiteAlt {
  background-color: #f1f1f2; }

.RowGray {
  background-color: #e8ecf7; }

.RowGrayAlt {
  background-color: #e2e4ed; }

.TinyText {
  font-size: 9px; }

.tinydiv {
  height: 3px; }

.visible {
  visibility: visible; }

.notActive {
  font-style: italic;
  color: #a0a0a0; }

table.display {
  border: 1px solid #E5E5E5; }

/* Provides padding within a fieldset */
.FieldSetSpacing {
  padding-top: 3px; }

/* Layout Header Text */
.HeaderText, a.HeaderText {
  font-weight: bold;
  font-size: 14px; }

/* Layout Footer Text */
.FooterTextSmall, .FooterTextMedium, .FooterTextLarge {
  text-align: center; }

.FooterTextSmall {
  font-size: 12px; }

.FooterTextMedium {
  font-size: 12px; }

.FooterTextLarge {
  font-size: 14px;
  font-weight: bold; }

.DocumentBounds {
  overflow: hidden;
  height: 395px; }

.VideoDescriptionBounds {
  overflow: hidden;
  height: 100px; }

.AudioDescriptionBounds {
  overflow: hidden;
  height: 100px; }

/***********************************************/
/*                Inline Boxes                 */
/***********************************************/
PlainLink,
a.PlainLink,
a:active.PlainLink,
a:visited.PlainLink {
  text-decoration: none; }

.BodyTextUnderline {
  text-decoration: underline; }

.tableHeading, .titlebox {
  font-weight: bold;
  font-size: 16px;
  padding-left: 5px;
  padding-right: 2px; }

/***********************************************/
/*               Admin Site Only               */
/***********************************************/
.toprow, .addEdit, .addEditOver, .bottomrow {
  background-image: url(//assets.nationalseminarstraining.com/assets/sharedImages/backgrounds/smallGreyGradientBG.gif);
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px; }

.tableHeading, .toprow, .addEdit, .bottomrow, .displayTable {
  /* Border With Top Left Light Source */
  border-left: white 1px solid;
  border-top: white 1px solid;
  border-right: gray 1px solid;
  border-bottom: gray 1px solid;
  margin: 5px; }

.tableHeadingText {
  font-weight: bold; }

.dataTableBody {
  border-left: gray 1px solid;
  border-right: gray 1px solid; }

.addEditOver, .addEdit:hover {
  /* Border With Bottom Right Light Source */
  border-left: gray 1px solid;
  border-top: gray 1px solid;
  border-right: white 1px solid;
  border-bottom: white 1px solid; }

.bodyTextBoldMedium {
  font-weight: bold;
  font-size: 14px; }

.bottomrow {
  height: 10px; }

.bodyText {
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif; }

/***********************************************/
/*                 Text Setup                  */
/***********************************************/
.TitleText {
  font-size: 18px;
  font-weight: bold;
  font-style: italic; }

.Title {
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  margin-bottom: 15px; }

.SuperTitleText {
  font-size: 22px;
  font-weight: bold;
  font-style: italic; }

.SuperTitle {
  font-size: 22px;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 10px; }

.SubTitleText {
  font-size: 14px;
  font-weight: bold; }

.SubTitleTextItalic {
  font-size: 14px;
  font-weight: bold;
  font-style: italic; }

.BodyTextBold {
  font-weight: bold; }

.BodyTextBoldItalic {
  font-weight: bold;
  font-style: italic; }

.MedTextBold {
  font-weight: bold;
  font-size: 14px; }

.SmallTextBold {
  font-weight: bold;
  font-size: 12px; }

.SmallText {
  font-size: 12px; }

.MedText {
  font-size: 14px; }

.LargeTextBold {
  font-weight: bold;
  font-size: 16px; }

.TinyTextBold {
  font-weight: bold;
  font-size: 10px; }

.TinyText {
  font-size: 10px; }

.BodyTextItalic {
  font-style: italic; }

.MedTextBoldItalic,
.DashedHeading {
  font-style: italic;
  font-weight: bold;
  font-size: 14px; }

a.Anchor {
  font-style: normal;
  font-weight: bold; }

a.AnchorBoldItalic {
  font-style: italic;
  font-weight: bold; }

.SubTextBoldItalic {
  font-style: italic;
  font-weight: bold;
  font-size: 10px; }

.EmphasisHeading {
  font-weight: bold;
  font-style: italic;
  font-size: 16px; }

.PageText {
  padding-left: 8px; }

/***********************************************/
/*           Squared Button Sections           */
/***********************************************/
.Button {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  border: none; }

/***********************************************/
/*              Pillbox Sections               */
/*    We should be able to get rid of these    */
/***********************************************/
.pillboxHeader {
  position: relative;
  margin: 0px;
  height: 25px; }

.pillboxBorder {
  border-width: 2px;
  border-style: solid; }

.pillboxTitleArea {
  position: absolute;
  top: 5px;
  display: inline; }

.pillboxTitleText {
  position: absolute;
  float: left;
  left: 10px;
  top: 1px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic; }

.pillboxSubTitleText {
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  font-style: italic;
  /* padding:5px; - shows up when it should not */ }

.pillboxBody {
  padding: 5px;
  /* Required see: http://www.complexspiral.com/publications/uncollapsing-margins/  override with padding in the style tag */ }

/***********************************************/
/*             Headerbox Sections              */
/***********************************************/
.podboxHeader {
  position: relative;
  margin: 0px;
  padding: 2px;
  height: 35px; }

.podboxTitleText {
  font-size: 20px;
  font-style: italic; }

/***********************************************/
/*             Headerbox Sections              */
/***********************************************/
.headerboxHeader {
  position: relative;
  margin: 0px;
  padding: 2px;
  height: 55px; }

.headerboxTitleArea {
  position: absolute;
  top: 5px;
  display: inline; }

.headerboxTitleText {
  position: absolute;
  float: left;
  left: 15px;
  top: 15px;
  right: 15px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic; }

.headerboxBody {
  padding: 5px;
  /* Required see: http://www.complexspiral.com/publications/uncollapsing-margins/ */ }

.headerboxFooter {
  height: 5px;
  line-height: 5px; }

/**********************************************
            Thin Header

.thinHeader {
    height:5px;
    line-height:5px;
}
.thinboxBody
{
    padding:5px;
    Required see: http://www.complexspiral.com/publications/uncollapsing-margins/  override with padding in the style tag
}
/***********************************************/
/*                 List Tables                 */
/***********************************************/
.CartDetailHeader {
  font-style: italic;
  height: 24px; }

.CartDetailHeaderCenter {
  font-style: italic;
  height: 24px;
  text-align: center; }

.CartDetailRow {
  width: 442px;
  height: 24px; }

/***********************************************/
/*                    Tabs                     */
/*    We should be able to get rid of these    */
/***********************************************/
.TabCrescent {
  position: relative;
  margin-bottom: 4px;
  padding: 2px;
  height: 6px; }

.TabTitleHolder {
  position: relative;
  float: left;
  display: block;
  top: -7px;
  left: 10px;
  z-index: 22;
  cursor: pointer; }

.TabRounder {
  margin: 0px;
  margin-top: 0px;
  overflow: hidden !important;
  position: relative;
  width: 100%; }

.Tab {
  font-size: 16px;
  line-height: 16px;
  height: 16px; }

/***********************************************/
/*                   Drawer                    */
/*    We should be able to get rid of these    */
/***********************************************/
.drawerTitleButton {
  position: absolute;
  left: 5px;
  top: 2px;
  float: left;
  display: inline; }

.drawerTitleText {
  position: absolute;
  float: left;
  left: 35px;
  top: 0px;
  font-size: 18px;
  font-style: italic; }

.drawerTitleHTML {
  position: absolute;
  right: 0px;
  top: 0px;
  display: inline;
  cursor: pointer; }

/************************************************/
/*                 Border Boxes                 */
/************************************************/
/* --- Moved to lh-styles.css -- */
/***********************************************/
/*                Floating Divs                */
/***********************************************/
.floatLeft {
  position: relative;
  float: left; }

.left33 {
  position: relative;
  float: left;
  width: 32%; }

.left15 {
  position: relative;
  float: left;
  width: 15%; }

.left20 {
  position: relative;
  float: left;
  width: 20%; }

.left66 {
  position: relative;
  float: left;
  width: 66%; }

.left25 {
  position: relative;
  float: left;
  width: 24%; }

.left70 {
  position: relative;
  float: left;
  width: 69%; }

.left50 {
  position: relative;
  float: left;
  width: 50%; }

.left75 {
  position: relative;
  float: left;
  width: 75%; }

.floatRight {
  position: relative;
  float: right; }

.right15 {
  position: relative;
  float: right;
  width: 15%; }

.right20 {
  position: relative;
  float: right;
  width: 18%; }

.right25 {
  position: relative;
  float: right;
  width: 25%; }

.right30 {
  position: relative;
  float: right;
  width: 29%; }

.right33 {
  position: relative;
  float: right;
  width: 33%; }

.right50 {
  position: relative;
  float: right;
  width: 49%; }

.right66 {
  position: relative;
  float: right;
  width: 66%; }

.right80 {
  position: relative;
  float: right;
  width: 80%; }

/************************************************/
/*               Format Templates               */
/************************************************/
.Content {
  position: relative;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
  z-index: 1; }

#ContentFloatingFooter {
  position: absolute;
  top: 450px;
  padding-top: 15px;
  padding-bottom: 15px;
  z-index: 2; }

.ContentFooter {
  width: 100%;
  border-top: dashed 1px;
  padding-top: 5px;
  margin-top: 15px; }

.ContentAction a {
  font-size: 12px;
  font-style: italic;
  font-weight: bold; }

.Content .SuperTitle {
  position: absolute;
  top: -30px; }

.Center {
  margin: auto;
  text-align: center; }

.Left {
  text-align: left; }

.Right {
  text-align: right; }

.Justify {
  text-align: justify; }

.fullHeight {
  height: 100%; }

.full100 {
  position: relative;
  float: left;
  width: 100%; }

.StandardMargin {
  margin: 10px; }

.CloseMargin {
  margin: 5px; }

.TightMargin {
  margin: 3px; }

.NoMargin {
  margin: 0px; }

.WideMargin {
  margin: 20px; }

.Width25 {
  width: 25%; }

.DisplayBlock {
  display: block; }

.DisplayInline {
  display: inline; }

.Relative {
  position: relative; }

.password {
  font-size: 12px;
  border: 1px solid #cc9933;
  /* Used for password Grading, do not move to the themes */
  width: 200px;
  font-family: arial, sans-serif; }

.pstrength-minchar {
  font-size: 10px; }

/* Images  */
.smallIcon {
  width: 18px;
  height: 18px;
  padding: 0px; }

.largeIcon {
  width: 33px;
  height: 33px; }

.centerIcon {
  display: block;
  margin: auto; }

.leftIcon {
  display: inline;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px; }

.leftImage {
  float: left;
  margin-right: 15px; }

.rightIcon {
  display: inline;
  float: right;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px; }

.hide {
  display: none;
  visibility: hidden; }

.titlebox {
  background-color: silver; }

.nowrap {
  white-space: nowrap; }

.inactive {
  font-style: italic;
  font-size: 10px;
  color: silver; }

.required {
  font: normal bold 1em Arial;
  color: #A02532;
  margin-right: 3px; }

.shadowed, .menu {
  -moz-box-shadow: 2px 2px 3px #969696;
  -webkit-box-shadow: 2px 2px 3px #969696;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
  box-shadow: 2px 2px 3px #969696;
  zoom: 1; }

/************************************************/
/*      Course/SCORM Player Static Colors       */
/************************************************/
.CompletedLCText,
a.CompletedLCText,
a.CompletedLCText:visited,
a.CompletedLCText:active {
  color: #52B24F; }

.InProgressLCText,
a.InProgressLCText,
a.InProgressLCText:visited,
a.InProgressLCText:active {
  color: #F15A29; }

.CurrentLCBG {
  background-color: #F15A29; }

.CurrentLCText,
a.CurrentLCText,
a.CurrentLCText:visited,
a.CurrentLCText:active {
  color: #FFFFFF; }

.NotAttemptedLCText,
a.NotAttemptedLCText,
a.NotAttemptedLCText:visited,
a.NotAttemptedLCText:active {
  color: #58595B; }

.RetakeRequiredLCText,
a.RetakeRequiredLCText,
a.RetakeRequiredLCText:visited,
a.RetakeRequiredLCText:active {
  color: #A02532; }

/************************************************/
/*            HTML List Manipulation            */
/************************************************/
/* structure classes */
.PlainList {
  padding: 0px;
  margin: 0px;
  /* IE7 accomodation, it uses margin on the list items  */
  list-style-type: none; }

.PlainList > li {
  position: relative;
  /* so we can position inside each list item element */
  /* hack to clear floating divs without extra markup.  TODO: move this to a structure class and not a style class. */
  overflow: hidden;
  width: auto;
  /* 100% works, will auto work to clear divs in all browsers?*/ }

.Box {
  /* Box is a container for other elements */
  position: relative;
  /* this clears floats without markup, works even in IE6.  See http://tjkdesign.com/articles/clearing-floats_and_block-formatting_context.asp */
  overflow: hidden;
  /*  */
  _overflow: visible;
  /*  */
  _overflow-x: hidden;
  /*  */
  _height: 0;
  /* gives hasLayout property, which will cause it to clear floats in IE6 */ }

.FixedColumn {
  float: right;
  margin-left: 10px;
  width: 100px;
  text-align: right; }

.FlexColumn {
  /* really long text in the FlexColumn will wrap around the text in the FixedColumn, need a way to fix that properly
   * for now I'll just put a margin on this to keep that from happening
   */
  margin-right: 220px;
  /* if change column widths you'll need to adjust this*/ }

.ContentListHeader .Thumb,
.ContentList .Thumb {
  float: left;
  width: 83px;
  margin-right: 10px; }

.ContentList .Thumb {
  height: 81px; }

.ContentListHeader .Icon,
.ContentList .Icon {
  float: left;
  width: 16px;
  margin-right: 10px; }

.Number {
  text-align: right; }

.ContentList .Detail li {
  margin-top: 5px; }

.ContentList > li {
  border-top-style: dashed;
  border-top-width: thin;
  padding: 15px; }

.ContentList > li:first-child {
  border-top: none; }

.ContentListHeader {
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  padding: 10px 10px 5px 10px; }

.FilterList .Title,
.ContentListHeader .Title,
.ContentList .Title {
  /* Overrides some Title class styles */
  font-size: 12px;
  border-bottom: none;
  margin-bottom: 0px; }

.FilterList > li {
  margin-bottom: 10px;
  position: relative; }

.FilterList > li > div {
  line-height: 1.5em;
  /* this vertically aligns the .SearchFilterListButton, input, and label in the middle of the line */ }

.FilterList .FilterList {
  /* indent each level of FilterList */
  margin-left: 30px; }

.FilterList .FilterList > li {
  margin-bottom: 0px; }

.FilterList .SearchFilterListButton {
  width: 16px;
  text-align: center;
  margin: 0px 1px;
  cursor: pointer; }

.FilterList input {
  display: inline-block; }

.FilterList label {
  vertical-align: middle; }

/* Shopping Cart styles*/
#Cart #UpsellBanner {
  margin-bottom: 10px; }

/* table style*/
#CartProduct,
.CartPerson {
  table-layout: fixed;
  /* supposed to help rendering speed */ }

#CartProduct .EditLink,
.CartPerson .EditLink {
  font-weight: normal; }

.CartPerson .or {
  position: absolute;
  right: 108px; }

/* row style*/
#CartProduct .Title td,
.CartPerson .Title td {
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 12px;
  white-space: nowrap; }

#CartProduct .Details td,
.CartPerson .Details td {
  padding-top: 5px;
  padding-bottom: 5px; }

#CartProduct .Subtotal td,
.CartPerson .Subtotal td {
  border-top-style: dashed;
  border-top-width: 1px;
  font-weight: bold;
  font-style: italic;
  padding-top: 5px;
  padding-bottom: 10px;
  vertical-align: top;
  white-space: nowrap; }

/* column style*/
#CartProduct .Thumb,
.CartPerson .Thumb {
  vertical-align: top;
  padding: 10px; }

#CartProduct .Badge,
.CartPerson .Badge {
  vertical-align: middle;
  padding: 10px;
  text-align: center; }

#Cart .Description,
#CartProduct .Description,
.CartPerson .Description {
  width: 100%;
  text-align: left;
  padding-right: 10px; }

#CartProduct .Text,
.CartPerson .Text {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px; }

#CartProduct .Number,
.CartPerson .Number {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px; }

#CartProduct .Dollar,
.CartPerson .Dollar {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top; }

.CartPerson .Title .YourOrder {
  border-top-style: solid;
  border-top-width: 1px; }

.CartPerson .Title .Offer {
  border-top-style: solid;
  border-top-width: 1px; }

.CartPerson .YourOrder {
  border-left-style: solid;
  border-left-width: 1px; }

.CartPerson .Offer {
  border-right-style: solid;
  border-right-width: 1px;
  width: 100px;
  /* the offer column has to be a fixed width because we are absolutely positioning the or_icon onto the border between the columns. */ }

.CartPerson .Subtotal .YourOrder {
  border-bottom-style: solid;
  border-bottom-width: 1px; }

.CartPerson .Subtotal .Offer {
  border-bottom-style: solid;
  border-bottom-width: 1px; }

#Cart #CartTotal {
  margin-top: 10px;
  font-weight: bold;
  font-style: italic;
  font-size: 16px; }

#Cart #CartTotal .Label {
  width: 100%;
  text-align: right; }

#Cart #CartTotal .Dollar {
  text-align: right;
  padding-left: 30px;
  padding-right: 10px; }

/* ================= Styles for Results List ================= *\

.BetweenSelects {
    padding: 0 15px;
    line-height: 18px;
}

.NarrowResults {
    border-bottom: 1px dashed;
}

.NarrowResults span,
.NarrowResults input,
.NarrowResults select,
.NarrowResults .btnSquared {
    float: left;
}

.NarrowResults .btnSquared .btnSquared {
    float: none;
}
.SubformatsHeader {
    border-bottom-style: dashed;
    border-bottom-width: thin;
    border-top: 1px solid #9B9C9D;
    padding: 10px;
    margin-top: -1px; /* This is a hack *\
}
.SubformatsHeader label {
    margin-right: 10px;
}




                    MOVED TO LH-STYLES.CSS

\* ========================================================== */
/****************************************************/
/*                     tooltip                      */
/****************************************************/
.tooltip {
  position: relative;
  z-index: 24999; }

.tooltip span {
  display: none;
  z-index: 25000; }

.tooltip:hover span {
  display: block;
  position: absolute;
  width: 140px;
  bottom: 20px;
  left: 0px;
  border: 1px solid #aaa;
  padding: 5px;
  font-size: 12px;
  text-align: left;
  border-radius: 4px;
  box-shadow: 2px 2px 5px #333; }

/* *************************************************************
Included here are any additional styles that were necessary for
the new layout but not included in the existing style sheets

        * Styles Table of Contents *

        1 Resets
        2 Base
        3 Page Based Defaults
            3.1 ProductContent
            3.2 PrimaryInfo

****************LH******************************************* */
/* ========================= Resets ========================  */
.ProductContent *, .ResultsColumn * {
  margin: 0;
  padding: 0; }

/* ========================== Base =========================  */
html, body {
  height: 100%; }

html {
  overflow-y: scroll;
  /* to prevent page shifting due to minimal content */ }

body {
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%; }

img {
  border: 0px; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; }

sup {
  vertical-align: text-top;
  position: relative;
  font-size: 60%; }

form {
  padding: 0px !important;
  margin: 0px !important; }

fieldset {
  margin-right: 0;
  margin-left: 0; }

fieldset, legend {
  padding-left: 0;
  padding-right: 0; }

button {
  /* since buttons are form elements, they do not inherit font settings by default */
  font-family: inherit;
  font-size: inherit;
  margin-bottom: 0;
  margin-top: 0; }

.IE7 button {
  overflow: visible;
  /* ie7 padding bug fix */ }

button, input[type="button"], input[type="submit"] {
  cursor: pointer; }

input:focus {
  outline: none; }

input.error {
  border: 2px groove #A02532;
  /* Errors are always red */ }

li > input[type="radio"], li > input[type="checkbox"] {
  margin: 1px 0; }

textarea {
  font-family: inherit;
  /* fixes font-family issue in FF */ }

div:focus {
  outline: none; }

label {
  /* If this blows up other pages, we can remove it */
  margin: 0 5px; }

caption {
  overflow: auto; }

th {
  text-align: inherit;
  /* ie8 doesn't seem to allow th's to inherit their ancestors text-align properties */ }

/* ===================== Page Based Defaults (Legacy) ====================  */
/* ----------- .ProductContent -----------*/
.ProductInfo p, .ProductInfo li, .ProductInfo blockquote, .ProductInfo q {
  font-size: 14px;
  margin: 5px 0;
  line-height: 18px; }

.ProductInfo ol, .ProductInfo ul {
  padding-left: 20px; }

.ProductInfo blockquote, .ProductInfo q {
  font-family: Georgia; }

.ProductInfo blockquote, .ProductInfo q, .ProductInfo cite {
  font-style: italic; }

.ProductInfo blockquote:before, .ProductInfo blockquote:after,
.ProductInfo q:before, .ProductInfo q:after {
  content: ""; }

.ProductInfo blockquote, .ProductInfo q {
  quotes: "" "";
  font-family: Georgia; }

.ProductInfo input {
  margin: 5px 0 5px 10px; }

.ProductInfo label {
  margin-left: 5px; }

.ProductInfo table {
  margin-bottom: 10px;
  margin-top: 5px; }

.ProductInfo caption, .ProductInfo td, .ProductInfo th, .ProductInfo cite {
  font-size: 14px;
  line-height: 16px;
  padding: 5px; }

.ProductContent h1 {
  font-size: 26px; }

.ProductContent h2 {
  font-size: 22px; }

.ProductContent h3 {
  font-size: 20px; }

.ProductContent h4 {
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase; }

.ProductContent h5 {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase; }

.ProductContent h6 {
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase; }

.pricing__amount {
  font-size: 20px;
  font-weight: bold; }

.pricing__details {
  margin-top: 0; }

/* ------------ .PrimaryInfo -------------*/
.PrimaryInfo p, .PrimaryInfo li, .PrimaryInfo blockquote, .PrimaryInfo q {
  font-size: 16px;
  line-height: 20px; }

.PrimaryInfo h1, .PrimaryInfo h2, .PrimaryInfo h5, .PrimaryInfo h6 {
  margin-top: 3px; }

/* ==========================================================================
    Contents
    ========================================================================== */
/**
 * NOTE: Color declarations go in 'skin.css.cfm'
 *
 * Contents (You are here)
 * Utilities
 * Layout
 *  Layout Helpers
 *  Semantic Regions
 *  Grids
 * Modules
 * States
 * Themes
 * Plugins
 * Legacy
 *  Product Page
 *  Table of Contents Page
 *      TOC Layout & Modules
 *      Cert Alert
 *  Search Results Page
 *      Results List
 *      Sort Options
 *      Lower Search Bar
 *      Tabs
 * Legacy Helpers
 * IE Support
 */
/* ==========================================================================
    Utilities
    ========================================================================== */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 *
 * Use the @extend directive in classes containing floats.
 * http://blog.teamtreehouse.com/a-better-clearfix-with-sass
 * E.g.,
 *
   .container {
    ...
    @extend .cf;
   }
 *
 * TODO: Replace our legacy .clearfix and its variations.
 */
.cf:before, .l-row:before, .l-site-header--closed:before, .form--login__ftr:before, .dashboard-nav--user:before, .dashboard-search:before, .dashboard-sect-hdr:before, .cf:after, .l-row:after, .l-site-header--closed:after, .form--login__ftr:after, .dashboard-nav--user:after, .dashboard-search:after, .dashboard-sect-hdr:after {
  content: "";
  /* 1 */
  display: table;
  /* 2 */ }
.cf:after, .l-row:after, .l-site-header--closed:after, .form--login__ftr:after, .dashboard-nav--user:after, .dashboard-search:after, .dashboard-sect-hdr:after {
  clear: both; }

.fixed-width-mobile {
  max-width: 100%;
  overflow-x: auto; }
  .fixed-width-mobile > * {
    min-width: 940px;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }

.pull-r {
  float: right; }

.pull-l {
  float: left; }

/**
 * For responsive, scaling images.
 */
.scale {
  width: 100%;
  height: auto; }

/*
 * Borrowed from Bootstrap
 * http://getbootstrap.com/css/#tables
 */
@media (max-width: 65em) {
  .table-mobile {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }
/* ==========================================================================
    Layout
    ========================================================================== */
/* Layout Helpers
    ========================================================================== */
/**
 * A '.l-col-' has top/bottom padding only.
 * Safe for use with '.grid-(n)' classes
 *
 * CAUTION: These styles to be deprecated
 *
 * TODO:
 * 1. Consider converting these to base modules
 */
.l-row-cls {
  padding: 5px 0; }

.l-row-std {
  padding: 10px 0; }

.l-row-wd {
  padding: 20px 0; }

.l-row-xtr {
  padding: 30px 0; }

/**
 * A '.l-col-' has right/left padding only.
 * Will conflict with '.grid-(n)' classes
 *
 * CAUTION: These styles to be deprecated
 *
 * TODO:
 * 1. Consider converting these to base modules
 */
.l-col-cls {
  padding: 0 5px; }

.l-col-std {
  padding: 0 10px; }

.l-col-wd {
  padding: 0 20px; }

.l-col-xtr {
  padding: 0 30px; }

/**
 * A '.l-box-' has full padding.
 * Will conflict with '.grid-(n)' classes
 *
 * CAUTION: These styles to be deprecated
 *
 * TODO:
 * 1. Consider converting these to base modules
 */
.l-box-no {
  padding: 0; }

.l-box-cls {
  padding: 5px; }

.l-box-std {
  padding: 10px; }

.l-box-wd {
  padding: 20px; }

.l-box-xtr {
  padding: 30px; }

/**
 * CAUTION: These styles to be deprecated
 *
 * TODO:
 * 1. Consider converting these to Utility classes
 * 2. Will require renaming
 */
.l-inline {
  float: left;
  display: inline-block; }

.l-inline-ext {
  float: right;
  display: inline-block; }

.l-inline-null {
  display: inline-block; }

/* Grids
    ========================================================================== */
/**
 * CAUTION: These styles to be deprecated
 *
 * TODO:
 * 1. Replace with '.l-col--1of2'
 */
.col-half {
  float: left;
  width: 47%; }

.col-half:first-child {
  margin-right: 6%; }

.l-row {
  margin-right: -1em;
  margin-left: -1em; }

.l-row * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.l-col {
  float: left;
  padding-right: 1em;
  padding-left: 1em;
  position: relative;
  min-height: 1px; }

/* Reverses Layout
   ========================================================================== */
.l-col--r {
  float: right; }

/* No Gutter Layout
   ========================================================================== */
.l-col--no-gutter {
  padding-left: 0;
  padding-right: 0; }

/* Wide Gutter Layout
   ========================================================================== */
/**
 * 1. Needs to be regression tested before activating.
 */
.l-col--gutter-wd {
  padding-left: 2em;
  /* padding-right: 2em; */
  /* 1 */ }

/* 1-Column Layout
   ========================================================================== */
.l-col--1of1 {
  width: 100%; }

/* 2-Column Layout
   ========================================================================== */
.l-col--1of2 {
  width: 50%; }

.l-col--2of2 {
  width: 100%; }

/* 3-Column Layout
   ========================================================================== */
.l-col--1of3 {
  width: 33.333333333%; }

.l-col--2of3 {
  width: 66.66666666%; }

.l-col--3of3 {
  width: 100%; }

/* 4-Column Layout
   ========================================================================== */
.l-col--1of4 {
  width: 25%; }

.l-col--2of4 {
  width: 50%; }

.l-col--3of4 {
  width: 75%; }

.l-col--4of4 {
  width: 100%; }

/* 5-Column Layout
   ========================================================================== */
.l-col--1of5 {
  width: 20%; }

.l-col--2of5 {
  width: 40%; }

.l-col--3of5 {
  width: 60%; }

.l-col--4of5 {
  width: 80%; }

.l-col--5of5 {
  width: 100%; }

/* 6-Column Layout
   ========================================================================== */
.l-col--1of6 {
  width: 16.666666666%; }

.l-col--2of6 {
  width: 33.333333333%; }

.l-col--3of6 {
  width: 50%; }

.l-col--4of6 {
  width: 66.66666666%; }

.l-col--5of6 {
  width: 83.333333333%; }

.l-col--6of6 {
  width: 100%; }

/* 8-Column Layout
   ========================================================================== */
.l-col--1of8 {
  width: 12.5%; }

.l-col--2of8 {
  width: 25%; }

.l-col--3of8 {
  width: 37.5%; }

.l-col--4of8 {
  width: 50%; }

.l-col--5of8 {
  width: 62.5%; }

.l-col--6of8 {
  width: 75%; }

.l-col--7of8 {
  width: 87.5%; }

.l-col--8of8 {
  width: 100%; }

/* Column States
   ========================================================================== */
@media (max-width: 55em) {
  [class*='l-col--'] {
    width: 100%; } }
/* 2-Column Push
   ========================================================================== */
.l-push--1of2 {
  margin-left: 50%; }

/* 3-Column Push
   ========================================================================== */
.l-push--1of3 {
  margin-left: 33.333333333%; }

.l-push--2of3 {
  margin-left: 66.66666666%; }

/* 4-Column Push
   ========================================================================== */
.l-push--1of4 {
  margin-left: 25%; }

.l-push--2of4 {
  margin-left: 50%; }

.l-push--3of4 {
  margin-left: 75%; }

/* 5-Column Push
   ========================================================================== */
.l-push--1of5 {
  margin-left: 20%; }

.l-push--2of5 {
  margin-left: 40%; }

.l-push--3of5 {
  margin-left: 60%; }

.l-push--4of5 {
  margin-left: 80%; }

/* 6-Column Push
   ========================================================================== */
.l-push--1of6 {
  margin-left: 16.666666666%; }

.l-push--2of6 {
  margin-left: 33.333333333%; }

.l-push--3of6 {
  margin-left: 50%; }

.l-push--4of6 {
  margin-left: 66.66666666%; }

.l-push--5of6 {
  margin-left: 83.333333333%; }

/* 8-Column Push
   ========================================================================== */
.l-push--1of8 {
  margin-left: 12.5%; }

.l-push--2of8 {
  margin-left: 25%; }

.l-push--3of8 {
  margin-left: 37.5%; }

.l-push--4of8 {
  margin-left: 50%; }

.l-push--5of8 {
  margin-left: 62.5%; }

.l-push--6of8 {
  margin-left: 75%; }

.l-push--7of8 {
  margin-left: 87.5%; }

.l-push--8of8 {
  margin-left: 100%; }

/* Column Push States
   ========================================================================== */
@media (max-width: 55em) {
  [class*='l-push--'] {
    margin-left: 0; } }
/* 2-Column Pull
   ========================================================================== */
.l-pull--1of2 {
  margin-right: 50%; }

/* 3-Column Pull
   ========================================================================== */
.l-pull--1of3 {
  margin-right: 33.333333333%; }

.l-pull--2of3 {
  margin-right: 66.66666666%; }

/* 4-Column Pull
   ========================================================================== */
.l-pull--1of4 {
  margin-right: 25%; }

.l-pull--2of4 {
  margin-right: 50%; }

.l-pull--3of4 {
  margin-right: 75%; }

/* 5-Column Pull
   ========================================================================== */
.l-pull--1of5 {
  margin-right: 20%; }

.l-pull--2of5 {
  margin-right: 40%; }

.l-pull--3of5 {
  margin-right: 60%; }

.l-pull--4of5 {
  margin-right: 80%; }

/* 6-Column Pull
   ========================================================================== */
.l-pull--1of6 {
  margin-right: 16.666666666%; }

.l-pull--2of6 {
  margin-right: 33.333333333%; }

.l-pull--3of6 {
  margin-right: 50%; }

.l-pull--4of6 {
  margin-right: 66.66666666%; }

.l-pull--5of6 {
  margin-right: 83.333333333%; }

/* 8-Column Pull
   ========================================================================== */
.l-pull--1of8 {
  margin-right: 12.5%; }

.l-pull--2of8 {
  margin-right: 25%; }

.l-pull--3of8 {
  margin-right: 37.5%; }

.l-pull--4of8 {
  margin-right: 50%; }

.l-pull--5of8 {
  margin-right: 62.5%; }

.l-pull--6of8 {
  margin-right: 75%; }

.l-pull--7of8 {
  margin-right: 87.5%; }

.l-pull--8of8 {
  margin-right: 100%; }

/* Column Pull States
   ========================================================================== */
@media (max-width: 55em) {
  [class*='l-pull--'] {
    margin-right: 0; } }
/* Semantic Regions
    ========================================================================== */
/**
 * CAUTION: This style to be deprecated
 *
 * TODO:
 * 1. Converting this to a Module classe
 * 2. Should be a sub-component to a structural class
 * 2. Will require renaming
 */
.l-header {
  overflow: auto;
  width: 100%; }

/**
 * TODO:
 * 1. Complete above task first
 * 2. Rename to '.l-header' for site header
 */
.l-site-header {
  border-width: 0px;
  border-style: solid;
  border-top-width: 4px; }

.l-site-header--closed {
  padding: 10px 20px 1em 20px; }

.l-branding {
  float: left; }

.l-contact {
  padding-top: 15px;
  float: right; }

.l-container {
  overflow: auto; }

.l-foot-xtr {
  height: 45px;
  margin: 30px;
  text-align: center; }

.l-content-wrapper {
  border-style: solid;
  border-width: 1px;
  position: relative;
  overflow-x: hidden; }

.l-sidebar {
  height: 100%;
  right: 0;
  position: absolute; }

@media (max-width: 55em) {
  .l-sidebar {
    position: relative; } }
.l-auxiliary {
  float: left;
  margin-right: 20px;
  margin-top: 1.5em;
  width: 200px; }

.l-pertinent {
  float: left;
  width: 100%; }

.l-auxiliary + .l-pertinent {
  width: 410px; }

/* ==========================================================================
    Modules
    ========================================================================== */
.box-no {
  border: none; }

.box-basic {
  border-width: 1px;
  border-style: solid; }

.subsection {
  border-style: none;
  border-top-width: 1px;
  border-top-style: dashed; }

/**
 * Intentionally scoped to <hr />
 */
hr.subsection {
  width: 96%;
  margin: 0 2%; }

/**
 * Typographic styles.
 * For use with display text (e.g., headings, callouts, etc.)
 */
.disp-1 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1; }

.disp-2 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1; }

.disp-3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1; }

.disp-3-ext {
  text-transform: uppercase; }

.disp-4 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1; }

.disp-5 {
  font-size: 12px;
  font-weight: bold;
  line-height: 1; }

.disp-1,
.disp-2,
.disp-3,
.disp-4,
.disp-5 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0; }

.disp-block {
  display: block; }

/**
 * Typographic styles.
 * For use with body text.
 */
.txt-1 {
  font-size: 30px;
  font-weight: normal; }

.txt-2 {
  font-size: 22px;
  font-weight: normal; }

.txt-3 {
  font-size: 16px;
  font-weight: normal; }

.txt-4 {
  font-size: 14px;
  font-weight: normal; }

.txt-5 {
  font-size: 12px;
  font-weight: normal; }

.txt-r {
  text-align: right; }

.txt-l {
  text-align: left; }

.txt-c {
  text-align: center; }

.txt-u {
  text-decoration: underline; }

.txt-tight {
  margin-bottom: 0;
  margin-top: 0; }

.info {
  overflow: auto; }

.info > *,
.info__h {
  margin: 0 0 .5em 0; }

.info > p,
.info__bd {
  margin: 0 0 1em 0; }

/**
 * This module creates the typical label/item pairs often needed for additional
 * product/event info. The <dl> is the most semantically appropriate.
 * E.g.,
 *
  <dl class="info info--meta">
        <dt>Hotel:</dt>
        <dd>Marriot Plaza</dd>
    </dl>
 *
 */
.info--meta > dt,
.info--meta > dd {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%; }

.info--meta > dt {
  font-weight: bold;
  text-align: right; }

.info--meta > dd {
  padding-left: 1em; }

/* ==========================================================================
   List Module
   ========================================================================== */
/**
 * This module is for extended use of the 'ul' or 'ol'
 * Removes default styles from UA
 * Add a Modifier to extend the base class '.list'
 */
/* List Base
   ========================================================================== */
.list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none; }

.list > li {
  margin-bottom: 10px; }

/* List Row * List Util
   ========================================================================== */
.list-row > li,
.list-util > li {
  float: left;
  display: inline-block;
  margin-bottom: 0;
  /* test this within the prototypes */ }

.list-row > li {
  padding: 10px 10px 0 10px;
  /* test this within the prototypes */ }

.list-util > li {
  padding: 0 5px 0 0; }

/* List Nest
   ========================================================================== */
.list-nest > li {
  margin: 5px 0 5px 10px; }

.list-nest > li > a {
  padding-right: 5px; }

/* List Rule
   ========================================================================== */
.list-rule > li {
  padding: 10px;
  border-left-width: 1px;
  border-left-style: solid; }

.list-rule > li:first-child {
  border-left: none; }

/* List Page Util
   ========================================================================== */
.list-page-util img {
  vertical-align: middle; }

.list-page-util > li {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  margin-bottom: 0;
  margin-right: o; }

.list-page-util > li > a {
  display: block;
  padding: 15px; }

/* List Hours
   ========================================================================== */
/**
 * Secondary Modifier
 * More specific to the instance of use
 */
.list-hours {
  font-size: 16px;
  margin-right: 10px; }

.list-hours > li {
  margin-bottom: 5px; }

/* ==========================================================================
   Icon Module
   ========================================================================== */
/* Icon Base
   ========================================================================== */
.ico {
  display: inline-block;
  line-height: 0;
  vertical-align: top; }

/* Ico-14
   ========================================================================== */
.ico-14 {
  background: url("//assets.nationalseminarstraining.com/master/iconset/ico-14.png") no-repeat;
  height: 14px;
  width: 14px; }

.ico-collapsed {
  background-position: 0 0; }

.ico-expanded {
  background-position: 0 -14px; }

.ico-unassigned {
  background-position: 0 -28px; }

/* Ico-16
   ========================================================================== */
.ico-16 {
  background: url("//assets.nationalseminarstraining.com/master/iconset/ico-16.png") no-repeat;
  height: 16px;
  margin-right: 3px;
  width: 16px; }

.ico-refresh {
  background-position: 0 0; }

.ico-refresh-d {
  background-position: -16px 0; }

.ico-delete {
  background-position: 0 -16px; }

.ico-delete-d {
  background-position: -16px -16px; }

.ico-print {
  background-position: 0 -32px; }

.ico-pdf {
  background-position: 0 -48px; }

.ico-excel {
  background-position: 0 -64px; }

.ico-edit {
  background-position: 0 -80px; }

.ico-edit-d {
  background-position: -16px -80px; }

.ico-check {
  background-position: 0 -96px; }

.ico-loading {
  background-image: url("//assets.nationalseminarstraining.com/master/iconset/loading-new.gif");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain; }

.ico-user {
  background-position: 0 -112px; }

.ico-user-d {
  background-position: -16px -112px; }

.ico-down {
  background-position: 0 -144px; }

.ico-down-d {
  background-position: -16px -144px; }

.ico-up {
  background-position: 0 -160px; }

.ico-up-d {
  background-position: -16px -160px; }

.ico-add {
  background-position: 0px -176px; }

.ico-add-d {
  background-position: -16px -176px; }

.ico-report {
  background-position: 0 -128px; }

.ico-report-d {
  background-position: -16px -128px; }

.ico-copy {
  background-position: 0 -192px; }

.ico-copy-d {
  background-position: -16px -192px; }

.ico-view {
  background-position: 0 -208px; }

.ico-view-d {
  background-position: -16px -208px; }

.ico-fav {
  background-position: 0 -224px; }

.ico-fav-d {
  background-position: -16px -224px; }

.ico-play {
  background-position: 0 -240px; }

.ico-play-d {
  background-position: -16px -240px; }

.ico-subout {
  background-position: 0 -256px; }

.ico-subout-d {
  background-position: -16px -256px; }

.ico-error {
  background-position: 0 -272px; }

.ico-error-d {
  background-position: -16px -272px; }

/* Ico-32
   ========================================================================== */
.ico-32 {
  background-size: 32px 32px;
  height: 32px;
  width: 32px; }

/* Ico-48
   ========================================================================== */
.ico-48 {
  background-size: 48px 48px;
  height: 48px;
  width: 48px; }

/* Ico-NO
   ========================================================================== */
/**
 * IMPORTANT: This Rule must fall below all other .ico- classes
 */
.ico-no {
  background-image: none; }

.userfield {
  margin-top: 0;
  margin-bottom: 0;
  padding: 9px 5px;
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  font-weight: bold; }

.userfield:focus {
  border-style: solid;
  outline: none; }

.userfield-full {
  width: 96%;
  padding-right: 2%;
  padding-left: 2%; }

.userfield-inline {
  padding: 5px;
  width: 100%; }

/**
 * 1. To align with <label>
 * 2. Sets a min-height standard
 */
.userfield-area {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  vertical-align: top;
  /* 1 */
  min-height: 60px;
  /* 2 */
  height: 60px; }

.userfield-select {
  padding: 5px; }

@media (max-width: 55em) {
  .userfield {
    margin-bottom: 1em; } }
/**
 * Confirmation Dialog Box
 */
.dialog-username {
  font-weight: bold; }

.dialog-group {
  font-style: italic; }

/**
 * This has to be specific for the UI.
 */
.transfer {
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  float: left;
  margin-top: 10px;
  position: relative;
  width: 430px; }

.transfer-row {
  margin-bottom: 20px;
  margin-top: 0; }

.transfer-pod {
  height: 260px;
  font-size: 14px;
  overflow-y: scroll;
  padding: 5px 0; }

.transfer-ctrl {
  float: left;
  display: inline-block;
  min-height: 120px;
  padding-top: 120px;
  margin: 0 18px;
  width: 40px; }

.transfer-btn {
  width: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  font-size: 20px;
  font-weight: bold;
  line-height: 1; }

/* ==========================================================================
   Data Module | For Styling Tables
   ========================================================================== */
/* .data | Base Class
   ========================================================================== */
.data {
  width: 100%;
  font-size: 14px;
  text-align: left;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-collapse: collapse;
  border-spacing: 0; }

.data caption {
  text-align: left; }

.data th,
.data td {
  max-width: 150px;
  padding: 10px; }

/**
 * Removes padding for nested tables, etc.
 */
.data .data__none {
  padding: 0; }

.data + .data {
  margin-top: 20px; }

/* .data-total | Sub-Class
   ========================================================================== */
/**
 * TODO: Refactor namespace with '--' syntax.
 */
.data-total {
  font-weight: bold; }

/* .data-sort | Sub-Class
   ========================================================================== */
/**
 * TODO: Refactor namespace with '--' syntax.
 */
.data-sort th:hover {
  cursor: pointer; }

/* .data--tool | Sub-Class
   ========================================================================== */
/**
 * NOTE: Color declarations in 'skin.css.cfm'.
 *
 * TODO:
 * 1. Move these declarations to the '.data' base class.
 * 2. Refactor of older views containing the '.data' base class.
 * 3. Use the sub-class '.data--tool' for skinning only.
 * 4. This is for the substituting of a user and adding them below the user they substituted in the same row (tr).
 */
.data--tool {
  border-style: solid;
  border-width: 1px; }

.data--tool > caption {
  padding: .7em; }

.data--tool > thead {
  border-bottom-style: dashed;
  border-bottom-width: 1px; }

/**
 * 1. Fallback for IE8 (doesn't support :nth-child)
 */
.data--tool tr {
  border-top-style: solid;
  /* 1 */
  border-top-width: 1px;
  /* 1 */ }

.data--tool tr:first-child {
  border-top: none;
  /* 1 */ }

.data--tool td {
  vertical-align: bottom;
  /* 4 */ }

/* .data--report | Sub-Class
   ========================================================================== */
.data--report {
  table-layout: fixed; }

/**
 * 1. Remove bottom border for nested report tables
 */
.data--report .data--report {
  border-bottom: none;
  /* 1 */ }

/* .data-input | Sub-Class
   ========================================================================== */
/**
 * TODO: Refactor namespace with '--' syntax.
 */
.data-input th:first-child,
.data-input td:first-child {
  padding-right: 0; }

/* .data--results | Sub-Class
   ========================================================================== */
.data--results {
  border-style: solid;
  border-width: 1px;
  border-top: none; }

.data--results caption {
  font-weight: normal;
  padding-right: 33%;
  text-transform: none; }

.data--results th {
  padding-bottom: 2em; }

.data--results th,
.data--results td {
  border-left-style: solid;
  border-left-width: 1px;
  vertical-align: text-top; }

.data--results th:first-child,
.data--results td:first-child {
  border-left: none; }

.menu {
  margin: 0 auto; }

.menu > li:last-child {
  padding-right: 0; }

.menu__sec {
  float: left;
  padding: 0 2em;
  border-left-width: 1px;
  border-left-style: dashed; }

.menu__sec:first-child {
  border-left: none; }

.menu__sec h4 {
  margin: 0; }

.menu__sec > img {
  margin-right: 5px; }

.menu-full {
  width: 100%;
  margin-bottom: 10px; }

/**
 * 1. Allows for centering of <li>s
 */
.wizard {
  display: table;
  /* 1 */
  margin: 0 auto; }

.wizard-wrap {
  height: 80px; }

.wizard-step {
  display: inline-block;
  height: 20px;
  width: 20px;
  padding: 12px;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  box-sizing: content-box; }

.list-wiz {
  padding-top: 20px;
  text-align: center; }

.list-wiz > li {
  display: inline-block;
  margin: 0 10px; }

@media (max-width: 55em) {
  .wizard-step {
    height: 1.2em;
    width: 1.2em;
    padding: .8em;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.2em; } }
.msg {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.5;
  clear: left; }

.msg-box {
  text-align: center;
  margin: 0; }

.msg-tip {
  font-size: 12px;
  font-style: italic; }

.msg-reqd {
  position: absolute;
  top: -2.2em;
  right: 2em; }

.content-hdr {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  padding-bottom: 5px;
  padding-left: 20px;
  position: relative; }

.content-h {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  text-transform: uppercase; }

.triangle {
  width: 0;
  height: 0; }

.triangle-up {
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: transparent;
  border-right-width: 6px;
  border-right-style: solid;
  border-right-color: transparent;
  /**
   * This makes the triangle
   */
  border-bottom-width: 4px;
  border-bottom-style: solid;
  /* border-bottom-color left open for skin class */
  border-left-width: 6px;
  border-left-style: solid;
  border-left-color: transparent; }

/**
 * Intentionally coupled to '.content-hdr' for positioning
 */
.content-hdr .triangle {
  position: absolute;
  left: 20px;
  bottom: 0;
  /* for centering */ }

.question,
.question-counter {
  font-size: 16px;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px; }

.question-counter {
  font-weight: bold;
  float: left;
  width: 5%; }

.question-counter + .question {
  float: left;
  width: 95%; }

.question > dt,
.question > dd {
  margin-bottom: 1em; }

.question > dt {
  font-weight: bold; }

.question > dd {
  margin-left: 0; }

/**
 * Kills the additional whitespace of dual margins created by child elements of <dd>s
 * Accounts for the <dd>s own margin-bottom set by the '.question' module.
 */
.question > dd + dd > * {
  margin-top: 0; }

.question select {
  font-size: .95em; }

.question-rate {
  float: left; }

.question-rate > table {
  width: 100%; }

.question-rate th {
  font-size: .8em;
  font-weight: normal;
  padding: 0 5px;
  white-space: nowrap;
  /* keeps table headers on a single line */ }

.question-rate td {
  padding: .5em 0; }

.question-rate-single {
  margin-top: -1.5em; }

.question-callout {
  border-radius: 3px;
  display: table;
  /* 1 */
  margin: 0 auto;
  /* 2 */
  padding: .5em .75em; }

.question-callout > dt,
.question-callout > dd {
  display: inline-block;
  margin-bottom: 0; }

.question-callout > dd {
  margin-left: .75em; }

.section {
  border-top-width: 1px;
  border-top-style: solid; }

.section-h {
  display: block; }

.logo {
  float: left;
  padding: 10px 0px 0px 35px; }

.search-box {
  text-align: right;
  padding: 10px 30px 0px 0px; }

.user-details {
  float: right;
  padding: 0px 5px 0px 0px;
  text-align: right; }

/**
 * tabs-flex is intended to be used for automatically adjusting the height of jquery ui tabs
 * Example:
 * <div class="tabs-flex">
 *   <ul>
 *     <li><a href="#tab1">Item 1</a></li>
 *     <li><a href="#tab2">Item 2</a></li>
 *   </ul>
 *  <div id="tab1"></div>
 *  <div id="tab2"></div>
 * </div>
 */
.tabs-flex {
  display: table;
  width: 100%; }
  .tabs-flex > ul, .tabs-flex > ol {
    display: table-row; }
    .tabs-flex > ul > li, .tabs-flex > ol > li {
      border-right-color: #fff;
      border-right-style: solid;
      border-right-width: 1px;
      display: table-cell;
      float: none !important;
      padding: 0 !important;
      text-align: center;
      vertical-align: middle;
      white-space: normal !important; }
      .tabs-flex > ul > li:last-child, .tabs-flex > ol > li:last-child {
        border-right-width: 0; }
      .tabs-flex > ul > li > *, .tabs-flex > ol > li > * {
        display: block;
        float: none !important;
        padding: 7px 6px !important; }

.slider {
  margin-bottom: 2em; }

.slider__bd {
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }

.slider__slide {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2; }

.slider__slide img {
  height: auto;
  max-width: 100%; }

.slider__tabs,
.slider__dots {
  position: absolute;
  width: 100%;
  z-index: 3; }

.slider__tabs li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  transition: all 0.5s; }

.slider__tabs--bottom,
.slider__dots {
  bottom: 0px; }

.slider__tabs--top .slider__progress {
  top: 0px; }

.slider__dots {
  padding-bottom: 20px; }

.slider__dots li {
  border-radius: 50%;
  float: none;
  margin-right: 20px;
  padding: 0px; }

.slider__overlay {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  float: left;
  height: 100%; }

.slider__progress {
  bottom: 0px;
  height: 3px;
  position: absolute;
  z-index: 4; }

.slider__control {
  background-image: url("/sharedImages/overlay-light.png");
  border-radius: 4px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 5; }

.btn {
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  text-align: center; }

a.btn:hover {
  text-decoration: none; }

.btn[disabled],
.btn[disabled]:hover {
  cursor: default; }

.btn-narrow {
  padding: .175em .5em; }

.btn--wide,
.form .btn--wide {
  display: inline-block;
  min-width: 6em;
  padding-left: 2em;
  padding-right: 2em;
  width: auto; }

/**
 * 1. This should actually be on the '.btn' base class. Requires refactor :(
 * 2. This assumes parent container carries a grid class
 * 3. This adds vertical spacing to '.btn--full' siblings
 */
.btn--full {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  /* 1 */
  width: 100%;
  /* 2 */ }
  .btn--full + .btn--full {
    margin-top: 1em;
    /* 3 */ }

.btn--user-nav {
  font-weight: bold;
  text-decoration: none;
  line-height: 40px;
  padding: 12px 0px 13px 10px;
  border-width: 0px;
  border-left-width: 1px;
  border-left-style: solid;
  margin: 0; }

.btn--user-nav:hover {
  font-weight: bold;
  text-decoration: none; }

/**
 * 1. The padding-right is used instead of margin for IE7 support
 */
.btn--user-nav > img {
  border: 0px;
  padding-right: 5px;
  /* 1 */
  vertical-align: middle; }

.btn-group .btn + .btn {
  margin-left: 1em; }

.catchword {
  border-right-style: dashed;
  border-right-width: 1px;
  padding: 1em;
  position: relative; }

.catchword:after {
  border-radius: 4em;
  content: "or";
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1;
  padding: .5em;
  position: absolute;
  right: -1em;
  top: 40%; }

/**
 * 1. Overrides line 65 in lh-html.scss
      form {
        padding:0px!IMPORTANT;
        margin:0px!IMPORTANT;
      }
 */
.form {
  padding-top: 1em !important;
  /* 1 */
  padding-bottom: 1em !important;
  /* 1 */
  /**
   * For smaller text objects within a .form
   */ }
  .form fieldset {
    border: none; }
    .form fieldset + fieldset {
      margin-top: .5em; }
  .form hr {
    margin-bottom: 1em; }
  .form label {
    display: inline-block;
    margin: .25em 0;
    font-size: 1em;
    font-weight: bold; }
  .form .form__small {
    font-size: .9em;
    font-weight: normal;
    margin-top: .5em; }
  .form input,
  .form textarea,
  .form button,
  .form select {
    margin: 1em 0; }
  .form label + input[type="email"],
  .form label + input[type="password"],
  .form label + input[type="tel"],
  .form label + input[type="text"],
  .form label + textarea,
  .form label + button,
  .form label + select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin-top: .25em; }
  .form input[type="email"],
  .form input[type="password"],
  .form input[type="tel"],
  .form input[type="text"],
  .form textarea,
  .form select {
    border-width: 1px;
    border-style: solid;
    font-size: 1em;
    padding: .5em; }
  .form input[type="email"]:focus,
  .form input[type="password"]:focus,
  .form input[type="tel"]:focus,
  .form input[type="text"]:focus,
  .form textarea:focus,
  .form select:focus {
    border-style: solid;
    outline: none; }
  .form input[type="radio"],
  .form input[type="checkbox"] {
    height: 1em;
    margin: 0 inherit;
    vertical-align: middle;
    width: auto; }
  .form label + input[type="radio"] {
    margin-left: .25em; }

.form--horizontal label {
  padding: .5em 0; }
.form--horizontal input,
.form--horizontal textarea,
.form--horizontal button,
.form--horizontal select {
  margin: .25em 0; }

/**
 * 1. Overrides line 65 in lh-html.scss
      form {
        padding:0px!IMPORTANT;
        margin:0px!IMPORTANT;
      }
 */
.form--login {
  padding-top: 0em !important;
  /* 1 */
  padding-bottom: 0em !important;
  /* 1 */ }

.form--login__bd {
  padding: 1.5em; }
  .form--login__bd > :first-child {
    margin-top: 0; }

.form--login__h {
  font-size: 1.8em; }

.form--login__ftr {
  padding-top: 1em; }
  .form--login__ftr button {
    margin-bottom: 0;
    margin-top: 0; }

/**
 * This is intended to style an element like an anchor
 *
 * Example HTML:
 * <button class="link">Click here!</button>
 */
.link {
  background: none;
  border: none;
  display: inline;
  margin: 0;
  padding: 0; }
  .link:hover {
    text-decoration: underline; }

/* ==========================================================================
    States
    ========================================================================== */
a.is-disabled:hover,
.link.is-disabled:hover {
  text-decoration: none;
  cursor: text; }

.is-disabled {
  cursor: auto; }

.is-clickable {
  cursor: pointer; }

/**
 * Hide visually and from screen readers: h5bp.com/u
 */
.is-hidden {
  display: none !important;
  visibility: hidden; }

.is-hidden-desk {
  display: none !important; }

.is-hidden-desk--initial {
  display: none !important; }

@media (max-width: 65em) {
  .is-hidden-desk {
    display: block !important; }

  .is-hidden-desk--initial {
    display: initial !important; } }
@media (max-width: 65em) {
  .is-hidden-mobile {
    display: none; } }
.is-nowrap {
  white-space: nowrap; }

.is-scalable {
  max-width: 100%;
  height: auto; }

/**
 * Hide only visually, but have it available for screen readers: h5bp.com/v
 */
.is-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.transfer-pod.is-loading {
  background: url("//assets.nationalseminarstraining.com/master/iconset/loading.gif") center center no-repeat; }

@media print {
  @page {
    margin: .5cm; }
  .dashboard-data thead,
  .dashboard-data tbody {
    font-size: 10pt; }

  nav,
  select,
  .dashboard-sect-hdr__util,
  .calendar-toggle,
  .dashboard-l-footer,
  .action {
    display: none; }

  #Logo {
    display: none; }

  .dashboard-page {
    box-shadow: none !important; }

  .is-hidden-desk {
    display: none !important; }

  .fc-month-year nav {
    display: none !important; } }
/* ==========================================================================
    Themes
    ========================================================================== */
/* ==========================================================================
    Plugins
    ========================================================================== */
/* Animate.css
    ========================================================================== */
/**
 * Animate.css - http://daneden.me/animate
 * LICENSED UNDER THE  GPL LICENSE (GPL) http://www.gnu.org/licenses/gpl.html
 *
 * Copyright (c) 2013 Dan Eden
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px); }

  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }

.img-processing {
  background-image: url("//assets.nationalseminarstraining.com/master/iconset/hats-processing.png");
  height: 256px;
  position: relative;
  width: 256px; }

.img-processing:after {
  background-color: white;
  content: '';
  height: 222px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-animation: slide 4s;
  -moz-animation: slide 4s;
  -o-animation: slide 4s;
  animation: slide 4s; }

.fadein {
  -webkit-animation: fadein 2s;
  -moz-animation: fadein 2s;
  -o-animation: fadein 2s;
  animation: fadein 2s; }

@keyframes fadein {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0; }

  to {
    opacity: 1; } }
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0; }

  to {
    opacity: 1; } }
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0; }

  to {
    opacity: 1; } }
/*
 * Width is currently coupled to .img-processing
 */
@keyframes slide {
  from {
    width: 222px; }

  to {
    width: 0; } }
@-moz-keyframes slide {
  /* Firefox */
  from {
    width: 222px; }

  to {
    width: 0; } }
@-webkit-keyframes slide {
  /* Safari and Chrome */
  from {
    width: 222px; }

  to {
    width: 0; } }
@-o-keyframes slide {
  /* Opera */
  from {
    width: 222px; }

  to {
    width: 0; } }
/* Dropkick Dropdown
    ========================================================================== */
/* One container to bind them... */
.dk_container {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  padding-top: 3px;
  text-transform: uppercase;
  z-index: 1; }

.dk_container:focus {
  outline: 0; }

.dk_container a {
  cursor: pointer;
  text-decoration: none; }

/* Opens the dropdown and holds the menu label */
.dk_toggle {
  /**
   * Help: Arrow image not appearing
   * Try updating this property to your correct dk_arrows.png path
   */
  background-image: url("//assets.nationalseminarstraining.com/master/iconset/select-arrow.png");
  background-repeat: no-repeat;
  background-position: 392px center;
  padding: 7px 45px 7px 10px;
  width: 362px; }

.dk_toggle:hover {
  text-decoration: none; }

/* Applied when the dropdown is focused */
.dk_focus .dk_toggle {
  border: none;
  outline: 0; }

/* Applied whenever the dropdown is open */
.dk_open {
  /* For focus onClick
  box-shadow: 0 0 5px #40b5e2;
  -moz-box-shadow: 0 0 5px #40b5e2;
  -webkit-box-shadow: 0 0 5px #40b5e2;

  /**
   * Help: Dropdown menu is covered by something
   * Try setting this value higher
   */
  z-index: 10; }

.dk_open .dk_toggle {
  box-shadow: inset 0 -2px 5px #ccc; }

/* The outer container of the options */
.dk_options {
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; }

.dk_options ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.dk_options a {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  font-weight: bold;
  padding: 8px 10px; }

.dk_options li:last-child a {
  border-bottom: none; }

.dk_options a:hover,
.dk_option_current a {
  border-bottom-style: solid; }

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
  border: 1px solid #8c8c8e;
  max-height: 250px; }

/* Set a max-height on the options inner */
.dk_options_inner,
.dk_touch .dk_options {
  max-height: 250px; }

/***** Critical to the continued enjoyment of working dropdowns ******/
.dk_container {
  display: none;
  float: left;
  position: relative; }

.dk_container a {
  outline: 0; }

.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1; }

.dk_open {
  position: relative; }

.dk_open .dk_options {
  display: block; }

.dk_open .dk_label {
  color: inherit; }

.dk_options {
  display: none;
  margin-top: 3px;
  position: absolute;
  right: 0;
  width: 100%; }

.dk_options a,
.dk_options a:link,
.dk_options a:visited {
  display: block; }

.dk_options_inner {
  overflow: auto;
  position: relative; }

.dk_touch .dk_options {
  overflow: hidden; }

.dk_touch .dk_options_inner {
  max-height: none;
  overflow: visible; }

/***** End Critical to the continued enjoyment of working dropdowns ******/
.dk_container a,
.dk_container a:hover {
  color: inherit; }

/* Smart Menus
    ========================================================================== */
.sm-theme {
  margin: .75em 0 !important;
  z-index: 1000; }
  .sm-theme a {
    font-weight: bold;
    padding: 1em 1.5em; }
    .sm-theme a:hover, .sm-theme a:focus, .sm-theme a:active, .sm-theme a.highlighted {
      text-decoration: none; }
  .sm-theme .sub-arrow {
    display: inline-block;
    margin-right: 5px;
    text-decoration: none; }
  .sm-theme > li {
    border-left-style: solid;
    border-left-width: 1px;
    z-index: initial; }
    .sm-theme > li > ul {
      z-index: 1000 !important; }
    .sm-theme > li > a > .sub-arrow {
      display: none; }
    .sm-theme > li > a.has-ico {
      padding-bottom: .35em;
      padding-top: .35em; }

.sm-theme span.scroll-up, .sm-theme span.scroll-down {
  position: absolute;
  display: none;
  visibility: hidden;
  overflow: hidden;
  height: 20px;
  /* width and position will be automatically set by the script */ }

.sm-theme span.scroll-up-arrow, .sm-theme span.scroll-down-arrow {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -8px;
  /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 8px;
  /* tweak size of the arrow */
  border-style: dashed dashed solid dashed; }

.sm-theme span.scroll-down-arrow {
  top: 6px;
  border-style: solid dashed dashed dashed; }

/* Don't show on small screens" */
@media screen and (max-width: 65em) {
  .sm-theme {
    display: none; } }
/* MMenus
    ========================================================================== */
.mm-menu {
  max-width: 230px; }
  .mm-menu .mm-list {
    padding-top: 0; }
    .mm-menu .mm-list li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
      margin-left: 0; }
    .mm-menu .mm-list .dashboard-search__form {
      border-width: 0;
      border-bottom-width: 1px;
      border-radius: 0;
      box-shadow: 0 0 0 0;
      float: inherit;
      position: relative; }
      .mm-menu .mm-list .dashboard-search__form .dashboard-search__input {
        border-radius: 3px;
        height: 25px;
        margin: 10px 5%;
        padding: 0;
        width: 90%; }
      .mm-menu .mm-list .dashboard-search__form .dashboard-search__submit {
        display: none; }
  .mm-menu input {
    margin: 5px 5%;
    width: 90%; }

html.mm-opening .mm-page, html.mm-opening #mm-blocker {
  -webkit-transform: translate(230px, 0);
  transform: translate(230px, 0); }

@media (min-width: 65em) {
  .mm-menu {
    display: none !important; }

  html.mm-opening .mm-page, html.mm-opening #mm-blocker {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
/* ==========================================================================
    Legacy
    ========================================================================== */
/* Product Page
    ========================================================================== */
.ProductContent {
  position: relative;
  border-width: 1px;
  border-style: solid;
  overflow-y: auto;
  overflow-x: hidden; }

.ProductContent input {
  margin: 5px 0 5px 10px; }

.ProductContent label {
  margin-left: 5px; }

.ProductInfo {
  width: 630px; }

.PrimaryInfo {
  width: 410px;
  float: right; }

.PrimaryInfo > div {
  padding: 15px 0; }

/**
 * For Details/Consumption Pages w/o product image
 */
.PrimaryInfo.NoImage {
  width: 100%; }

.PrimaryInfo > div:first-child {
  padding-top: 0 !important; }

.ProductImage {
  height: auto;
  width: 198px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  margin-bottom: 10px; }

#ProductDescription {
  padding: 20px; }

#ProductResources {
  padding: 20px; }

.TrackList li {
  margin: 0 !important;
  list-style: none; }

.FormatsAd {
  width: 198px;
  margin-bottom: 10px; }

.FormatsAd h4 {
  width: 198px;
  text-align: center;
  padding: 10px 0;
  text-transform: uppercase;
  font-size: 14px; }

.FormatsAd ul {
  padding: 15px 20px; }

.FormatsAd li {
  list-style: none;
  font-size: 14px; }

.FormatsAd li + li {
  margin-top: 10px; }

.ActionBox {
  width: 100%;
  float: right;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top-style: dashed;
  border-top-width: 1px;
  margin-top: 10px; }

.ActionButton {
  display: block;
  padding: 10px 12px;
  /* This is for when the div class .ActionBox is removed */
  float: right;
  margin: 0 5px; }

.ActionButton:hover {
  text-decoration: none; }

.BackToTop {
  border-style: solid;
  border-width: 1px;
  border-top: none;
  padding: 10px;
  width: auto;
  text-align: right; }

/**
 * TODO: rename .Pagelist-util for SMACSS
 */
.PageUtility li {
  list-style: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed; }

.PageUtility li a {
  padding: 15px;
  display: block; }

.PageUtility img {
  vertical-align: middle;
  padding-right: 5px; }

.MarketingBox a + a {
  margin-top: 10px;
  display: block; }

.MediaPlayer {
  margin: 20px 0;
  display: block; }

div.CourseList {
  display: block;
  width: 100%;
  border-top: none; }

a:hover h4.CourseList {
  text-decoration: none !important; }

h4.CourseList {
  font-size: 14px;
  padding: 15px 5px;
  background-image: url("//assets.nationalseminarstraining.com/master/iconset/arrow-down.png");
  background-repeat: no-repeat;
  background-position: 200px 50%;
  margin: 0; }

h4.CourseList.Collapsed {
  background-image: url("//assets.nationalseminarstraining.com/master/iconset/arrow-right.png"); }

#CourseList.Quick .TOCSection {
  font-size: 12px; }

#CourseList.Quick .Progress {
  display: none; }

#CourseList.Quick h5 {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 14px;
  text-transform: none; }

#CourseList.Quick img {
  margin-left: 0px; }

#CourseList.Quick th,
#CourseList.Quick td {
  padding: 12px 10px;
  text-align: left; }

#CourseList.Quick td + td {
  padding-left: 0; }

#CourseList.Quick td:first-child {
  width: 70%; }

#CourseList.Quick tr.l-site-Header,
#CourseList.Quick .TOClist-util {
  display: none; }

/**
 * Nested TOCSections should not have a top margin
 */
#CourseList.Quick .TOCSection .TOCSection {
  margin-top: 0px; }

/**
 * TOCSection with a sibling TOCSection, all contained in a ico TOCSection - TOCeption
 */
#CourseList.Quick .TOCSection .TOCSection + .TOCSection {
  margin-top: 12px; }

/* Table of Contents Page
    ========================================================================== */
/**
 * TOC Layout & Modules
 */
.TOCHeader {
  overflow: auto;
  display: block;
  margin-bottom: 10px; }

.TOCProgress {
  width: 100%;
  overflow: auto;
  clear: both; }

.OuterBar {
  height: 18px;
  border-width: 1px;
  border-style: solid;
  margin: 0 10px; }

.InnerBar {
  height: 18px; }

.TOCSection {
  clear: both;
  font-size: 14px; }

.TOCSection + .TOCSection {
  margin-top: 20px; }

.TOCSection table {
  width: 100%;
  padding: 10px;
  border-collapse: collapse; }

.TOCSection table img {
  margin-left: 20px; }

.TOCSection th,
.TOCSection td {
  padding: 10px 20px;
  text-align: left; }

div.CourseList {
  display: block;
  width: 100%;
  border-top: none; }

a:hover h4.CourseList {
  text-decoration: none !important; }

h4.CourseList {
  font-size: 14px;
  padding: 15px 5px;
  background-image: url("//assets.nationalseminarstraining.com/master/iconset/arrow-down.png");
  background-repeat: no-repeat;
  background-position: 200px 50%;
  margin: 0; }

h4.CourseList.Collapsed {
  background-image: url("//assets.nationalseminarstraining.com/master/iconset/arrow-right.png"); }

#CourseList.Quick .TOCSection {
  font-size: 12px; }

#CourseList.Quick .Progress {
  display: none; }

#CourseList.Quick h5 {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 14px;
  text-transform: none; }

#CourseList.Quick img {
  margin-left: 0px; }

#CourseList.Quick th,
#CourseList.Quick td {
  padding: 12px 10px;
  text-align: left; }

#CourseList.Quick td + td {
  padding-left: 0; }

#CourseList.Quick td:first-child {
  width: 70%; }

#CourseList.Quick tr.l-site-Header,
#CourseList.Quick .TOClist-util {
  display: none; }

/**
 * Nested TOCSections should not have a top margin
 */
#CourseList.Quick .TOCSection .TOCSection {
  margin-top: 0px; }

/**
 * TOCSection with a sibling TOCSection, all contained in a ico TOCSection - TOCeption
 */
#CourseList.Quick .TOCSection .TOCSection + .TOCSection {
  margin-top: 12px; }

/**
 * 1. Clearfixes floated utility icons
 */
.SectionHeader {
  text-transform: uppercase;
  padding: 10px;
  overflow: auto;
  /* 1 */ }

#StatusKey {
  border-top-width: 1px;
  border-top-style: dashed;
  clear: both;
  padding: 15px 0 15px 15px;
  margin-top: 20px;
  margin-bottom: 20px; }

#StatusKey img {
  vertical-align: middle;
  margin-right: 5px; }

#StatusKey li {
  float: left;
  margin: 0 35px;
  list-style-type: none; }

h4.StatusKey {
  font-size: 14px;
  margin-top: 40px;
  float: left;
  padding: 8px; }

ul.StatusKey {
  float: right;
  margin: 0;
  padding: 10px;
  width: 100%; }

ul.StatusKey li {
  list-style: none; }

ul.StatusKey li + li {
  margin-top: 10px; }

ul.StatusKey li img {
  margin-right: 5px; }

.TOCUtility {
  /* rename .TOClist-util for SMACSS */
  float: right;
  font-size: 12px;
  text-transform: none; }

.TOCUtility li {
  list-style: none;
  float: left; }

.TOCUtility li a {
  margin-right: 10px;
  display: block; }

.TOCUtility img {
  vertical-align: middle;
  padding-right: 5px; }

/**
 * Cert Alert
 */
.CertAlert {
  height: 16px;
  position: relative;
  float: left;
  width: 600px;
  padding: 15px;
  /* margin-top is dependent on font-size */
  text-align: center;
  margin-bottom: 20px; }

.CertAlert:after,
.CertAlert:before {
  border: solid transparent;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  left: 100%; }

/**
 * 1. For centering
 * 2. The negative margin the same as the border width for true centering
 */
.CertAlert:after {
  border-width: 23px;
  border-left: 12px solid #00527b;
  top: 50%;
  /* 1 */
  margin-top: -23px;
  /* 2 */ }

/**
 * 1. For centering
 * 2. The negative margin the same as the border width for true centering
 */
.CertAlert:before {
  border-width: 25px;
  border-left: 14px solid #00527b;
  left: 100%;
  top: 50%;
  /* 1 */
  margin-top: -25px;
  /* 2 */ }

.CertAlert p {
  margin: 0;
  padding: 0;
  font-size: 16px; }

.CertAction {
  font-size: 15px;
  line-height: 1px; }

.CertAction a img {
  vertical-align: text-top;
  margin-left: 10px; }

.CertAction a {
  padding: 15px 10px;
  display: inline-block;
  border-left-style: dashed;
  border-left-width: 1px; }

/* Search Results Page
    ========================================================================== */
/**
 * Results List
 */
.ResultsColumn {
  width: 75%;
  display: inline-block; }

.ResultsColumn a {
  text-decoration: none; }

.ResultsColumn a:hover {
  text-decoration: underline; }

/**
 * Sets default color for visited links
 */
.ResultsColumn a:visited {
  color: #800080 !important; }

.ResultsColumn p {
  margin: 10px 0;
  display: inline-block; }

.ResultsColumn ol,
.ResultsColumn ul {
  list-style: none;
  overflow: auto; }

.ResultsColumn li {
  float: left;
  margin-right: 15px; }

.ResultsColumn h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 16px; }

h3.ResultsTitle {
  font-size: 16px;
  font-weight: bold;
  line-height: 16px; }

h3.ResultsTitle a {
  text-decoration: none;
  outline: none; }

h3.ResultsTitle a:hover {
  text-decoration: underline; }

h4.ResultsTitle {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px; }

h4.ResultsTitle span {
  font-weight: bold; }

/**
 * 1. Smaller width gives some spacing between '.ButtonsColumn' and '.ResultsColumn'
 */
.ButtonsColumn {
  float: right;
  width: 20%;
  /* 1 */ }

/**
 * For button positioning in Search Results
 */
.ButtonsColumn div {
  float: right;
  margin: 0 5px; }

.ButtonsColumn button + button,
.ButtonsColumn .PhatButton + .PhatButton {
  margin-top: 10px;
  margin-left: 0; }

.ResultsButton a {
  display: block;
  padding: 10px 12px;
  text-decoration: none;
  border: 1px solid #00527B; }

.ResultsButton a:hover {
  background-color: #F15A29; }

#LiveSeminarSearchResults li a {
  color: #00527B; }

#LiveSeminarSearchResults li:hover {
  background: #d0e4f1; }

#LiveSeminarSearchResults li:hover a {
  color: #F15A29; }

.BetweenSelects {
  padding: 0 15px;
  line-height: 18px; }

.NarrowResults {
  border-bottom: 1px dashed; }

.NarrowResults span,
.NarrowResults input,
.NarrowResults select,
.NarrowResults .btnSquared {
  float: left; }

.NarrowResults .btnSquared .btnSquared {
  float: none; }

.SubformatsHeader {
  border-bottom-style: dashed;
  border-bottom-width: thin;
  border-top: 1px solid #9B9C9D;
  padding: 10px;
  margin-top: -1px;
  /* This is a hack */ }

.SubformatsHeader label {
  margin-right: 10px;
  margin-left: 0; }

/**
 * Sort Options
 */
#SortOptions {
  height: 25px; }

#SortOptions .TabTwoTone {
  left: 0; }

#SortOptions ul {
  height: 25px;
  font-weight: normal; }

#SortOptions h5,
#SortOptions li {
  float: left;
  height: 25px;
  line-height: 25px;
  margin: 0;
  font-size: 12px;
  position: relative;
  padding: 0 10px;
  border-right-style: solid;
  border-right-width: 1px; }

#SortOptions li {
  cursor: pointer; }

#SortOptions li:hover,
li.ActiveTab {
   }

#SortOptions li span {
  cursor: pointer;
  font-weight: normal;
  position: relative; }

.NewBadge {
  position: absolute;
  left: 0;
  top: 0;
  background: url("//assets.nationalseminarstraining.com/master/iconset/new-badge-sm.png") top left transparent;
  width: 35px;
  height: 35px; }

#searchVew,
.searchView {
  list-style-type: none;
  margin-top: 0px;
  float: right; }

/**
 * Lower Search Bar
 */
#LowerSearchBar {
  padding: 30px 35px 30px 20px;
  margin-top: 10px;
  text-align: center; }

#LowerSearchBar h3 {
  line-height: 60px; }

/**
 * 1. To prevent stacking
 */
#LowerSearchBar ul {
  width: 430px;
  /* 1 */
  height: 40px;
  display: block;
  position: relative;
  float: right;
  text-align: right;
  padding-left: 0; }

/**
 * Tabs
 */
.tabs {
  width: 100%; }

.tabs p:first-child {
  font-weight: bold;
  margin-top: 0; }

.tabs div {
  overflow: auto; }

.tabs div li {
  margin: 0; }

.tabs div > li {
  margin: 0 0 10px 20px; }

.tabs div p {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 10px; }

.tabs table {
  width: 100%;
  padding: 10px;
  border-collapse: collapse; }

.tabs td {
  padding: 10px; }

.tabs .Pagelist-util a {
  padding: 0; }

.tabs .ActionBox li {
  margin-left: 0; }

.tabs.transparent,
.tabs .transparent {
  background: transparent;
  border: transparent; }

.transparent > ol {
  background-color: transparent; }

.transparent > ol > li,
.transparent li > a {
  border: transparent; }

/* ==========================================================================
    Legacy Helpers
    ========================================================================== */
/**
 * IMPORTANT: Must be kept at the bottom of the style sheet to work
 */
.Clear {
  clear: both; }

.Clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.WidePadding {
  padding: 20px; }

.StandardPadding {
  padding: 10px; }

.ClosePadding {
  padding: 5px; }

.TightPadding {
  padding: 3px; }

.BorderPadding {
  padding: 2px; }

.MinPadding {
  padding: 1px; }

.NoPadding {
  padding: 0px; }

.CellPadding {
  padding: 5px 10px; }

.Vertical {
  padding-right: 0;
  padding-left: 0; }

.Horizontal {
  padding-top: 0;
  padding-bottom: 0; }

.FormField {
  font-weight: bold;
  text-align: left;
  padding-left: 5px;
  padding-bottom: 2px; }

.FormLabel {
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  padding-right: 5px;
  /* Amaretto */
  padding-left: 5px; }

.Border {
  position: relative;
  margin: 0px;
  padding: 2px; }

.BorderBody {
  position: relative; }

select.InputField,
input.InputField,
.imgBorder {
  border-width: 1px;
  border-style: solid; }

.SolidBorder {
  border-width: 1px;
  border-style: solid; }

.SolidBorderBottom {
  border-bottom-width: 1px;
  border-bottom-style: solid; }

.SolidBorderTop {
  border-top-width: 1px;
  border-top-style: solid; }

.DashedBorderTop {
  width: 100%;
  border-top-width: 1px;
  border-top-style: dashed; }

div.dashedBorderBottom,
div.DashedHeading,
td.dashedBorderBottom,
td.DashedHeading,
tr.dashedBorderBottom {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  padding-top: 5px;
  margin-bottom: 15px; }

div.dashedBorderBottomMedium,
td.dashedBorderBottomMedium {
  border-bottom-width: 2px;
  border-bottom-style: dashed;
  padding-top: 5px;
  margin-bottom: 15px; }

td.dashedBorderRight,
div.dashedBorderRight {
  border-right-width: 1px;
  border-right-style: dashed; }

td.solidBorderRight,
div.solidBorderRight {
  border-right-width: 1px;
  border-right-style: solid; }

div.DashedBorderBottomBasic,
td.DashedBorderBottomBasic {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  height: 1px; }

.PhatButton {
  padding: 10px;
  margin-top: 0;
  margin-bottom: 0;
  /* For <button> and <input type="button" /> */
  border-style: solid;
  border-width: 1px;
  border-color: transparent; }

.PhatButton:hover {
  text-decoration: none; }

.PhatButton + .PhatButton {
  margin-left: 10px; }

.textStrong {
  text-transform: uppercase;
  font-weight: bold; }


/**
 * For all 'li' within a 'ul'
 */
.NoBorder li {
  border-bottom: none; }

/**
 * For single 'li'
 */
li.NoBorder {
  border-bottom: none; }

a.NoDeco {
  text-decoration: none; }

/* ==========================================================================
    IE Support
    ========================================================================== */
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf, .l-row, .l-site-header--closed, .form--login__ftr, .dashboard-nav--user, .dashboard-search, .dashboard-sect-hdr,
.l-inline,
.l-inline-ext,
.l-inline-null,
.disp-1,
.disp-2,
.disp-3,
.disp-4,
.disp-5,
.list-row > li,
.list-wiz > li,
.ico,
.userfield,
.transfer,
.transfer-ctrl,
.question-callout > dt,
.question-callout > dd {
  *display: inline;
  *zoom: 1; }

.IE7 .ResultsColumn {
  float: left; }

/* ==========================================================================
    Contents
    ========================================================================== */
/**
 * NOTE: Color declarations go in 'skin.css.cfm'
 *
 * Dashboard Base
 * Dashboard Layout
 * Dashboard Modules
 */
/* ==========================================================================
    Dashboard Base
    ========================================================================== */
/**
 * Globally defined styles will go here.
 * "Whenever this element is on the page it should look like this."
    --http://smacss.com/book/categorizing
 */
hr {
  border: none;
  border-top-width: 1px;
  border-top-style: solid; }

/* ==========================================================================
    Dashboard Layouts
    ========================================================================== */
[class*='dashboard-l-'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.dashboard-l-constrain {
  margin: 0 auto;
  max-width: 80em; }

@media (max-width: 65em) {
  .dashboard-l-constrain {
    padding-left: 1em;
    padding-right: 1em; } }
.dashboard-l-content {
  padding-bottom: 3em;
  padding-top: 2em; }

.dashboard-l-footer {
  padding-bottom: 3em;
  padding-top: 2em; }

/**
 * 1. Should be same as height on '.dashboard-l-user'
 */
.dashboard-l-header {
  padding-top: 5em;
  /* 1 */
  position: relative; }

@media (max-width: 65em) {
  .dashboard-l-header {
    height: 3rem;
    padding-top: 0; } }
.dashboard-l-navigation {
  float: right; }

@media (max-width: 65em) {
  .dashboard-l-navigation {
    display: none; } }
.dashboard-l-user {
  height: 5em;
  padding-bottom: 1em;
  padding-top: 1em;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  width: 100%; }

@media (max-width: 65em) {
  /**
   * 1. Needs to be pixel-based for JS
   */
  .dashboard-l-user {
    position: fixed;
    right: 0;
    width: 230px;
    /* 1 */
    height: 100%;
    margin-right: -230px;
    /* 1 */
    z-index: 100;
    text-align: left;
    padding: 1em; }

  .dashboard-l-user a {
    display: block; }

  body {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease; } }
/* ==========================================================================
    Dashboard Modules
    ========================================================================== */
.dashboard-btn {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25);
  display: inline-block;
  line-height: 1;
  padding: 1em;
  text-align: center; }

@media (max-width: 55em) {
  .dashboard-btn {
    line-height: 1em; } }
.dashboard-data {
  border-bottom: none;
  margin-bottom: 1em;
  /*
   * 1. Keep the text at the top when expanding bundled content
   */ }
  .dashboard-data th {
    text-decoration: underline;
    white-space: nowrap; }
  .dashboard-data th:first-child,
  .dashboard-data td:first-child {
    padding-left: 0; }
  .dashboard-data td:last-child,
  .dashboard-data th:last-child {
    padding-right: 0; }
  .dashboard-data th,
  .dashboard-data td {
    max-width: none;
    vertical-align: top;
    /* 1. */ }
  .dashboard-data thead {
    font-size: 1.25em; }

.dashboard-data + .dashboard-data {
  margin-top: 20px; }

.dashboard-data--3-col th:first-child,
.dashboard-data--3-col td:first-child {
  width: 50%; }
.dashboard-data--3-col th + th,
.dashboard-data--3-col td + td {
  width: 25%; }

.dashboard-data--4-col th:first-child,
.dashboard-data--4-col td:first-child {
  width: 50%; }
.dashboard-data--4-col th + th,
.dashboard-data--4-col td + td {
  width: 16.6%; }

.dashboard-data--5-col th:first-child,
.dashboard-data--5-col td:first-child {
  width: 50%; }
.dashboard-data--5-col th + th,
.dashboard-data--5-col td + td {
  width: 12.5%; }

.dashboard-data--6-col th:first-child,
.dashboard-data--6-col td:first-child {
  width: 50%; }
.dashboard-data--6-col th + th,
.dashboard-data--6-col td + td {
  width: 10%; }

/* Ico--20
   ========================================================================== */
.dashboard-ico--20 {
  background: url("//assets.nationalseminarstraining.com/master/iconset/dashboard-ico.png") no-repeat;
  height: 20px;
  vertical-align: middle;
  width: 20px; }

.dashboard-ico--tooltip {
  background-position: -76px 0; }

/* Ico--30
   ========================================================================== */
.dashboard-ico--30 {
  background: url("//assets.nationalseminarstraining.com/master/iconset/dashboard-ico.png") no-repeat;
  height: 30px;
  vertical-align: middle;
  width: 30px; }

.dashboard-ico--recent-activity {
  background-position: -46px 0;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
  margin-right: .4em; }

.dashboard-ico--search {
  background-position: -46px -30px;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
  margin-right: .4em; }

.dashboard-ico--home {
  background-position: -46px -60px; }

.dashboard-ico--cart {
  background-position: -46px -90px; }

.dashboard-ico--fa {
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
  margin-right: .4em;
  min-width: 1em;
  padding: .5em;
  text-align: center; }

/* Ico--46
   ========================================================================== */
.dashboard-ico--46 {
  background: url("//assets.nationalseminarstraining.com/master/iconset/dashboard-ico.png") no-repeat;
  height: 46px;
  vertical-align: middle;
  width: 46px; }

.dashboard-ico--alert {
  background-position: 0 0; }

.dashboard-ico--my-training {
  background-position: 0 -46px;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
  margin-right: .4em; }

.dashboard-ico--recent-reports {
  background-position: 0 -92px;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
  margin-right: .4em; }

.dashboard-ico--training-area {
  background-position: 0 -138px;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
  margin-right: .4em; }

.dashboard-ico--community {
  background-position: 0 -184px;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
  margin-right: .4em; }

.dashboard-ico--new {
  background-position: 0 -230px;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
  margin-right: .4em; }

.dashboard-ico--recommended {
  background-position: 0 -276px;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
  margin-right: .4em; }

.dashboard-ico--search:active,
.dashboard-ico--search:focus,
.dashboard-ico--search:hover {
  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.33); }

.dashboard-logo {
  float: left;
  width: 10em; }

@media (max-width: 65em) {
  .dashboard-logo {
    left: 0;
    height: 3rem;
    margin: 0 auto;
    padding: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 100; }

  .dashboard-logo > a > img {
    height: 3rem; } }
@media (max-width: 65em) {
  .dashboard-menu-btn {
    font-weight: bold;
    line-height: 3rem;
    padding-left: 1em;
    padding-right: 1em;
    position: fixed;
    top: 0;
    z-index: 1000; }

  .dashboard-menu-btn--user {
    right: 0; }

  .dashboard-menu-btn--nav {
    left: 0; } }
.dashboard-meta {
  font-weight: bold; }

/* ==========================================================================
   Nav Module
   ========================================================================== */
/* Nav Base
   ========================================================================== */
.dashboard-nav {
  list-style-type: none;
  padding-left: 0; }
  .dashboard-nav > li > a {
    display: inline-block; }

/* Nav User
   ========================================================================== */
.dashboard-nav--user {
  float: right;
  margin-bottom: 0;
  margin-top: 0; }
  .dashboard-nav--user > li {
    border-left-style: solid;
    border-left-width: 1px;
    float: left;
    font-weight: bold;
    line-height: 1;
    margin-bottom: .9em;
    margin-top: .9em;
    padding-left: 1em;
    padding-right: 1em; }
    .dashboard-nav--user > li:first-child {
      border-left: none; }

/* Nav Footer
   ========================================================================== */
.dashboard-nav--ftr {
  border-right-style: solid;
  border-right-width: 2px;
  padding-right: 2em;
  text-align: right; }
  .dashboard-nav--ftr > li {
    margin-bottom: .75em; }

/* Nav Interior
   ========================================================================== */
/**
 *  1. The .nav selector increases specificity until nav is moved out of block.css
 */
.nav.dashboard-nav--interior {
  /* 1 */
  margin-bottom: 2em; }

.dashboard-nav--interior > li {
  display: inline-block; }
  .dashboard-nav--interior > li > a {
    display: block;
    padding: 1em; }
    .dashboard-nav--interior > li > a:hover {
      text-decoration: none; }

/* Nav States
   ========================================================================== */
.dashboard-nav--user > li.is-called-out {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25);
  margin-bottom: 0;
  margin-top: 0;
  padding: .25em .75em;
  text-align: center; }

.dashboard-nav--main > li > a.has-ico {
  padding-bottom: .35em;
  padding-top: .35em; }

@media (max-width: 65em) {
  .dashboard-nav--user > li,
  .dashboard-nav--main > li {
    border-left: none;
    display: block;
    float: none; }

  .dashboard-nav--user {
    width: 100%; }
    .dashboard-nav--user > li {
      margin-bottom: 0;
      margin-top: 0;
      padding: 1em 0; }
      .dashboard-nav--user > li.is-called-out {
        margin-top: 1em;
        padding: .25em; } }
@media (max-width: 55em) {
  .dashboard-nav--ftr {
    border-right: none;
    text-align: center; }
    .dashboard-nav--ftr > li {
      display: inline-block; }
      .dashboard-nav--ftr > li > a {
        padding: .5em; } }
.dashboard-page {
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 2em; }

.dashboard-page__header {
  padding: 1em 2em; }

.dashboard-page__h {
  font-size: 2em;
  margin-bottom: 0;
  margin-top: 0; }

.dashboard-page__meta {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 1em 2em; }

.dashboard-page__body {
  padding: 2em; }
  .dashboard-page__body > :first-child {
    margin-top: 0; }
  .dashboard-page__body > :last-child {
    margin-bottom: 0; }

.dashboard-search {
  margin: 1em auto;
  text-align: center;
  width: 22em; }

.dashboard-search__form {
  float: left;
  position: relative; }

/**
 * 1. Remove Safari's default styling from the inputs.
   https://snipt.net/hexaust/remove-safaris-default-styling-from-the-inputs/
   This has to applied specifically to this input field or admin forms start breaking
 */
.dashboard-search__input {
  border-radius: 10em;
  border-style: solid;
  border-width: 1px;
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.33);
  font-weight: bold;
  height: 36px;
  line-height: 1;
  padding: .7em;
  width: 20em;
  -webkit-appearance: none;
  /* 1 */ }

.dashboard-search__submit {
  border: none;
  position: absolute;
  right: -3px;
  top: 3px; }

@media (max-width: 65em) {
  /**
   * 1. Overrides 'padding:0px!IMPORTANT;' set in 'lh-html.css', line 66
   */
  .dashboard-search {
    float: none;
    padding-left: 1em !important;
    /* 1 */
    padding-right: 1em !important;
    /* 1 */ } }
.dashboard-sect--vert {
  border-right-style: solid;
  border-right-width: 1px; }

.dashboard-sect--vert:last-child {
  border-right: none; }

/* Section Header
     ========================================================================== */
.dashboard-sect-hdr {
  border-bottom: 2px solid;
  margin-bottom: .5em; }

.dashboard-sect-hdr__h {
  float: left;
  margin: 0; }

.dashboard-sect-hdr__util {
  float: right;
  margin-left: 0;
  margin-right: 0; }

/* Section States
     ========================================================================== */
@media (max-width: 55em) {
  .dashboard-sect--vert {
    border-right: none;
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 1em;
    padding-top: 1em; }

  .dashboard-sect--vert:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0; } }
.dashboard-subsect {
  border-top-style: solid;
  border-top-width: 1px;
  padding-bottom: 1em;
  padding-top: 1em; }
  .dashboard-subsect:first-of-type {
    border-top: none; }
  .dashboard-subsect:last-of-type {
    margin-bottom: 1em; }

.dashboard-tile {
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 2em; }

.dashboard-tile__header {
  padding: 1em; }

.dashboard-tile__h {
  margin-top: 0;
  margin-bottom: 0; }

.dashboard-tile__util {
  bottom: .5em;
  position: absolute;
  right: .5em; }

.dashboard-tile__util:hover {
  cursor: pointer; }

.dashboard-tile__body {
  font-size: 1.2em;
  line-height: 1.3;
  padding: 1em; }
  .dashboard-tile__body :first-child {
    margin-top: 0; }
  .dashboard-tile__body :last-child {
    margin-bottom: 0; }
  .dashboard-tile__body ol, .dashboard-tile__body ul {
    padding-left: 1em; }
  .dashboard-tile__body > .ico-loading {
    width: 100%;
    margin: 1em auto 0; }

.dashboard-tile__footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em; }

.dashboard-tile__footer--sticky {
  bottom: 0;
  height: 3em;
  position: absolute;
  right: 0;
  width: 100%; }

/**
 * 1. Must be same as height
 */
.dashboard-tile__footer--sticky:before {
  content: '';
  height: 1em;
  left: 0;
  position: absolute;
  top: -1em;
  /* 1 */
  width: 100%; }

/* Tile Height Layouts
     ========================================================================== */
.dashboard-tile--full,
.dashboard-tile--half {
  overflow-y: hidden; }

.dashboard-tile--full {
  height: 20em; }

.dashboard-tile--half {
  height: 12em; }

.dashboard-tile--half__header {
  padding: .5em 1em; }

/* Custom Tile Styles
    ========================================================================== */
.dashboard-tile--alert__header {
  padding: 1em 1em 0; }

.dashboard-tile--alert__body {
  padding: .25em .5em; }

.dashboard-tile--flat__header {
  display: none; }

.dashboard-tile--flat__body {
  padding: 0; }

.dashboard-tile--img .dashboard-tile__body {
  padding: 0; }

/* Tile States
     ========================================================================== */
.dashboard-has-tile__footer--sticky {
  height: 100%;
  padding-bottom: 4em;
  position: relative; }

.dashboard-has-tile__util {
  position: relative; }

@media (max-width: 55em) {
  .dashboard-tile {
    margin-bottom: 1px; }

  .dashboard-tile--full,
  .dashboard-tile--half {
    height: auto; }

  .dashboard-tile--collapse .dashboard-has-tile__footer--sticky {
    padding-bottom: 0; }

  .dashboard-tile--collapse .dashboard-tile__body {
    display: none; }

  .dashboard-tile--collapse .dashboard-tile__footer {
    display: none; }

  .dashboard-tile--collapse .dashboard-tile--alert__header {
    padding: 0em 1em 0; } }
.dashboard-title {
  font-style: italic;
  margin-bottom: .75em; }

.dashboard-tooltip {
  margin-left: 2em;
  padding: 1em;
  position: absolute;
  top: 3em;
  right: 3em;
  z-index: 100; }

.dashboard-tooltip:after {
  border-bottom: 10px solid;
  border-top: 10px solid;
  border-left: 10px solid;
  content: ' ';
  height: 0;
  position: absolute;
  right: -10px;
  top: 8px;
  width: 0; }

.dashboard-tooltip__action {
  position: absolute;
  right: .5em;
  top: .5em; }

.dashboard-tooltip__body {
  margin: 0 1em;
  font-size: 1.2em;
  text-align: center; }

.dashboard-tooltip__action:hover {
  cursor: pointer; }

.ui-widget-content {
  border: 1px solid #404040;
  background: #ffffff url(images/ui-bg_gloss-wave_16_121212_500x100.png) 50% top repeat-x;
  color: #eeeeee;
}

.pdf-viewer {width:100%; height:700px}
  @media (max-width: 992px) {
    .pdf-viewer {height:400px}
}