@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,600,600italic,700italic,800,800italic,300,300italic&subset=latin,greek,latin-ext,cyrillic,greek-ext,vietnamese,cyrillic-ext);
/*@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,700,800,400");*/
@charset "utf-8";

/* ==|== primary styles =====================================================
   Author: Ronald Jusuf - ronald.jusuf@seertechsolutions.com
   Project: LEARNER PAGES specific css 2015
   ========================================================================== */

/** 
 *  Global
 * */

body, html {font-family: 'Open Sans', Verdana, Geneva; width:100%; height:100%; border:0; margin:0; padding:0; font-size:16px; line-height:normal;}

.ui-widget,
input, 
select, 
textarea, 
button {font-family: 'Open Sans', Verdana, Geneva; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

input, 
select,textarea {border:solid 1px #d6d6d6; padding-left: 5px;}
input[type='button'],input[type='submit']{text-indent:inherit;}
input[type='checkbox'],input[type='radio'],textarea {height:auto;}
.radiogroup input {vertical-align: baseline;}
.smalltxt {font-size: 12px;}
.align-right{text-align: right;}
.floatr{float:right;}
.floatl{float:left;}
.marginl-10{margin-left:10px;}
.marginr-10{margin-right:10px;}
.margint-10{margin-top:10px;}
.marginb-10{margin-bottom:10px;}
.marginl-20{margin-left:20px;}
.marginr-20{margin-right:20px;}
.margint-20{margin-top:20px;}
.marginb-20{margin-bottom:20px;}
.paddingl-10{padding-left:10px;}
.paddingr-10{padding-right:10px;}
.paddingt-10{padding-top:10px;}
.paddingb-10{padding-bottom:10px;}
.paddingl-20{padding-left:20px;}
.paddingr-20{padding-right:20px;}
.paddingt-20{padding-top:20px;}
.paddingb-20{padding-bottom:20px;}
.multi-col-form .smalltxt,
.multi-row-form .smalltxt {color:#757575; margin:0;}
/*input:focus, textarea:focus, keygen:focus, select:focus{
    border-color: #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) !important;
}*/

h1, h2, h3, h4, h5, h6 {}
h1 {line-height:38px;}
h4 {line-height:22px;}
h1.pop_title {
    background: transparent url("/st_toolkit/common/images/icons/help-2012.png") 0 25px no-repeat;
    line-height: 38px;
    margin-top: 0;
    padding: 15px 0 15px 23px;
}
@keyframes opacityanim {
  0% { opacity:0; }
  100% {opacity:0.4;}
}

/* global color */
body, 
html,
input, 
select, 
textarea, 
button, 
h1,h2{color:#333;},
h1.new-page-headings{color:#000;}

#learner-page ul.form-col select.ctrl.drp::-ms-expand {
    display: none;
}
#lovDialog ul.form-col select.ctrl.drp::-ms-expand {
    display: none;
}
#dialogBox ul.form-col select.ctrl.drp::-ms-expand {
    display: none;
}
#iplusOverlayContainer ul.form-col select.ctrl.drp::-ms-expand {
    display: none;
}
/*#learner-page select,
  #lovDialog select{
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent url(../images/icons/2015/select-arr.png) right center no-repeat;
  padding-right:20px;
  color:#00234B; background-image: none\9; padding-right: 0px\9 ; margin-right: 10px;
}
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #learner-page ul.form-col select.ctrl.drp { background: #fff url(../images/icons/form/drp-arr.png) right center no-repeat;  padding-right:0 25px 0 10px !important; height:35px;}
}

#pagetitle {color:#333;}

a, 
a:link, 
a:active,
a:visited, 
span.data_navigation a.arrow, 
#bodycontent a.user_guide, 
#bodycontent a.help,
.themed a:link,
.themed a:visited {color:#045fab; text-decoration:none;}
a.gMapWindow:link,
a.gMapWindow:visited,
.Location a {color:#aaa;}
a.gMapWindow:hover,
.Location a:hover {} 

a:hover 
span.data_navigation a.arrow:hover, 
#bodycontent a.user_guide:hover, 
#bodycontent a.help:hover,
.themed a:hover {text-decoration:underline;}
iframe {border:0;}
/*div{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}*/
/*p, span, a, li, h1,h2,h3,h4,div.desc-txt{-webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}*/
/* global background color */
.themed,
.ui-dialog-titlebar,
#iplusOverlayContainer #iplusOverlayHeader  {/*background-color:#d93611;*/ -webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0;    border: 0;}

h1,
h1.new-page-headings,
div.details_box h1,
#pagetitle {font-size:22px; font-weight: 600;}
.title-2col .title-row-1 h1 {display:inline-block;}

h2,
div.details_box h2 {font-size:18px; font-weight: 700; letter-spacing: 0.2pt;}
h3 {font-size:18px; color:#333; font-weight:700;}
.box h3 {font-size: 18px; font-weight: 700; margin: 0; padding: 15px;}

p {margin-bottom:15px;}

.box,
.wrapper.tabcontent,
div.details_box {margin-bottom:20px; border:0;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;/*-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.25); box-shadow:0 1px 2px rgba(0,0,0,0.25);*/}
#col_right .box {background-color:#FFF;border: solid 1px #d6d6d6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.box.bgcolored {border:1px solid #d6d6d6 !important; background-color:#F0F0F0;}

#homePageLeftWidgets .box {background-color:transparent; border-width:0; /*margin-bottom:30px;*/}

#learner-page .page-blurb,
.ui-dialog .page-blurb {margin:20px 0; padding:0; font-size:16px; color:#333;}
.ui-dialog .text-mandatory-fields-asterisk {font-size:16px; color:#333;}


/* ------------------ Licence Key --------------*/
#learner-page #licence_key.box{background-color: #fff; border:solid 1px #d6d6d6;}
#learner-page #licence_key.box:after {content: ''; clear:both; display: block;}
#learner-page #licence_key.box h3.lic-dtl-hdr {padding:15px; border-bottom: solid 1px #d6d6d6;}
#learner-page #licence_key.box h3.lic-dtl-hdr:after {content: ''; clear:both; display: block;}
#learner-page #licence_key.box h3.lic-dtl-hdr .ord-num {float: right;}
#learner-page #licence_key.box .lic-dtl-cont {padding:15px;}
#learner-page #licence_key.box .lic-dtl-cont .lic-dtl-lyt{padding:0; margin:0; list-style: none;}
#learner-page #licence_key.box .lic-dtl-cont .lic-dtl-lyt:after {content: ''; clear:both; display: block;}
#learner-page #licence_key.box .lic-dtl-cont .lic-dtl-lyt .action-but {clear:both;}
#learner-page #licence_key.box .lic-dtl-cont .lic-dtl-lyt .action-but a.action.small {display:block; margin:15px 0 0 0 !important;}
#learner-page #licence_key.box .lic-dtl-cont .lic-dtl-lyt .action-but a.action.small span{display:block;text-align: center; text-transform: uppercase;}
#learner-page #licence_key.box .lic-dtl-cont .lic-dtl-lyt li.lic-dtl,
#learner-page #licence_key.box .lic-dtl-cont .lic-dtl-lyt li.lic-dnut {float: left;}
#learner-page #licence_key.box .lic-dtl-cont .lic-dtl-lyt li.lic-dtl {width:70%;}
#learner-page #licence_key.box .lic-dtl-cont .lic-dtl-lyt li.lic-dtl p{font-size: 14px;}
#learner-page #licence_key.box .lic-dtl-cont .lic-dtl-lyt li.lic-dnut {width: 30%;}
#learner-page #licence_key.box .lic-dtl-cont .lic-dtl-lyt li.lic-dtl h3{padding:15px 0; margin:0;}

#learner-page #user_list_temp.box{background-color: #fff; border:0;}
#learner-page #user_list_temp.box .user-list-wrp{border:solid 1px #d6d6d6;}
#learner-page #user_list_temp .usr-lst-hdr{border-bottom:solid 1px #d6d6d6; padding: 15px}
#learner-page #user_list_temp .usr-dtl {font-size: 14px;}
#learner-page #user_list_temp .user-list-wrapper .tiles-layout.table-tiles {padding:10px; border-top:0;}
#learner-page #user_list_temp .user-list-wrapper .tiles-layout.table-tiles:hover {background-color: #fff4f4;}
#learner-page #user_list_temp .user-list-wrapper .tiles-layout.three-col-tiles .tiles-col-l-l {float: none;}
#learner-page #user_list_temp .user-list-wrapper .tiles-layout.three-col-tiles .tiles-col-l-l .type-icon.small{margin:0;}
#learner-page #user_list_temp .user-list-wrapper .tiles-layout.three-col-tiles .tiles-col-l-r {vertical-align: middle;}
#learner-page #user_list_temp .user-list-wrapper .tiles-layout dl.tiles-content{ margin:0; }
#learner-page #user_list_temp .user-list-wrapper .tiles-layout dl.tiles-content .usr-dtl:after{content: ''; clear: both; display: block;}
#learner-page #user_list_temp .user-list-wrapper .tiles-layout dl.tiles-content .usr-dtl .user-id {float: right; font-size: 12px;}
#learner-page #user_list_temp .user-list-wrapper .tiles-layout .type-icon.small .icon.small { width:18px; height:18px; padding:7px !important; border-radius:16px; background-size:18px;}
#learner-page #user_list_temp .user-list-wrapper .tiles-layout .tiles-col-r a.action.small.delete {opacity:0.5; border: 0 !important; padding: 5px 5px 5px 0!important; background: transparent url(../images/icons/2015/icon-trash-small.png) no-repeat 0 center !important; width:18px; height: 18px; display: inline-block;}
#learner-page #user_list_temp .user-list-wrapper .tiles-layout .tiles-col-r a.action.small.delete:hover {opacity: 1; background-color: transparent !important; transition: opacity 0.3s ease-out;}
#learner-page #user_list_temp .user-list-wrapper .tiles-layout .tiles-col-r a.action.small.delete span{overflow: hidden; text-indent: -200px;}
#learner-page #user_list_temp .user-list-wrapper .tiles-layout.table-tiles span.value-text.email {overflow-wrap: break-word; word-wrap: break-word; width:175px; display: inline-block;}
#learner-page #user_list_temp .user-list-wrapper .tiles-layout.table-tiles label.label-text {vertical-align: top;}

#learner-page #user_list_temp .offering-dtl {background-color: #757575;}
/*#user_list_temp .offering-dtl:hover {background-color:#aaa; transition:background-color 0.3s ease-out;}*/
#learner-page #user_list_temp .offering-dtl .action-but{padding:20px;}
#learner-page #user_list_temp .offering-dtl .action-but a.action.small.enrol { display: block; text-transform: uppercase;}
#learner-page #user_list_temp .offering-dtl .action-but a.action.small.enrol:hover { border: solid 1px #aaa !important;}
#learner-page #user_list_temp .offering-dtl .action-but a.action.small.enrol span{display: block; text-align: center;}
#learner-page #user_list_temp .offering-dtl .tiles-layout.table-tiles {border:0;}

#learner-page #register-table td {vertical-align: top;}
#learner-page #register-table td  ul.form-col li.form-fields {display:block;}
#learner-page #register-table td .set-fields.action.small span{line-height: 20px; font-size: 12px;}
#learner-page #register-table h3.reg-hdr {border-bottom:solid 1px #d6d6d6; padding: 15px 0; margin-bottom: 20px;}
#learner-page #register-table h3.reg-hdr:after {content: '';display: block; clear:both;}
#learner-page #register-table h3.reg-hdr .set-field-wrp{float: right;}
/** 
 *  Reusable
 * */

.container-box {padding:15px;}
  .container-box .page-title-notes {margin-left:15px; margin-bottom:10px;}

a:hover, 
span.data_navigation a.arrow:hover, 
#bodycontent a.help:hover {text-decoration: underline;}

a.container_btn,
a.container_btn:hover{display:block; text-decoration:none; background:none !important; color:#000 !important; border-bottom:1px dotted #000 !important; padding:5px 10px; line-height:17px; height:17px; font-weight:bold;}
a.container_btn span{font-weight:normal; margin-left:20px;}

#learner-page .hide{display: none !important;}

.mand-legend {margin-top:10px; margin-left:5px !important;}
.homepagewidget .mand-legend {margin-bottom:10px;}

em,
em.obj_id {font-size:0.8em; font-weight:normal; font-style:normal;}
.unpublished em.obj_id {font-style:italic;}

.text-icon-field {font-size: 12px; font-weight: normal !important; line-height: auto; margin: 0 5px 0 0 !important; color:#757575 !important; display:inline; padding:0 !important;}

span.type-icon {display:inline-block; margin:0 8px; text-indent: 0;}

.ratings {display:inline-block; margin-top:-1px; vertical-align: top;}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev-hove, .ui-datepicker .ui-datepicker-next-hover {top:9px !important;}
/* Page selectors*/
.order-details{padding:0; margin:0;}
.order-details .wrapper.tabcontent{background-color: transparent;}
/* BUTTONS 2012 - default cta */
a.action.small,
a.action.small:link,
a.action.small:visited,
#breadcrumb a.action.small {display:inline-block; background-image:none; background-color:#fff !important; color:#333 !important; margin:0 15px 0 0 !important; padding:10px 15px !important; border:solid 1px #afafaf !important; border-radius:3px; -webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;  font-size:14px !important; -webkit-transition:background-color 0.08s ease; -moz-transition:background-color 0.08s ease; transition:background-color 0.08s ease;}
a.action.small:last-child,a.action.small:link:last-child,a.action.small:visited:last-child,#breadcrumb a.action.small:last-child{margin:0 !important;}



h1.new-page-headings span{/*padding-left:27px;*/}
/*span#U-title {background:url(../images/icons/user-large.png) no-repeat left center; padding-left:27px; display:inline-block;}
span#LP-title {background:url(../images/icons/learning-path-large.png) no-repeat left center; }
span#LP-U-title {background:url(../images/icons/learning-pathunp-large.png) no-repeat left center; font-style:italic; color:#999;}
span#LT-title {background:url(../images/icons/learning-track-large.png) no-repeat left center; }
span#LT-U-title {background:url(../images/icons/learning-trackunp-large.png) no-repeat left center; font-style:italic; color:#999;}
span#MSO-title {background:url(../images/icons/scheduled-large.png) no-repeat left center; }
span#MSV-title {background:url(../images/icons/virtual-large.png) no-repeat left center; }
span#MSV-U-title {background:url(../images/icons/virtual-large-u.png) no-repeat left center; }
span#MSP-title {background:url(../images/icons/self-paced-large.png) no-repeat left center; }
span#ORG-title {background:url(../images/icons/org-large.png) no-repeat left center; }
span#UG-title {background:url(../images/icons/usergroup-large.png) no-repeat left center; }
span#DUG-title {background:url(../images/icons/dynamic-usergroup-large.png) no-repeat left center; }
span#UX-title {background:url(../images/icons/user-deactive-large.png) no-repeat left center; }
span#UEL-title {background:url(../images/icons/user-extleave-large.png) no-repeat left center; }
span#JR-title {background:url(../images/icons/jobrole-large.png) no-repeat left center; }
span#FO-title {background:url(../images/icons/folder-large.png) no-repeat left center; }
span#CAT-title {background:url(../images/icons/category-large.png) no-repeat left center; }
span#CO-title {background:url(../images/icons/content-object-mid.png) no-repeat left center; }
span#CO-U-title {background:url(../images/icons/content-objectunp-mid.png) no-repeat left center; font-style:italic; color:#999;}
span#CO-R-title {background:url(../images/icons/content-objectref-mid.png) no-repeat left center; }
span#CO-R-U-title {background:url(../images/icons/content-objectrefunp-mid.png) no-repeat left center; font-style:italic; color:#999; }
span#SV-title,
span#CO-S-title {background:url(../images/icons/survey-large.png) no-repeat left center; }
span#SV-U-title,
span#CO-U-S-title {background:url(../images/icons/survey-large-u.png) no-repeat left center; font-style:italic; color:#999;}
span#SV-R-title,
span#CO-R-S-title {background:url(../images/icons/survey-ref-large.png) no-repeat left center; }
span#SV-R-U-title,
span#CO-R-U-S-title {background:url(../images/icons/survey-refunp-large.png) no-repeat left center; font-style:italic; color:#999; }
span#T-title,
span#CO-T-title{background:url(../images/icons/test-large.png) no-repeat left center; }
span#T-U-title,
span#CO-U-T-title {background:url(../images/icons/test-unp-large.png) no-repeat left center; font-style:italic; color:#999;}
span#T-R-title,
span#CO-R-T-title {background:url(../images/icons/test-ref-large.png) no-repeat left center; }
span#T-R-U-title,
span#CO-R-U-T-title {background:url(../images/icons/test-refunp-large.png) no-repeat left center; font-style:italic; color:#999; }
span#RE-title {background:url(../images/icons/resource-large.png) no-repeat left center; }
span#DO-title {background:url(../images/icons/document-large.png) no-repeat left center; }
span#DO-U-title {background:url(../images/icons/document-large-u.png) no-repeat left center; font-style:italic; color:#999;}
span#INST-title {background:url(../images/icons/instructor-large.png) no-repeat left center; }
span#OBSE-title {background:url(../images/icons/observer-large.png) no-repeat left center; }
span#ROOM-title {background:url(../images/icons/room-large.png) no-repeat left center; }
span#LOC-title {background:url(../images/icons/location-large.png) no-repeat left center; }
span#PDF-title {background:url(../images/icons/pdf-template-small.png) no-repeat left center; }
span#GR-title {background:url(../images/icons/generic-report-large.png) no-repeat left center; }
span#GR-U-title {background:url(../images/icons/generic-report-large-u.png) no-repeat left center; }
span#MR-title {background:url(../images/icons/matrix-report-large.png) no-repeat left center; }
span#MR-U-title {background:url(../images/icons/matrix-report-large-u.png) no-repeat left center; }
span#PRCR-title {background:url(../images/icons/procedural-report-large.png) no-repeat left center; }
span#PRCR-U-title {background:url(../images/icons/procedural-report-large-u.png) no-repeat left center; }*/

/** 
 *  Structural
 * */
#learner-page {min-height:100%; height:auto; background-color:#f6f6f6;}
@media screen and (max-width : 1024px){
  #learner-page {width:1200px;}
  .XLR8LOGINLOGIN #learner-page {width:auto;}
}

#container{width:100%; padding:0; text-align:left; min-height:100%; position:relative; margin:0 auto;}
  #bodycontent{clear:left; padding-bottom:60px; }
  #bodycontent #bodycontent_inner,
  .loggedout-page #bodycontent #bodycontent_inner {width:1180px; padding:20px 10px 0 10px; margin:0 auto;}
  
  #col_left {float:left; width:880px;}
  #col_right {float:right; width:280px; margin-left:20px;}
  /*#classroom_wrp #col_right{margin-top:-130px;}
  #virtualclass_wrp #col_right{margin-top:-130px;}
  #online_wrp #col_right{margin-top:-100px;}
  #certification_wrp #col_right{margin-top:-100px;}*/
  
/** 
 *  Component
 * */
.help-global {float: right; position: relative right: 0px; z-index: 100; margin:0;}

  #header {background-color: #fff; box-shadow:0 3px 3px rgba(0,0,0,0.15); display: inline-block; width: 100%;}
  #header #headerInner {width:1200px; margin:0 auto; padding:0;}
  #header #headerInner #headerInnerLeft {float:left;display:inline-block;}
  #header #headerInner #headerInnerRight {float:right;display:inline-block;}
  
  #header #headerInner #location a,
  #header #headerInner #location a strong,
  #header #headerInner a.role,
  #header #headerInner a.changeusername {font-size:12px !important; font-weight:normal !important; text-decoration:none; letter-spacing:0.5pt;}
  #header #headerInner a,
  #header #headerInner a:link,
  #header #headerInner a:active,
  #header #headerInner a:visited {color:#333; text-decoration:none;}
  #header #headerInner a:hover {/*text-decoration:underline;*/}
    
  #header #headerInner #headerInnerLeft #logo {float:left; margin-right:40px; margin:5px 40px 5px 0;display:inline-block;}
    #header #logo img {width:148px; height:57px; background:url(../images/logo-2015.png) no-repeat 0 0;}
  
  /*#header form#crsForm{float:right; padding:5px 15px 0 0;}
  #header form#crsForm input.crsinput{margin-right:10px;  border:none; width:180px; height:25px; line-height:25px; padding:0 10px; background:url(../images/icons/crsinput_bg.gif) 0 0 no-repeat;}*/
    
  #header #primary_navigation {/*z-index:2 !important;*/}
    #primary_navigation #primNavInner {width:1200px; margin:0 auto;}
    #primary_navigation #primNavInner:after {content:''; display:block; clear:both;}
    /* 1st level prim navigation */
    #primary_navigation ul {float:left; clear:both; list-style:none; padding:0; margin:0; z-index:200; padding:0 10px;}
    #primary_navigation > ul {background-color:#225385;}
    #primary_navigation li {float:left; /*border-right: solid 1px #d9dfe3;*/border-right: 0;}
    #primary_navigation li:last-child {border-right:0;}
    #primary_navigation li.first a {text-decoration: none;}
    #primary_navigation li a,
    #primary_navigation li a:link,
    #primary_navigation li a:active,
    #primary_navigation li a:visited {text-decoration: none; display:block;  padding:15px 0; color:#333; font-size:14px; letter-spacing:0.5pt; font-weight:normal;border-top: solid 1px transparent;}
    #primary_navigation li a:hover,
    #primary_navigation li.prim-nav-hover a,
    #primary_navigation li.prim-nav-active a,
    #primary_navigation li.prim-nav-active.prim-nav-hover a {display:block; background-color:#FFF; color:#045fab;padding:15px 0; position:relative; /*border-bottom: solid 5px #d93611;*/ box-sizing: border-box;}
    #primary_navigation li.prim-nav-active a {background-color:#f6f6f6;}
    #primary_navigation li.prim-nav-active a {font-weight:700;}
    #primary_navigation li.dd.prim-nav-hover a {padding:15px 0;}
    #primary_navigation li.first.nav-home a span,
    #primary_navigation li > a span {padding:0 15px;}
    #primary_navigation li.dd {position:relative; z-index:97 !important;}
    #primary_navigation li.dd.prim-nav-hover {/*border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7;*/}
    #primary_navigation li.dd a {cursor:pointer; position:relative; z-index:97 !important;}
    #primary_navigation li.dd a span, 
    #primary_navigation li.dd a:active span,
    #primary_navigation li.dd a:visited span {display: inline-block;background-color:transparent; background-image: url("../images/framework/prim-nav-arrow-dark.png");background-position: right 6px;background-repeat: no-repeat; padding:0 15px;margin-right:15px;    border-left: solid 1px #d9dfe3;}
    #primary_navigation li.dd.prim-nav-hover span,
    #primary_navigation li.dd.prim-nav-active span {background-color:transparent; background-image:url("../images/framework/prim-nav-arrow-dark.png") ;background-position: right 8px;background-repeat: no-repeat; -webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in;}
    #primary_navigation li.dd a:hover span {}
    #primary_navigation li.dd a span:after,
    #primary_navigation li a span:after {content:'';width:0px;border-top:solid 5px #fff; position:absolute; bottom:0; left:0;}
    /*#primary_navigation li.prim-nav-hover a span:after,*/
    #primary_navigation li.prim-nav-active a span:after,
    #primary_navigation li.prim-nav-active.prim-nav-hover a span:after,
    /*#primary_navigation li.dd a:hover span:after,
    #primary_navigation li a:hover span:after,
    #primary_navigation li.dd.prim-nav-hover span:after,*/
    #primary_navigation li.dd.prim-nav-active span:after,
    #primary_navigation li.dd a:active span:after{content:'';width:100%;border-top:solid 5px #0572ce; position:absolute; bottom:0; left:0;}
    /* 2nd level secondary navigation */
    #primary_navigation li.dd > ul,
    #primary_navigation li.dd ul {display:none; position:absolute; width:auto; min-width:150px; left:-1px; margin:0; padding:0; background-color:#fff; border:1px solid #e7e7e7; border-top:0; z-index:96; height:auto;    -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.4);    -moz-box-shadow: 0 10px 15px rgba(0,0,0,0.4);    box-shadow: 0 10px 15px rgba(0,0,0,0.4);}
    *+html #primary_navigation li.dd > ul {background-color:#fff;}
    #primary_navigation li.dd.prim-nav-active > ul,
    #primary_navigation li.dd.prim-nav-active ul {background-color:#fff;}
    #primary_navigation li.dd.prim-nav-active ul {z-index:2;}
    #primary_navigation li.dd ul li {float:none; background-color:#fff; border-left:0; border-right:0; border-bottom:1px solid #e7e7e7;}
    #primary_navigation li.dd ul li:last-child {border-bottom:none;}
    #primary_navigation li.dd ul li a,
    #primary_navigation li.dd ul li a:link,
    #primary_navigation li.dd ul li a:active,
    #primary_navigation li.dd ul li a:visited {color:#757575; display:block; padding:18px 20px 18px 20px;  text-decoration:none; font-weight:normal; white-space:nowrap; border:0;}
    #primary_navigation li.dd ul li a:hover {background-color: #F1F1F1;    text-decoration: none; color:#757575;}
    
    #primary_navigation li.dd ul li a span{}

  /* Secondary Navigation */ 
  #header #headerInner #headerInnerLeft #secondary_navigation {float:left; top:0; display:inline-block;}
  #header #headerInner #headerInnerLeft #secondary_navigation .notif-badge-wrapper {margin-left:-1px; float:left;}
    #header #headerInner #headerInnerLeft #secondary_navigation .notif-badge-wrapper#shop-cart{display:inline-block!important;}
  #secondary_navigation > a {display:inline-block; vertical-align:middle; padding: 0 5px !important;line-height:18px;}
  #secondary_navigation a span.notif-badge {white-space: nowrap; padding:0; line-height:50px;height:50px; vertical-align: middle; display: table-cell;}
  #secondary_navigation a.notif-badge-link span {float:none;}
  #secondary_navigation .notif-badge-wrapper {position:relative; padding:0; display:inline-block; height:auto; vertical-align:top;}
  .notif-badge-link,
  .notif-badge-link:link,
  .notif-badge-link:active,
  .notif-badge-link:visited,
  .notif-badge-link:hover {
    display:inline-block;
    padding: 0 15px !important;   
    -webkit-border-radius: 0 !important; 
    -moz-border-radius: 0 !important; 
    border-radius: 0 !important; 
    text-decoration:none !important;
    border:solid 1px transparent;
    border-width: 0 1px 0 1px;
    height: 50px;
    line-height: 50px;
  }
  .notif-badge-link:hover,
  .notif-badge-link.active{border-color: #d9dfe3; z-index:99; position: relative; background-color:#fff !important; }
  .notif-badge-link .notif-badge {position:relative; display:inline-block;}
  .notif-badge-link .notif-badge img {margin-right: 2px;/*opacity:0.5; vertical-align:bottom;*/}
  /*.notif-badge-link:hover .notif-badge img {opacity:1;}*/
  .notif-badge .badge-inner { position: relative; display:inline-block; top: 0; right: 0.1em; min-width: 14px; height: 14px;  line-height: 14px;    padding:5px !important; text-align: center; font-size:12px;font-weight: bold; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0,.15);    -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: .3s top ease-in, .3s opacity ease-in;       -moz-transition: .3s top ease-in, .3s opacity ease-in;  -o-transition: .3s top ease-in, .3s opacity ease-in; -ms-transition: .3s top ease-in, .3s opacity ease-in; transition: .3s top ease-in, .3s opacity ease-in; background-color:#e4001e; border:0;}
    .notif-badge .badge-inner:after{display:none; /*content:''; position:absolute;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent #e4001e transparent transparent;left:-5px;top:3px;*/}
    .notif-badge img {margin-right: 2px\9;}/* ie8 ie9 */
    .notif-badge .badge-inner {*box-shadow: inset 0px 1px 0px rgba(255,255,255,.35), 0px 1px 1px rgba(0,0,0,.2); *border-radius: 0; *top:0;}/* ie6 ie7 */
    .notif-badge img {*margin-right: 2px;}/* ie6 ie7 */
    .notif-badge .badge-inner {right:-0.3em;}
      .notif-badge.shopping-cart-notif .badge-inner{right:0.15em;}
    .notif-badge-content {background-color:#fff; display:none; position:absolute; z-index:98; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.4); -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.4);    box-shadow: 0 5px 15px rgba(0,0,0,0.4);}
    .notif-badge-content h3 {margin:0; font-size:14px; color:#000;}
    #secondary_navigation .notif-badge-content ul.badge-content-list {z-index:98; width:250px !important; background-image:none; background-position:left top; background-repeat:no-repeat; border: solid 1px #d9dfe3; border-width: 0 1px 0 1px; top:auto !important; padding:0; margin:0; }
    #secondary_navigation .notif-badge-content ul.badge-content-list.emails-content{background-position:-12px top !important;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li {float: none !important; clear: both; position: relative; margin:0; list-style:none; white-space:inherit !important; font-size:12px;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li img{vertical-align:top;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li.badge-content-title {border:0 !important;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li a {  display:block !important; padding:10px; border:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; color:#000; background-image: none !important; background-color:#FFF !important; text-align:left !important;border-top: 1px solid #efeeec;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li a:hover {background-color:#f5f5f5 !important; cursor:pointer; text-decoration:none;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li a span {float:none;}

    #secondary_navigation .notif-badge-content ul.badge-content-list li a.read{background-color:#f5f5f5 !important;color: #757575 !important;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li a.read.expanded {color:#757575 !important;}
    
    #secondary_navigation .notif-badge-content ul.badge-content-list li a.more{ padding:10px; text-decoration: none; border-top: 1px solid #efeeec; -webkit-transition: border 0.3s ease; -moz-transition: border 0.3s ease; transition: border 0.3s ease;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li a.more.expanded{ border-top: 1px solid #cecece;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li:last-child a.more{border-bottom: 0;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li a.more:hover {text-decoration: none;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li .notif-title {-webkit-transition: font-weight 0.3s ease; -moz-transition: font-weight 0.3s ease;  transition: font-weight 0.3s ease;display:block; white-space:normal !important;font-size: 12px; line-height:normal !important; text-align:left !important; font-weight:normal !important;}
        #learner-page #secondary_navigation .notif-badge-content ul.badge-content-list li .notif-title .icon.small {display: none !important;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li .notif-title .icon.home.small {background-image: url(../images/icons/2015/icon-home-xsmall.png);  background-color: #ef9543; width: 4px; height:4px; vertical-align: middle;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li .notif-title img {display:none;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li a.read .notif-title{font-weight:normal !important;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li a.read { background-color: #f5f5f5;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li a.expanded .notif-title{font-weight:700 !important;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li .notif-date,
    #secondary_navigation .notif-badge-content ul.badge-content-list li .items-subtotal{float:right; margin-left:15px; font-weight:normal !important;}
    #secondary_navigation #shop-cart .notif-badge-content ul.badge-content-list li a:hover {background-color:#f5f5f5 !important; font-size:12px; }
    #secondary_navigation .notif-badge-content ul.badge-content-list li .badge-content-full {font-size: 12px; color:#000; display:none; padding:10px;  margin:0; text-align:left !important; border: solid 1px #f5f5f5 !important;  background-color: #f5f5f5;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li .badge-content-full a {background-color: transparent !important; display:inline!important; border:0!important; text-decoration:underline;  padding: 0 !important; vertical-align: baseline;}
    #secondary_navigation .notif-badge-content ul.badge-content-list li .badge-content-full a:hover{text-decoration: underline; background-color: transparent !important;}
    .notif-badge.shopping-cart-notif {}
    .notif-badge img{vertical-align:middle;}
    .notif-badge.reminders-notif img{margin-right: -5px;}
    .notif-badge.announcement-notif img {margin-right: -2px;}
    .notif-badge.emails-notif img {margin-right: -3px;}
  
    .notif-badge-content ul li h3 {
      border: 0;
      border-top:0;
      border-bottom:0;
      margin:0;
      font-size:14px;
      padding:10px;
      background:#fff; 
      text-align:left;
    }
    /* Shopping cart - logged out*/
    .loggedout-page #secondary_navigation .notif-badge-content ul.badge-content-list li .tiles-layout.table-tiles:hover{background-color: transparent;}
    .loggedout-page #secondary_navigation .notif-badge-content ul.badge-content-list {width:550px !important;}
    .loggedout-page #secondary_navigation .notif-badge-content ul.badge-content-list li .tiles-layout.table-tiles:only-of-type{padding-left: 10px; border-right: 0; border-left: 0;}
    .loggedout-page #secondary_navigation #shop-cart .notif-badge-content ul.badge-content-list li .tiles-layout.table-tiles a.small.delete {font-size: 100%; padding:0; background-color:transparent !important; border:0; color: Red;}
    .loggedout-page #secondary_navigation #shop-cart .notif-badge-content ul.badge-content-list li .tiles-layout.table-tiles a.action.small.checkout:hover { background-color: #FF8A8A !important;}
    .loggedout-page #secondary_navigation #shop-cart .notif-badge-content ul.badge-content-list li .tiles-layout.table-tiles a.action.small.checkout:hover span{color: #fff !important;}
    .loggedout-page #secondary_navigation .notif-badge-wrapper #shop-cart .notif-badge-content ul.badge-content-list li {clear:none;}
    .loggedout-page #secondary_navigation .notif-badge-content ul.badge-content-list li.label-value{float:left !important; clear:none;}
    /**/
    #secondary_navigation #location {top:0 !important; margin-top:0 !important;}
      #secondary_navigation #location .notif-badge-link {padding-left:30px !important; background:transparent url(/st_toolkit/common/images/icons/region_16.png) 10px center no-repeat !important; letter-spacing:-0.6pt; cursor:default;display: inline-block;
  height: 50px;line-height: 50px;}
      #secondary_navigation #location .notif-badge-link strong {font-size:11px; /*color:#00F;*/ font-weight:bold;}
  
  /* Notification Medium Flydown */
  .medium-flydown {display:none; position:absolute; z-index:9999; background-color:#FFF; /*padding:10px; border:1px solid #666;*/}
    #secondary_navigation .medium-flydown .badge-content-list {width:480px;background:url(../images/admin/subm-toppointer.png) no-repeat left top;padding-top:8px;border-bottom: solid 1px #babfcc;}
    #secondary_navigation .medium-flydown h3 {margin:0; font-size:14px; color:#000;}
    #secondary_navigation .medium-flydown ul {list-style:none; margin:0; padding:0; text-align:left;}/* clear */
    #secondary_navigation .medium-flydown ul li {margin:0; padding:5px 10px; background-color:#FFF;border-right:solid 1px #babfcc;border-left:solid 1px #babfcc;}
    #secondary_navigation .medium-flydown ul li.badge-content-title {background-color:transparent;padding:10px;}
    #secondary_navigation .medium-flydown ul li ul.medium-flydown-inner {}
      #secondary_navigation .medium-flydown ul li ul.medium-flydown-inner li {float:left; clear:none;border:0;padding:0;}
      #secondary_navigation .medium-flydown ul li ul.medium-flydown-inner li.shop-qty {width: 5%;text-align: center;}
      #secondary_navigation .medium-flydown ul li ul.medium-flydown-inner li.shop-desc {width: 75%;}
      #secondary_navigation .medium-flydown ul li ul.medium-flydown-inner li.shop-desc dt,#secondary_navigation .medium-flydown ul li ul.medium-flydown-inner li.shop-desc  dd{float:left;}
      #secondary_navigation .medium-flydown ul li ul.medium-flydown-inner li.shop-desc dt{width:85%;}
      #secondary_navigation .medium-flydown ul li ul.medium-flydown-inner li.shop-desc dd{width:15%;}
      #secondary_navigation .medium-flydown ul li ul.medium-flydown-inner li.shop-price {float:right; width: 20%; text-align:right;}
      #secondary_navigation .medium-flydown ul li ul.medium-flydown-inner a {background-color: transparent; display:inline; border: none ; padding:0;}
    #secondary_navigation .medium-flydown ul li.medium-flydown-bottom {}/* clear */
      #secondary_navigation .medium-flydown ul li.medium-flydown-bottom dl {background-color:#EBEBED; padding:0 5px;}/* clear */
      #secondary_navigation .medium-flydown ul li.medium-flydown-bottom dl dt {float:left; width: 75%; text-align:right;}
      #secondary_navigation .medium-flydown ul li.medium-flydown-bottom dl dd {float:right; width: 25%; text-align:right;}
      #secondary_navigation .medium-flydown ul li.medium-flydown-bottom a.checkout {float:right; margin-right: 0 !important; margin-top:10px !important;text-align:right;border: solid 1px #ccc;}
      #secondary_navigation .medium-flydown ul li.medium-flydown-bottom a.checkout span{padding: 8px 8px 8px 25px !important;font-weight:bold;}
    
  #secondary_navigation .medium-flydown ul li ul.medium-flydown-inner:after,
  #secondary_navigation .medium-flydown ul li.medium-flydown-bottom dl:after,
  #secondary_navigation .medium-flydown ul li.medium-flydown-bottom:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

/* Search Form in header - line model */
    #header #top-search-wrp {float:right; margin:0 10px; padding:0; position:relative;}
        #header #top-search-wrp a#activateSearchForm {position:absolute; top:0; right:5px; display:inline-block; width:24px; height:24px; margin-top:12px; background:transparent url(/st_toolkit/common/images/icons/2015/search-icon-dark.png) 0 0 no-repeat; text-indent:-9999px;}
        #header #top-search-wrp a#activateSearchForm.active {  background: transparent url(/st_toolkit/common/images/icons/2015/search-icon-dark.png) 0 0 no-repeat; opacity:0.4;}
        #header #top-search-wrp #headerSearchForm {margin:0px; display:block; width:0px;overflow: hidden;}
        #header #top-search-wrp #headerSearchForm.active{display: block; width:280px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
        #header #top-search-wrp #headerSearchForm .form-field {padding:0; margin:0;}
        #header #top-search-wrp #headerSearchForm .rhs-search-input {width: 235px; height:30px;box-sizing: content-box; margin:7px 0px 2px 0px; font-size:14px; /*font-weight:bold;*/ background:#fff; border: solid 1px #d6d6d6;; color:#333; padding:0 33px 0 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
        #header #top-search-wrp #headerSearchForm .rhs-search-input:focus {outline:none; border: solid 1px #0889cf; -webkit-box-shadow: 0 0 2px #0889cf; -moz-box-shadow: 0 0 2px #0889cf; box-shadow: 0 0 2px #0889cf;} 
    
#footer {display: block; background-color:#333; padding:10px 0;}
  #footer.dialogOversized {visibility:hidden !important;}
  #footer #footerInner {width:1180px; padding:0 10px; margin:0 auto;}
  #footer #footerInner #footer_links {float:left;}
  #footer #footerInner #footerRight {float:right;}
  #footer #footerInner #footer_links {margin:0; padding:0; vertical-align:middle;}
  #footer #footerInner #footer_links li,
  #footer #footerInner #footerRight li {float:left; list-style:none; font-size:12px; letter-spacing:0.1pt;}
  #footer #footerInner #footerRight li a,
  #footer #footerInner #footer_links li a {display:inline-block; padding:0 8px 0 0; margin:0 8px 0 0; font-size:12px; letter-spacing:0.1pt; border-right:1px solid #AAAAAA;}
  #footer #footerInner #footer_links li,
  #footer #footerInner #footerRight li,
  #footer #footerInner #footerRight li a,
  #footer #footerInner #footer_links li a {color:#FFF;} 
  #footer #footerInner #footer_links li:last-child a {border-right:0;} 
  #footer #footerInner #footer_links li.footer-logo {margin:0 74px 0 0; padding:0;}
  #footer #footerInner #footer_links li.footer-logo img {width:116px; height:32px; background:url(../images/logo-footer-2015.png) no-repeat 0 0;}

/* Table Heading */
h2 {}
  h2.table_heading {background:transparent; margin:0; padding:0;}/* cleared */
  .box h2.table_heading,h2.table_heading.lp-header{padding:15px 0 15px 15px;}
  h2.table_heading.lp-header{/*margin-bottom:20px;*/ border-bottom:solid 1px #d6d6d6;}
  .box h2.table_heading.nopaddingleft{padding:15px 15px 15px 0 !important;}
  
  .table-tiles h2.table_heading{padding:0; padding-left: 30px; text-indent: -30px;}
  .table-tiles h2#courseStructureHeader.table_heading {padding: 15px 0 15px 15px; text-indent:initial;}
  h2.table_heading a.action.small.publish,
  h2.table_heading a.action.small.unpublish{margin-bottom:0 !important;}
  h2.table_heading .table-heading-wrapper {display: inline-block; width:90%; width: calc(100% - 40px);}
  h2.table_heading .table-heading-wrapper:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
  h2.table_heading .table-heading-wrapper .table-heading-l {float:left; /*margin-bottom:5px;*/}
  h2.table_heading .table-heading-wrapper .table-heading-l .table-heading-l-l {float:left; font-weight: 700;}
  h2.table_heading .table-heading-wrapper .table-heading-l .heading-actions {float:right;}
  h2.table_heading .table-heading-wrapper .table-heading-l .heading-actions a.action.small {margin-bottom:0 !important;}
  h2.table_heading .table-heading-wrapper .table-heading-r {float:right;}
  /* ------------------ Pagination Style -------------------*/
  span.pageination-wrapper {font-size: 14px; font-weight: normal;color:#333}
  span.pageination-wrapper .totalSection{ margin-right: 15px;}
  span.pageination-wrapper .totalRagne{font-weight: 700;}
  span.pageination-wrapper .pageNav{display: inline-block;margin:0 1px; padding:7px;border:solid 1px transparent; border-radius: 21px;color:#757575;text-decoration: none;min-width:12px;line-height: 12px;height:12px;    text-align: center; vertical-align: middle;}
  span.pageination-wrapper .pageOff{ color: #333;}
  span.pageination-wrapper .pageOff:hover {border:solid 1px #d6d6d6; color:#757575;background-color: #fff;}
  span.pageination-wrapper .pageOn{border:solid 1px #d6d6d6; color:#757575;background-color: #fff; }
  span.pageination-wrapper .pageNext,
  span.pageination-wrapper .pagePrev,
  span.pageination-wrapper .pageFirst,
  span.pageination-wrapper .pageLast{
    margin:0 1px;border-radius: 3px;
      display: inline-block;
    border: solid 1px #afafaf ;
    background-color: #fff ;
    color: #333 ;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    background-image: none;
    margin: 0 ;
    padding: 10px 15px;
    border-radius: 3px;
    font-size: 14px ;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;}
    span.pageination-wrapper .pageNext span,
  span.pageination-wrapper .pagePrev span,
  span.pageination-wrapper .pageFirst span,
  span.pageination-wrapper .pageLast span{    background: none ;
    padding: 0 !important;
    margin: 0 !important;
    color: #333 !important;
   /* line-height: 42px;*/}
  span.pageination-wrapper .pageNext:hover,
  span.pageination-wrapper .pagePrev:hover,
  span.pageination-wrapper .pageFirst:hover,
  span.pageination-wrapper .pageLast:hover{box-shadow: none ; border: solid 1px #aaa ; background-color: #f6f6f6 ; color: #333 ; text-decoration: none;}
  span.pageination-wrapper .pageNext{margin:0 5px 0 10px;}
  span.pageination-wrapper .pagePrev{margin:0 10px 0 5px;}
  span.pageination-wrapper .pageFirst{}
  span.pageination-wrapper .pageLast{}
  span.pageination-wrapper .totaltxt{}
  span.pageination-wrapper .totalNo{}
  span.pageination-wrapper .totalRange{}

/*  h2.table_heading .table-heading-wrapper .table-heading-r span.pageination-wrapper {float:none; display: inline-block; font-size: 14px; font-weight: normal; line-height: 20px; margin-left: 10px; margin-right: 0 !important;   padding-left: 10px; vertical-align: middle; font-weight:bold; color:#333; margin-left:10px; margin-right:0px !important; padding-left:10px; line-height:20px; vertical-align:middle;display:inline-block;line-height:20px;}
  h2.table_heading .table-heading-wrapper .table-heading-r span.pageination-wrapper a, 
  h2.table_heading .table-heading-wrapper .table-heading-r span.pageination-wrapper a:visited {color: #333333;}
  h2.table_heading .table-heading-wrapper .table-heading-r span.pageination-wrapper a, 
  h2.table_heading .table-heading-wrapper .table-heading-r span.pageination-wrapper a:visited {font-weight: normal; margin: 0; padding: 0 3px; text-decoration: none;}
  h2.table_heading .table-heading-wrapper .table-heading-r input:last-child {margin-right:0;}*/
  
  h2.table_heading.learn_selfpaced,
  h2.table_heading.learn_scheduled,
  h2.table_heading.learn_paths,
  h2.table_heading.ext_learning,
  h2.table_heading.userprofile-mand-attr {}


/* TABLES */
table {margin:0 !important; border:none;}
table.data {}
#col_left table.data {/*width:880px*/}
  table tr:first {border-bottom:none;}
  table tr.header-row,
  table tr.header-row.hovered {}
  table tr.hovered {background-color:#e4e4e4;}
  table tr.last-row {border-bottom:none;}
  table tr.footer {display:none;}
  table th,
  #dialogBoxContent table th {
    background: none;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
  }
  table tr th, 
  table tr.header-row th,
  table.tbl-course-offering-widget tr.header th {padding: 10px 15px; font-size: 18px; font-weight: normal; color: #333; text-decoration: none; border-bottom:1px solid #aaa !important;}
  table tr.header-row.section-header th {line-height:12px; padding-top:7px; padding-bottom:7px; font-size: 18px; font-weight: normal; color: #655e57; border-bottom:1px solid #c9c9c9; text-decoration: none;}  
  table tr th.last {/*background-color:#f1f1f1; border-bottom:none !important;*/}
  table tr th.empty-th,
  table tr.header-row th.empty-th {border:none !important;}
  table tr th a {display:inline-block; color: #1073C7; font-size: 18px; font-weight: normal !important; line-height: 12px; padding-bottom: 3px; padding-top: 3px; text-decoration:none;}
  table td {background:none; border:none; font-size:16px; text-align:left; color:#333; vertical-align:middle; padding:15px !important;}
  table td:first-child strong {font-weight:normal;}
  table td.pb-status {font-size:12px; color:#757575;}
  table td.left {padding-left:10px;}
  table td.right {}
  table td a,
  table td a:link,
  table td a:active,
  table td a:visited {font-size:16px; font-weight:normal;}
  table.tblborder {border:solid 1px #d6d6d6;}
  table.tblborder td{border:solid 1px #d6d6d6;}
/* WYSIWYG table in learner (collapsibles) */
table.wysiwygBorder.tblborder td:first-child strong {font-weight:bold;}

    .theme-matrix th.thc1,
    table th.thc1{font-weight:bold; width: 107px; height: 20px}
    .theme-matrix .cell_highlight,
    table .cell_highlight{background-color:#fcf7e8;color:#000}
    .theme-matrix th.thp,
    table th.thp{font-weight:bold; width: 126px; height: 20px; background-color: #f0f0f0;text-align: center;}
    .theme-matrix td,.theme-matrix th.thp{border:solid 1px #d6d6d6;}
    .theme-matrix  td:first-child strong,
    .theme-matrix  td:first-child {font-weight: bold;}

/* Froala WYSIWYG */
#dialogPageContent div.fr-box { margin-left: -20px; }
#dialogPage[data-wysiwyg-dialogbox='true'] { height: auto !important; }

table.data {}
  table.data tr td,
  table.data tr.odd td,
  table.data tr.even td {border-bottom:1px solid #f3f3f3 !important; color:#757575;  vertical-align:middle;}
  table.data tr:last-child td {border-bottom:none !important;}
  table.data {margin-top:0;}
  table.data a {font-weight:bold;}
  table.data td {padding:15px !important;}
  table.data th a {text-decoration:underline; line-height:22px;}
  table.data th a:hover{text-decoration:none;}
  table.data th.left {}
  table.data th.right {}
  table.data td.left{border-left:none; padding-left:10px;}
  table.data tr.odd td.right,
  table.data tr.even td.right {background-position:top left; border-right:none;}
  table.data tr.footer td.left,
  table.data tr.footer td.right,
  table.data tr.footer td {background:none; padding:5px; font-size:1px; border:none; border-top:1px solid #AAAAAA;}
  table.data tr.footer td.right {background-position:top right;}
  table.data tr.division td {background:none; background:url(../images/table-images/table_division.gif) -2px top no-repeat;}
  table.data tr.division td.left {background:url(../images/table-images/table_division.gif) left top no-repeat;}
  table.data tr.division td.right {background:url(../images/table-images/table_division.gif) right top no-repeat;}
  
  /* ---------------------- S:\Application Documentation\UI Team\documentation\cssDoc\cssRef2.jpg ---------------------- */
  table.data.with-rowtotal {}
  table.data.with-rowtotal tbody tr:last-child {border-top: 1px solid #aaa !important;}
  table.data.with-rowtotal tbody tr td {border-bottom:0 !important;}  
  
  /* ---------------------- S:\Application Documentation\UI Team\documentation\cssDoc\cssRef3.jpg ---------------------- */
  table.data.like-tiles {}
  table.data.like-tiles tr {border-bottom: 1px solid #f0f0f0 !important;}
  table.data.like-tiles tr:first-child {border-top: 1px solid #d6d6d6 !important;}
  table.data.like-tiles tr:last-child {border-bottom: 1px solid #d6d6d6 !important;}
  table.data.like-tiles tr:hover {background-color: #f0f0f0;}

table.ui-datepicker-calendar td {padding:1px !important;}

table.multi tr.footer td.left,table.multi tr.footer td.right,table.multi tr.footer td{}
  table.multi{border-top:1px solid #AAAAAA;}
  table.multi tr.section{}
  table.multi tr.section td {padding:25px 5px 5px 5px; background-color:#F5F5F5; border-top:1px dotted #AAAAAA; text-transform:capitalize;  font-size:14px;}
  table.multi tr.section td b {font-weight:normal;}
  table.multi tr.section td.right{border-right:1px solid #AAAAAA;}

table.empty th,
  table.empty th.left,
  table.empty th.right{padding:0; background:none; font-size:0px; line-height:0px; /*border:1px solid #AAAAAA;*/  border-bottom:none !important;}

table.search th {padding:0; background:none;}
  table.data.search th,
  table.data.search th.left,
  table.data.search th.right {border-color:#AAAAAA;}
  
  #col_left div.details_box table.data {width:100%;}

  #learner-page table.data td.action-cols {}
    #learner-page table.data td.action-cols a.action.small,
    #learner-page table.data td.action-cols a.action.small:link, 
    #learner-page table.data td.action-cols a.action.small:visited {margin-bottom:5px !important;}
    #learner-page table.data td.action-cols a.action.small:last-child {margin-bottom:0 !important;}

/* My Job Roles */
table.accordion {border-collapse:collapse;}
    table.accordion th {background: transparent none repeat scroll 0 0 !important; border-bottom: 1px solid #cecece !important; color: #333; font-size: 18px !important; font-weight: normal !important; padding: 10px 15px !important; text-decoration: none;}
    table.accordion td {background:none !important;}
    a.embed-row-trig {display:inline-block; background:transparent url(/st_toolkit/common/images/icons/tbl-expand.png) 0 2px no-repeat; width:16px; height:16px;}
    *+html a.embed-row-trig {float:left; display:block; text-transform:capitalize !important; width:16px !important; height:16px !important;}

    a.embed-row-trig.expand {}
    a.embed-row-trig.collapse {background:transparent url(/st_toolkit/common/images/icons/tbl-collapse.png) 0 2px no-repeat;} 
    tr.embedded-row {display:none;}
    tr.embedded-row td {padding:0 !important;border: solid 1px #f2f2f2;background:none;}
    tr.embedded-row td table.table-embed {margin:0;}
    tr.embedded-row td table.table-embed th {background-image: none; background-color:transparent !important; color: #333; border-top: 0; border-bottom: none !important; font-size:16px !important; font-weight: bold; border-left: none !important; border-right: none !important; text-shadow: 0 1px 0 #fff;}
    tr.embedded-row td table.table-embed th.embed-section-header {padding-left:0 !important; padding-right:0 !important; font-weight:bold !important;}
     tr.embedded-row td table.table-embed th.embed-section-header strong {font-weight:bold !important;}
    tr.embedded-row td table.table-embed tr:nth-child(odd) td {background-color:transparent !important;}
    tr.embedded-row td table.table-embed tr td {padding:10px 5px !important; background-color:transparent !important; border-right:none !important;}
    tr.embedded-row td table.table-embed th:last-child,
    tr.embedded-row td table.table-embed tr td:last-child {border-right:0;}

/* Course Offering Widget - overwritten by clients custom tables.css */
.tbl-course-offering-widget {background:none; border-spacing:0;}
  .tbl-course-offering-widget tr.widget-header-row {height:30px; font-size:12px; font-weight:normal; border-bottom:1px dotted #000;}
  .tbl-course-offering-widget td,
  .tbl-course-offering-widget th {background:none; vertical-align:middle; text-align:left;}
  .tbl-course-offering-widget td {border-bottom:1px dotted #999; padding-top:8px; padding-bottom:8px;}
  .tbl-course-offering-widget tr:last-child td {border-bottom:none;}
  .tbl-course-offering-widget th {border-bottom:1px dotted #999; font-size:16px; font-weight:normal;}
  .tbl-course-offering-widget td.widget-desc {line-height:17px;}
  .tbl-course-offering-widget td.widget-desc .description-title {display:block; font-size: 13px; font-weight:bold; margin-bottom:5px;}
  .tbl-course-offering-widget td.widget-desc .details-bar {font-size:1em; font-weight:normal;}
  .tbl-course-offering-widget td.widget-desc .details-bar em {font-weight:bold;}

/* ---------------------------------- Start Rating Widget ----------------------*/
#ratingsSummary{/*margin-left: -1.5em;*/ width:35%;}
#ratingsParent{/*margin-left:-1em;*/width:65%;}
#ratingsContainer{padding-right: 0.3em;}
#ratingsContainerDiv{height: 100px; width: 120px;}
#containerRight{padding-left:0.5em;}
#containerRight .ratingsRank {font-size:13.6px;}
.fl{float:left;}
.ratingsCount{width: 2.3em; font-size: 0.8em; text-align: right; margin-right: 0.3em; margin-top: 0.1em; font-weight: bold;}
/* ---------------------------------- End Rating Widget ----------------------*/  

/* Tabbed Pages */
.tabbing-ctrl {
    position:relative;
    background-color:transparent;
    background-image: none; 
    border-left: 1px solid #C5CBDA;
    margin:0;
    padding:0;
      overflow: hidden;
    list-style:none;
    z-index:50;
  }
  .tabbing-ctrl li {float: left;/* margin-right: 3px;*/ margin-bottom: 0px !important; list-style: none !important;}
  .tabbing-ctrl li a, 
  .tabbing-ctrl li a:link {padding:10px 15px; background-color: #f0f0f0; background-image: none; background-position: 0 0; background-repeat: no-repeat; border-left: 0 none; border-right: 1px solid #C5CBDA; border-top: 1px solid #C5CBDA; box-shadow: 1px 0 0 #FFFFFF inset; font-family: 'Open Sans', sans-serif, Verdana, Geneva; color:#333; font-size:16px; text-shadow: 0;}
  .tabbing-ctrl li a:hover,
  .tabbing-ctrl li a.active {background-color: #FFFFFF; background-image: none;}
  .tabbing-ctrl li a.active {font-weight: bold; line-height: 19px;}
  
  #login-tabs.tabbing-ctrl li a.login-tabs-link#create_acc,
   #login-tabs.tabbing-ctrl li a.login-tabs-link#login,
    #login-tabs.tabbing-ctrl li {  background-image: none;}

  .wrapper.tabcontent {border: 1px solid #cccccc; margin-top: -1px; padding: 10px;}
  .wrapper.resources.fullwidth table.data {width:960px !important; border:none;}
  .wrapper.tabcontent table.data {width: 100% !important;}
  .wrapper.tabcontent h2 {margin:10px 0;}
  .wrapper.tabcontent table td,
  .wrapper.tabcontent table td.left,
  .wrapper.tabcontent table tr.odd td.right, 
  .wrapper.tabcontent table tr.even td.right,
  .wrapper.tabcontent table tr.even td,
  .wrapper.tabcontent table.data tr.odd td {background:transparent;}
  
  * html .tabbing-ctrl li {margin-top:12px !important;}
  * html .tabbing-ctrl {height:40px;}
  * html .wrapper.tabcontent table td,
  * html .wrapper.tabcontent table tr.odd td.right, 
  * html .wrapper.tabcontent table tr.even td.right,
  * html .wrapper.tabcontent table tr.even td {border-bottom:1px dotted #999999 !important; background:transparent;}
  /*.wrapper.tabcontent table.data {width:750px !important;}*/
  
/* Collapsible Content*/
.collapsible-header{cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.collapsible-header.locked{cursor: default;}
.collapsible-header.exp { border:1px solid #d6d6d6 !important;  -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; background-color: #f0f0f0; -webkit-transition:all 0.3s ease-out 0.3s; transition:all 0.3s ease-out 0.3s;}
.collapsible-header.coll { border:1px solid transparent;}
#col_right .collapsible-header.coll {border:1px solid #d6d6d6 !important;}
#col_right .collapsible-header.coll.learnerDashboard,
#col_right .collapsible-header.coll.managerDashboard,
#col_right .collapsible-header.coll.calendar{border-bottom:0!important;}
#learner-page #col_right .box.collapsible-container #chartdiv1,
#learner-page #col_right .box.collapsible-container #fullcalendar-mini {border:solid 1px #d6d6d6; border-top:0;}

/* Home Page widgets */
#homePage {}
    #homePageLeftWidgets {min-height:300px; background:transparent url(/st_toolkit/common/images/icons/loading-whitescrn-64.gif) 50% 50% no-repeat;}
    #homePageLeftWidgets.widgets-done {background:transparent;}
    #homePageLeftWidgets .collapsible-header.exp,
    .widgets .collapsible-header.exp,
    #col_right .collapsible-header.exp {border:0 !important;}
    #homePageLeftWidgets .collapsible-header.coll,.widgets .collapsible-header.coll {border:0 !important;}
    #course-structure-v2 .collapsible-header.exp {border:solid 1px #d6d6d6!important;}

    #homePageLeftWidgets .collapsible-header .right-controllers {float:right;}
    #homePageLeftWidgets .collapsible-header .right-controllers span {display:inline-block;}
    #homePageLeftWidgets .collapsible-header .right-controllers span a{display:inline-block; text-indent: -200px; overflow: hidden; height:18px; width:18px; padding: 5px; border-radius: 3px; background-color:transparent; background-position: center center; background-repeat: no-repeat;}
    #homePageLeftWidgets .collapsible-header .right-controllers span a.active {cursor: default; background-color:#0572ce;}
    #homePageLeftWidgets .collapsible-header .right-controllers span a.active:hover {}
    #homePageLeftWidgets .collapsible-header .right-controllers span a:hover {text-decoration:none; /*background-color: #fff;*/}
	@-webkit-keyframes loading {
	  to{
	    -webkit-transform: rotate(360deg);
	            transform: rotate(360deg);
	  }
	}

	@keyframes loading {
	  to {
	    -webkit-transform: rotate(360deg);
	            transform: rotate(360deg);
	  }
	}
	@-webkit-keyframes notloading {
	  to{
	    -webkit-transform: rotate(180deg);
	            transform: rotate(180deg);
	  }
	}

	@keyframes notloading {
	  to {
	    -webkit-transform: rotate(180deg);
	            transform: rotate(180deg);
	  }
	}
    #homePageLeftWidgets .collapsible-header .widget-reset {float:left;}
    #homePageLeftWidgets .collapsible-header h2.table_heading.exp .widget-reset{visibility:hidden;/*display:none;*/height: 0; width: 0;}
    #homePageLeftWidgets .collapsible-header .widget-reset span {display:inline-block;padding:0 3px;}
    #homePageLeftWidgets .collapsible-header .widget-reset span a.reset-link {-webkit-animation: notloading 0.5s linear 1;   animation: notloading 0.5s linear 1;background-image: url(/st_toolkit/common/images/icons/2015/icon-refresh-small.png); opacity:0.5;}
    #homePageLeftWidgets .collapsible-header .widget-reset span a.reset-link:hover {opacity:1; transition: opacity 0.3s;}
    #homePageLeftWidgets .collapsible-header .widget-reset span a.reset-link.animated-more{ -webkit-animation: loading 1s linear infinite;   animation: loading 1s linear infinite;}

    #homePageLeftWidgets .collapsible-header .widget-type-set {float:right;opacity:1; visibility:visible;}
    #homePageLeftWidgets .collapsible-header h2.table_heading.exp .widget-type-set {visibility:hidden;display:none;}
    #homePageLeftWidgets .collapsible-header .widget-type-set.N {display:none !important;}
    #homePageLeftWidgets .collapsible-header .widget-type-set span a.widget-type.list{background-image: url(/st_toolkit/common/images/icons/2015/listView.png); opacity:0.5;}
    #homePageLeftWidgets .collapsible-header .widget-type-set span a.widget-type.list:hover,
    #homePageLeftWidgets .collapsible-header .widget-type-set span a.widget-type.tile:hover{opacity:1; transition: opacity 0.3s;}
    #homePageLeftWidgets .collapsible-header .widget-type-set span a.widget-type.list.active,
    #homePageLeftWidgets .collapsible-header .widget-type-set span a.widget-type.list.active:hover{background-image: url(/st_toolkit/common/images/icons/2015/listView-white.png); background-color: #0572ce; display:none;}
    #homePageLeftWidgets .collapsible-header .widget-type-set span a.widget-type.tile{background-image: url(/st_toolkit/common/images/icons/2015/tileView.png);opacity:0.5;}
    #homePageLeftWidgets .collapsible-header .widget-type-set span a.widget-type.tile.active,
    #homePageLeftWidgets .collapsible-header .widget-type-set span a.widget-type.tile.active:hover{background-image: url(/st_toolkit/common/images/icons/2015/tileView-white.png); background-color: #0572ce;display:none;}


    #homePageLeftWidgets table.data {width:100%;}
    #homePageLeftWidgets #learner_due {}
    #homePageLeftWidgets #mgr_due,
    #homePageLeftWidgets #mgrdueWidget {}

    .homepagewidget-container {padding:0;}
    .homepagewidget-container h2.table_heading,
    .homepagewidget-container h2.header-wrp {}
  
  /*
  .homepagewidget {margin:0 0 0 0; padding:0; border:none;}
  .homepagewidget.changing-view {background:transparent url("/st_toolkit/common/images/icons/loading-whitescrn-64.gif") no-repeat scroll 50% 30%}
  .homepagewidget #fixedHeaderTableDiv {display:none;}
  .homepagewidget #scrollBodyTableDiv {border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; border-left:0;}
  .homepagewidget #scrollBodyTableDiv.onecol-wrapper {border-bottom:0;}
  .homepagewidget #scrollBodyTableDiv .tiles-layout.table-tiles:first-child {border-top:0 ;}
  .homepagewidget #scrollBodyTableDiv .tiles-layout.table-tiles:last-child {border-bottom:0 ;}
  #homePageLeftWidgets .tiles-layout.table-tiles.three-col-tiles{cursor:pointer;}
  .homepagewidget table.widget-table tr.header-row, 
  .homepagewidget table.widget-table tr.header-row.hovered,
  .homepagewidget table.widget-table th,
  .homepagewidget table.widget-table tr td,
  .homepagewidget #more-onavd {}

  .homepagewidget #more-onavd {width: 100%; margin: 0 auto; background-color:#fff;}
  
  .homepagewidget #more-onavd a#more-onav {display:block; font-size: 16px;
    font-weight: normal; color:#757575; border: solid 1px #d6d6d6;
    border-radius: 3px; font-size: 16px; margin: 0 auto;  padding:10px 0; text-decoration:none; text-align:center;}
  .homepagewidget #more-onavd a#more-onav:hover{background-color:#0572ce ;color: #fff;}
  */

/* old MORE - for all widgets except new home page widgets */
.homepagewidget #more-onavd {width: 100%; margin: 0 auto; background-color:#fff;}
.homepagewidget #more-onavd a#more-onav {display:block; /*width:100%; */font-size: 16px; font-weight: normal; color:#757575; border: solid 1px #d6d6d6; border-radius: 3px; font-size: 16px; margin: 0 auto;  padding:10px 0; text-decoration:none; text-align:center;}
.homepagewidget #more-onavd a#more-onav:hover{background-color:#0572ce ;color: #fff;}
.homepagewidget #more-onavd #loading-obj-nav {margin: 0 auto; padding:15px 0;}

/* new MORE - for new home page widgets */
#learner-page #homePage .homepagewidget {margin:0 0 0 0; padding:0; border:none;}
#learner-page #homePage .homepagewidget .hiddenRecord,
#learner-page #col_right .homepagewidget .hiddenRecord,
#dialogBox .homepagewidget .hiddenRecord,
#iplusOverlayContainer .homepagewidget .hiddenRecord {display:none !important;}

    #learner-page #homePage .homepagewidget.changing-view {background:transparent url("/st_toolkit/common/images/icons/loading-whitescrn-64.gif") no-repeat scroll 50% 30%}
    #learner-page #homePage .homepagewidget #fixedHeaderTableDiv {display:none;}
    #learner-page #homePage .homepagewidget #scrollBodyTableDiv {/*border-top:1px solid #d6d6d6;  border-bottom:1px solid #d6d6d6;*/ border-left:0;}
    #learner-page #homePage .homepagewidget #scrollBodyTableDiv.onecol-wrapper {}
    #learner-page #homePage .homepagewidget #scrollBodyTableDiv .tiles-layout.table-tiles:first-child {/*border-top:0 ;*/}
    #learner-page #homePage .homepagewidget #scrollBodyTableDiv .tiles-layout.table-tiles:last-child {/*border-bottom:0 ;*/}
    #homePageLeftWidgets .tiles-layout.table-tiles.three-col-tiles{cursor:pointer;}
    #learner-page #homePage .homepagewidget table.widget-table tr.header-row, 
    #learner-page #homePage .homepagewidget table.widget-table tr.header-row.hovered,
    #learner-page #homePage .homepagewidget table.widget-table th,
    #learner-page #homePage .homepagewidget table.widget-table tr td,
    #learner-page #homePage .homepagewidget #more-onavd {}

    #learner-page #homePage .listview .homepagewidget #more-onavd,
    #dialogBox .listview .homepagewidget #more-onavd {width: 100%; margin: -5px auto 0 auto; background-color:transparent;}

    #learner-page #homePage .tilelargeview .homepagewidget #more-onavd,
    #dialogBox .tilelargeview .homepagewidget #more-onavd {width: 100%; margin: -15px auto 0 auto;background-color:transparent;}
    #learner-page #homePage .homepagewidget #more-onavd a#more-onav,
    #learner-page #homePage .homepagewidget #more-onavd a#less-onav,
    #dialogBox .homepagewidget #more-onavd a#more-onav,
    #dialogBox .homepagewidget #more-onavd a#less-onav{ 
        width: 32px;
        height: 32px;
        background: #FFF;
        border: solid 1px #d6d6d6;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        padding:0;
        text-indent:-9999px;
        text-decoration: none;
        text-align: center;
        margin:0 auto;
        -webkit-box-shadow: 0 2px 15px #d6d6d6;
        box-shadow: 0 2px 15px #d6d6d6;
    }
    #learner-page #homePage .homepagewidget #more-onavd a#more-onav,
    #dialogBox .homepagewidget #more-onavd a#more-onav {background: #FFF url(/st_toolkit/common/images/icons/2015/arrow-down-grey-solid-16.png) center center no-repeat; outline:0 !important;}
    #learner-page #homePage .homepagewidget #more-onavd a#less-onav,
    #dialogBox .homepagewidget #more-onavd a#less-onav {background: #FFF url(/st_toolkit/common/images/icons/2015/arrow-up-grey-solid-16.png) center center no-repeat; outline:0 !important}

    #learner-page #homePage .homepagewidget #more-onavd a#more-onav.animated-more,
    #learner-page #homePage .homepagewidget #more-onavd a#less-onav.animated-more,
    #dialogBox .homepagewidget #more-onavd a#more-onav.animated-more,
    #dialogBox .homepagewidget #more-onavd a#less-onav.animated-more  {background: #FFF url(/st_toolkit/common/images/icons/loading.gif) center center no-repeat;}

    #learner-page #homePage .homepagewidget #more-onavd a#more-onav:hover,
    #learner-page #homePage .homepagewidget #more-onavd a#less-onav:hover,
    #dialogBox .homepagewidget #more-onavd a#more-onav:hover,
    #dialogBox .homepagewidget #more-onavd a#less-onav:hove {/*background-color:#f9f9f9; color: #fff;*/-webkit-box-shadow: 0 0 3px #d6d6d6;box-shadow: 0 0 3px #d6d6d6;}
    
    #learner-page #homePage .homepagewidget #more-onavd #loading-obj-nav,
    #dialogBox .homepagewidget #more-onavd #loading-obj-nav {margin: 0 auto; padding:15px 0;}  

#learner-page h2.table_heading.learner_due,
#learner-page h2.table_heading.mgr_due {height:95px;}
#learner-page h2.table_heading.learner_due #chartdiv1,
#learner-page h2.table_heading.mgr_due #chartdiv1 {margin-top:10px; min-height:60px; text-align:center; }
  
#homePageLeftWidgets div#main-announce-collapsible {}
#homePageLeftWidgets div#main-announce-collapsible div#more-onavd {border: none;}
#homePageLeftWidgets div#main-announce-collapsible ul {margin:0; padding:0; list-style:none;}
#homePageLeftWidgets div#main-announce-collapsible ul li img {display:none;}
#homePageLeftWidgets div#main-announce-collapsible ul li span.announce-item {background:transparent url(../images/icons/2015/arrow-side-grey-solid-12.png) 16px 16px no-repeat; padding:10px 15px 10px 30px !important; border-bottom:none !important; display:block; cursor:pointer; font-size:14px; border-top: 1px solid #efeeec;-webkit-transition:border 0.3s ease;-moz-transition:border 0.3s ease;transition:border 0.3s ease;}
#homePageLeftWidgets div#main-announce-collapsible ul li span.announce-item .icon.home.small { background-image: url(../images/icons/2015/icon-home-xsmall.png);  background-color: #ef9543; width:4px;height:4px; vertical-align: middle;}
#homePageLeftWidgets div#main-announce-collapsible ul li span.announce-item:hover{background-color:#f5f5f5 !important;    border-top: solid 1px #CECECE;}
#homePageLeftWidgets div#main-announce-collapsible ul li span.announce-item.expanded {padding-bottom:0 !important; background:#f5f5f5 url(../images/icons/2015/arrow-down-grey-solid-12.png) 16px 17px no-repeat;border-top: solid 1px #CECECE;}
#homePageLeftWidgets div#main-announce-collapsible ul li span.announce-item .announce-title {-webkit-transition:font-weight 0.3s ease;-moz-transition:font-weight 0.3s ease;transition:font-weight 0.3s ease;}
#homePageLeftWidgets div#main-announce-collapsible ul li span.announce-item.expanded .announce-title {font-weight:700;}
#homePageLeftWidgets div#main-announce-collapsible ul li span.announce-item div.desc-full {display:none; width:auto; padding:20px 0; /*margin-top:10px;*/ margin-left:0; background-color:#fcfcfc;}
#homePageLeftWidgets div#main-announce-collapsible ul li span.announce-item.expanded div.desc-full{display:block; background-color:#f5f5f5;color:#000;}
#homePageLeftWidgets div#main-announce-collapsible ul li span.announce-item div.desc-full a {padding:0;}
#homePageLeftWidgets div#main-announce-collapsible ul li span.announce-item  .icon.home.small {/*vertical-align:text-top;*/}
#homePageLeftWidgets div#main-announce-collapsible span.data_navigation {float:none; display:block; margin:0 !important; padding-left:16px !important; font-size:12px;}
#homePageLeftWidgets div#main-announce-collapsible span.data_navigation a {display:inline-block; margin-bottom:15px;text-decoration:none;}
#homePageLeftWidgets div#main-announce-collapsible span.data_navigation a:hover {text-decoration:underline;}

  h2.table_heading.mgr_due,
  h2.table_heading.homepagewidget-header, 
  h2.table_heading.homepagewidgetgroup-header {display:none; padding:10px 0 10px 10px; background-image:none; vertical-align:middle; cursor:pointer; }

  #col_right h2.table_heading.exp .data_navigation{visibility: hidden;}
  h2.table_heading.homepagewidget-header .homepagewidget-header-txt,
  h2.table_heading.header-wrp .header-txt {}
  h2.table_heading.header-wrp .header-detailstxt {font-size: 12px; font-weight: normal; margin-left: 5px; vertical-align:middle;}
  h2.table_heading.homepagewidget-header .homepagewidget-header-total,
  h2.table_heading.header-wrp .header-total,
  .ui-dialog-title .header-total {color:#333; display:inline-block; /*margin-top:2px; */line-height:16px; vertical-align:top; background-color: #fff; border:1px solid #d6d6d6; -webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; font-size:12px; font-weight:normal; padding:3px; min-width: 16px; text-indent: 0; text-align: center;}
  .ui-dialog-title .header-total {margin-left:5px;}
  
  h2.table_heading.mgr_due:hover,
  h2.table_heading.homepagewidget-header:hover {/*background-color:transparent; background-image:none;*/}
  h2.table_heading.exp {margin-bottom:0px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; border:1px solid #d6d6d6 !important; background-color: #f0f0f0; -webkit-transition:all 0.3s ease-out 0.3s; transition:all 0.3s ease-out 0.3s;}
  h2.table_heading.coll {margin-bottom:0; border:1px solid transparent !important;}
  h2.table_heading .expcoll-icon{display:inline-block; width:18px; height:18px; margin:0 5px;}
  h2.table_heading.coll .expcoll-icon{background:url(../images/icons/2015/arrow-down-grey-solid-16.png) no-repeat left top; -webkit-transition:all 0.3s ease-out ; transition:all 0.3s ease-out ; -webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg);}
  h2.table_heading.exp .expcoll-icon{background:url(../images/icons/2015/arrow-down-grey-solid-16.png) no-repeat left bottom;-webkit-transition:all 0.3s ease-out ; transition:all 0.3s ease-out ; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
  
  /*   Rating Widget */
  h2#ratingsHeader.table_heading .expcoll-icon{display:none;}

  /* extra items inside these Collapsible/Expandable headers */
  h2.header-wrp .extras-in-expcoll-header {list-style:none; padding-left:32px; font-size:16px;}
    h2.header-wrp .extras-in-expcoll-header li {float:left; font-weight:normal; margin-right:15px;}

/* Learner Home Page July 2015 */
#learner-page #homePage {min-height:600px;}
  #learner-page .oTblContainer {overflow:visible; border-left:0 !important; border-right:0 !important;}
  .homepagewidget.oTblContainer {border-left:0;}
  #learner-page .oTblContainer table.widget-table {}
  #learner-page .oTblContainer table.widget-table tr {}
  #learner-page .oTblContainer table.widget-table th, 
  #learner-page .oTblContainer table.widget-table tr td {padding:10px 15px !important; border-bottom:0; vertical-align: middle;}
  #learner-page .oTblContainer table.widget-table th.right{}
  #learner-page .details_box.with-collapsible-content .oTblContainer {border-left:0 !important; border-right:0 !important;} 

  /*#homePageLeftWidgets #scrollBodyTableDiv .tiles-layout.table-tiles.three-col-tiles {padding:15px 10px 15px 0;}
  */
  #learner-page #homePage .mand-legend-cont,
  #dialogBox .homepagewidget .mand-legend-cont{ display:block; padding:10px !important;width:45%; width: calc(50% - 50px); margin-top: -33px;margin-bottom: 33px;}
  #learner-page #homePage #more-onavd[style*='display: none;'] + .mand-legend-cont {margin:-20px 0 0 0;}
  #learner-page #homePage .mand-legend-cont .mand-legend,
  #dialogBox .homepagewidget .mand-legend-cont .mand-legend {margin:0 !important; padding:0; font-size: 10px; }
  #learner-page #homePage .mand-legend-cont .mand-legend span.mandatory-icon,
  #learner-page #homePage .mand-legend-cont .mand-legend span.mandatory {display: inline-block; margin-left: 10px; margin-right: 3px; text-align: left; vertical-align: text-top;}
  #learner-page #homePage .mand-legend-cont .mand-legend span:first-child {margin-left:0;}
  
  #learner-page #homePage #col_right {}
  
  #learner-page #homePage #col_right .quick_links {padding-bottom:15px;}
  #learner-page #homePage #col_right .quick_links div {padding:5px 0 0 15px;}
  #learner-page #homePage #col_right .quick_links #quick_links_help_and_support {display:inline-block; padding-left:18px;}
  #learner-page #homePage #col_right .quick_links #quick_links_help_and_support a.help {margin:5px 0 0 0;}


/** 
 * Tiles structure (home page)  
 * .onecol-wrapper = LARGE tiles home page
 * .three-col-tiles = MEDIUM tiles home page table lookalike
 * */
.tiles-layout {}
    label.label-text {font-size:12px; color:#333; font-weight:bold; margin-right:3px;}
    span.value-text {font-size:12px; color:#333; }
    span.value-text a.url-lnk{ overflow: hidden; max-width: 460px; display: inline-block; text-overflow: ellipsis;vertical-align: bottom;}
    label.label-text.overdue,span.value-text.overdue, label.label-text .overdue,span.value-text .overdue {color:#e4001e!important;}
    span.value-text img{height:14px;}

  .tiles-layout.table-tiles.title-box {padding:20px 0 0 0; border: 0 !important;}
  .tiles-layout.table-tiles.title-box:hover { background-color: transparent; }

  .threecol-wrapper {}
    .tiles-layout.three-col-tiles {}
    .tiles-layout.table-tiles {padding:10px 10px 10px 0; border-bottom:1px solid #f0f0f0;}
    .tiles-layout.table-tiles.pointer, .pointer{cursor: pointer;}
    /* full row as links */
    .tiles-layout a.row-links {display:block; margin:-10px -10px -10px 0; padding:10px 10px 10px 0;}
    
    .backtotop {font-size: 12px; background:url(../images/icons/2015/arrow-up-grey.png) no-repeat right center; padding-right:20px; display: inline-block;}
    .tiles-layout.table-tiles.sectionHeader{padding: 15px 15px 15px 0;}
    .collapsible-content .tiles-layout.table-tiles:hover,
    .search-result-container .tiles-layout.table-tiles:hover {background-color: #f0f0f0;}
    .tiles-layout.table-tiles.noBox:hover,.tiles-layout.table-tiles.sectionHeader:hover { background-color: transparent; }
    .tiles-layout.table-tiles.indent-10,.tiles-layout.table-tiles.indent-20,.tiles-layout.table-tiles.indent-30,.tiles-layout.table-tiles.indent-40,.tiles-layout.table-tiles.indent-50,.tiles-layout.table-tiles.indent-60,.tiles-layout.table-tiles.indent-70,.tiles-layout.table-tiles.indent-80,.tiles-layout.table-tiles.indent-90,.tiles-layout.table-tiles.indent-100{/*border-left:dashed 1px #333; */}
    .tiles-layout.table-tiles.indent-0{padding:20px;}
    .tiles-layout.table-tiles.indent-10{padding:20px 20px 20px 60px;}
    .tiles-layout.table-tiles.indent-20{padding:20px 20px 20px 100px;}
    .tiles-layout.table-tiles.indent-30{padding:20px 20px 20px 140px;}
    .tiles-layout.table-tiles.indent-40{padding:20px 20px 20px 180px;}
    .tiles-layout.table-tiles.indent-50{padding:20px 20px 20px 220px;}
    .tiles-layout.table-tiles.indent-60{padding:20px 20px 20px 260px;}
    .tiles-layout.table-tiles.indent-70{padding:20px 20px 20px 300px;}
    .tiles-layout.table-tiles.indent-80{padding:20px 20px 20px 340px;}
    .tiles-layout.table-tiles.indent-90{padding:20px 20px 20px 380px;}
    .tiles-layout.table-tiles.indent-100{padding:20px 20px 20px 420px;}

    /*.tiles-layout.three-col-tiles .treeNode:after,
    .tiles-layout.three-col-tiles .treeNode:after,
    .tiles-layout.three-col-tiles .treeNode:after,
    .tiles-layout.three-col-tiles .treeNode:after,
    .tiles-layout.three-col-tiles .treeNode:after,
    .tiles-layout.three-col-tiles .treeNode:after,
    .tiles-layout.three-col-tiles .treeNode:after,
    .tiles-layout.three-col-tiles .treeNode:after,
    .tiles-layout.three-col-tiles .treeNode:after,
    .tiles-layout.three-col-tiles .treeNode:after,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before{content:''; position:absolute;display:block;top:0;}
    
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before,
    .tiles-layout.three-col-tiles .treeNode:before{border-right:dashed 1px #333;left:0;height:100%;}
    .tiles-layout.three-col-tiles:last-child .treeNode:before{height:50%;bottom:50%;}
    .tiles-layout.table-tiles.indent-0 .treeNode:before{height:50%;top:50%;}
    .tiles-layout.table-tiles.indent-0 .treeNode:after {width:20px;}
    .tiles-layout.table-tiles.indent-10 .treeNode:after {width:40px;}
    .tiles-layout.table-tiles.indent-20 .treeNode:after {width:60px;}
    .tiles-layout.table-tiles.indent-30 .treeNode:after {width:80px;}
    .tiles-layout.table-tiles.indent-40 .treeNode:after {width:100px;}
    .tiles-layout.table-tiles.indent-50 .treeNode:after {width:120px;}
    .tiles-layout.table-tiles.indent-60 .treeNode:after {width:140px;}
    .tiles-layout.table-tiles.indent-70 .treeNode:after {width:160px;}
    .tiles-layout.table-tiles.indent-80 .treeNode:after {width:180px;}
    .tiles-layout.table-tiles.indent-90 .treeNode:after {width:200px;}
    .tiles-layout.table-tiles.indent-100 .treeNode:after {width:220px;}
    .tiles-layout.table-tiles.indent-0 .treeNode:after,
    .tiles-layout.table-tiles.indent-10 .treeNode:after,
    .tiles-layout.table-tiles.indent-20 .treeNode:after,
    .tiles-layout.table-tiles.indent-30 .treeNode:after,
    .tiles-layout.table-tiles.indent-40 .treeNode:after,
    .tiles-layout.table-tiles.indent-50 .treeNode:after,
    .tiles-layout.table-tiles.indent-60 .treeNode:after,
    .tiles-layout.table-tiles.indent-70 .treeNode:after,
    .tiles-layout.table-tiles.indent-80 .treeNode:after,
    .tiles-layout.table-tiles.indent-90 .treeNode:after,
    .tiles-layout.table-tiles.indent-100 .treeNode:after{border-bottom:dashed 1px #333;height:50%;left:0;}*/
    /*.tiles-layout.table-tiles.indent-10 .treeNode:after {left:40px;}
    .tiles-layout.table-tiles.indent-20 .treeNode:after {left:60px;}
    .tiles-layout.table-tiles.indent-30 .treeNode:after {left:80px;}
    .tiles-layout.table-tiles.indent-40 .treeNode:after {left:100px;}
    .tiles-layout.table-tiles.indent-50 .treeNode:after {left:120px;}
    .tiles-layout.table-tiles.indent-60 .treeNode:after {left:140px;}
    .tiles-layout.table-tiles.indent-70 .treeNode:after {left:160px;}
    .tiles-layout.table-tiles.indent-80 .treeNode:after {left:180px;}
    .tiles-layout.table-tiles.indent-90 .treeNode:after {left:200px;}
    .tiles-layout.table-tiles.indent-100 .treeNode:after {left:220px;}*/
    .actionlabel { border: dashed 1px #d6d6d6; background-color: #fffcf0; background-image: none; padding: 10px; text-align: center; border-radius: 3px; position: relative; font-size: 12px; color: #ad9974; display: inline-block;}
    .tiles-layout.table-tiles:last-child,
    .tiles-layout.table-tiles:only-of-type {border-bottom:solid 1px #d6d6d6;}
    .tiles-layout.table-tiles:only-of-type {/*border-bottom:0;*/}
    .tiles-layout.table-tiles:first-child{border-top:solid 1px #d6d6d6;}
    .collapsible-header .tiles-layout.table-tiles,
    .collapsible-header .tiles-layout.table-tiles:first-child {border:0;}
    .tiles-layout.table-tiles.sectionHeader {}
    .tiles-layout.table-tiles.sectionHeader h2.table_heading.exp{border:0 !important; background-color:transparent;}
    .tiles-layout.table-tiles.bundleHeader h2.table_heading {text-indent:initial; padding-left:0;border:0 !important; background-color:transparent;}
    .tiles-layout.table-tiles.noBox {/*padding:20px 0;*/padding:0; border: 0;}
    
    .tiles-layout.three-col-tiles .tiles-col-l {float:left; width:87%; margin-right:0px; }
    #course-structure-v2 .collapsible-content .tiles-layout.three-col-tiles .treeNode,
    #search_results .tiles-layout.three-col-tiles .treeNode{padding:15px 5px 15px 0;display: inline-block; vertical-align: top;}
    .tiles-layout.three-col-tiles.sectionHeader.locked{opacity:0.4;}
    .tiles-layout.three-col-tiles.sectionHeader.locked .tiles-col-l{background:url(../images/icons/2015/icon-locked-large) right 10px no-repeat;}
    .tiles-layout.three-col-tiles .tiles-col-l-l {float:left; /*width:51px;*/ /*width:8%;*/ display: table-cell;}
    .tiles-layout.three-col-tiles .tiles-col-l-r {/*float:left;*/ /*width:602px;*/ /*width:92%;*/ display: table-cell;}
    .tiles-layout.table-tiles.sectionHeader .tiles-col-l-l ,
    .tiles-layout.table-tiles.sectionHeader .tiles-col-l-r {display:block;}
    .tiles-layout.three-col-tiles .tiles-col-r {float:left; /*width:140px;*/ width:13%; text-align:right; } 
    .tiles-layout.three-col-tiles .tiles-col-r ul {list-style:none; padding:0; margin:0;}
    .tiles-layout .title-2col ul.details-in-header {margin-bottom:15px;}
    .tiles-layout dl.tiles-content .title-2col ul.details-in-header li {margin-bottom:0;}
    .tiles-layout dl.tiles-content .title-2col ul.details-in-header li p {margin-bottom:0;}
    .tiles-layout .desc-wrp{clear:both; font-size: 12px;}
    .tiles-layout.three-col-tiles dl.tiles-content dt .desc-wrp.collapsible a{font-size:12px;}
    .tiles-layout .desc-wrp.collapsible .desc-txt {display:none; padding: 15px 0;}
    .tiles-layout .desc-wrp.collapsible .desc-txt h2{margin-bottom:10px;}
    .tiles-layout .desc-wrp.collapsible .desc-txt ul {list-style:inside;padding: 15px;}
    .tiles-layout .desc-wrp.collapsible .desc-txt ul li {}
    .tiles-layout .desc-wrp.collapsible .desc-txt .togglecourse .value-text{border:solid 1px #d6d6d6;margin-top:20px; padding:11px 25px 11px 15px; display: inline-block;    border-radius: 3px;color:#333; background:url("/st_toolkit/common/images/framework/prim-nav-arrow-dark.png") no-repeat right 8px center;}
    .tiles-layout .desc-wrp.collapsible .desc-txt img{float:left; margin:0 10px 10px 0;}
    .tiles-layout .desc-wrp.collapsible .desc-txt p{padding:0; margin:0;}
    .tiles-layout .desc-wrp.collapsible .desc-tgl .show-desc {display:none;}
    .tiles-layout .desc-wrp.collapsible .desc-tgl.hiddentxt .show-desc {display:inline;}
    .tiles-layout .desc-wrp.collapsible .desc-tgl.hiddentxt .hide-desc {display:none;}
    .tiles-layout .desc-wrp .desc-tgl,
    .tiles-layout.three-col-tiles dl.tiles-content dt .desc-wrp .desc-tgl{font-weight:700; font-size: 12px; color:#333 ;padding-left:20px;background:transparent url(../images/icons/2015/icon-minus.png) no-repeat left center;}
      .tiles-layout .desc-wrp .desc-tgl.hiddentxt,
      .tiles-layout.three-col-tiles dl.tiles-content dt .desc-wrp .desc-tgl.hiddentxt{background:transparent url(../images/icons/2015/icon-plus.png) no-repeat left center;}
      .tiles-layout .desc-wrp .desc-tgl:hover{text-decoration: none;}
    .tiles-layout.three-col-tiles .tiles-title,
    .tiles-layout.three-col-tiles dl.tiles-content dt a {font-size:18px;}
    .tiles-layout.three-col-tiles dl.tiles-content dt a:hover {text-decoration: none; color: #2d1d85;}
    .tiles-layout.three-col-tiles dl.tiles-content dt label.new-badge{border-radius:3px;display: inline-block; background-color: #005aa7; color: #fff; padding:2px 8px; font-size: 12px;}
    .tiles-layout.three-col-tiles dl.tiles-content dt .onsale{display: inline-block; background-color: #20b147; color: #fff; padding: 2px 8px; font-size: 12px;}
    /*.tiles-layout.three-col-tiles dl.tiles-content dt .onsale:before{display: inline-block;content:''; width:14px;height:20px;background:transparent url(../images/icons/onsale-left.png) no-repeat center;margin: -1px 3px 0 -14px; vertical-align: top;}
    .tiles-layout.three-col-tiles dl.tiles-content dt .onsale:after{display: inline-block;content:'';width:5px;height:20px;background:transparent url(../images/icons/onsale-right.png) no-repeat center;margin: -1px -5px 0 3px; vertical-align: top;}}
    */
    .tiles-layout.three-col-tiles dl.tiles-content dt .ratings{margin:0; vertical-align: middle;}
    
    .tiles-layout dl.tiles-content {/*float:left;*/ margin-right:20px; text-align:left; font-size:12px;}
    .tiles-layout dl.tiles-content .title-2col:after{content: ''; display: block; clear: both;}
    .tiles-layout dl.tiles-content .title-2col .title-leftcol{/*float:left; width:10%;*/display: table-cell;vertical-align: top;}
    .tiles-layout dl.tiles-content .title-2col .title-rightcol{/*float:left; width:90%;*/ float:none; display: table-cell;vertical-align: middle; width: 100%;}
    .tiles-layout dl.tiles-content .header-txt{line-height: normal;}
    .tiles-layout dl.tiles-content dt {margin-bottom:6px; font-size: 16px;}
    /*.tiles-layout dl.tiles-content dt.pinned {background:url(../images/icons/2015/icon-pinned.png) no-repeat 0 center; padding-left:20px;}
    .tiles-layout dl.tiles-content dt.locked {background:url(../images/icons/2015/icon-locked.png) no-repeat 0 center; padding-left:20px;}
    .tiles-layout dl.tiles-content dt.pinned.locked {background:url(../images/icons/2015/icon-locked-pinned.png) no-repeat 0 center; padding-left:20px;}*/
    .tiles-layout dl.tiles-content dt p.tiles-title{margin-left:45px;}
    .tiles-layout dl.tiles-content dt a span.view{font-size: 12px; display: inline-block; background:url(../images/icons/2015/icon-view-small.png) no-repeat 5px center;padding:1px 5px;border-radius:3px; background-color:#f6f6f6; border:solid 1px #d6d6d6; padding-left:25px;}
    .tiles-layout dl.tiles-content dd {}
    .tiles-layout dl.tiles-content dd.tiles-subtitle-items {margin-top:0 !important;color: #aaa;} /*Channel Discussion*/
    .tiles-layout dl.tiles-content ul {list-style:none; margin:0; padding:0;}
    .tiles-layout dl.tiles-content dd.tiles-subtitle-items ul {}
    .collapsible-header .tiles-layout dl.tiles-content dd {padding-left:35px;}
    .collapsible-header .tiles-layout.bundleHeader dl.tiles-content dd {padding-left:0;}
    
    .tiles-layout dl.tiles-content ul li.label-value {/*float:left;*/ display:inline-block; margin-right:0; margin-bottom:5px;}
    .tiles-layout dl.tiles-content ul li.label-value:empty {display:none;}
    .tiles-layout dl.tiles-content ul li.label-value span.value-text:not(:empty)::after {content:'\00a0 \00a0'; margin:0;display:inline-block;line-height: 12px; font-size: 12px; color:#000;}
    .tiles-layout dl.tiles-content ul li.label-value:last-child span.value-text::after,
    .tiles-layout dl.tiles-content ul li.label-value:visible:last-child span.value-text::after {content:''; margin:0;}
    .tiles-layout dl.tiles-content ul li.label-value:not(:empty):last-child:after{content:'';}
    .banner-fullwidth .tiles-layout dl.tiles-content ul li.label-value{margin-right:15px;}
    .banner-fullwidth .tiles-layout dl.tiles-content ul li.label-value::after {display: none;}
        
    .tiles-layout dl.tiles-content  ul li.label-value.attrAction{float: right; margin:0;}
    .tiles-layout dl.tiles-content  ul li.label-value .actionlabel{background:none; padding:0; display:inline-block; border:0;}
    .tiles-layout dl.tiles-content  ul li.label-value .actionlabel:after{background:none;height:auto;width: auto; position: static;}
    .tiles-layout dl.tiles-content  ul li.date-label {float:left; height:100%; margin-right:20px; margin-bottom:5px; font-size:12px; color:#757575; background: transparent url(/st_toolkit/common/images/icons/2015/icon-date12.png) no-repeat scroll left center; padding-left: 20px;}
    .tiles-layout dl.tiles-content  ul li.location-label,
    .tiles-layout dl.tiles-content  ul li.address-label {float:left; height:100%; margin-right:20px;  margin-bottom:5px; font-size:12px; color:#757575; background: transparent url(/st_toolkit/common/images/icons/location_16.png) no-repeat scroll left center; padding-left: 20px;}
    .tiles-layout dl.tiles-content  ul li.session-label {float:left; height:100%; margin-right:20px;  margin-bottom:5px; font-size:12px; color:#757575; background: transparent url(/st_toolkit/common/images/icons/2015/icon-session12.png) no-repeat scroll left center; padding-left: 20px;} 
    
    .tiles-layout dl.tiles-content dd.tiles-subtitle-items ul li {float:left; margin-right:30px;}

    .tiles-layout .progress-bar {/*float:left;*/box-sizing: border-box; height:16px; /*margin-top:1px;*/ margin-right:16px; margin-bottom:0; font-size:9px; line-height:9px; color:#333; display: inline-block; vertical-align: top; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow: hidden;}
    .tiles-layout .progress-bar.compact {margin:2px 0;height:12px;}
    .tiles-layout.one-col-tiles .progress-bar {display: block;}
    .tiles-layout a.action.small,
    .tiles-layout a.action.small:link,
    .tiles-layout a.action.small:visited {padding:11px 15px !important;} 
    .tiles-layout a.action.small span,
    .tiles-layout a.action.small:link span,
    .tiles-layout a.action.small:visited span {/*line-height:20px;*/ white-space:normal;}
    .tiles-layout dl.tiles-content dt a.action.small,
    .tiles-layout dl.tiles-content dt a.action.small:link,
    .tiles-layout dl.tiles-content dt a.action.small:visited {/*padding:0 !important;*/} 
  
  .onecol-wrapper {}
    /*.tilelargeview {background-color:transparent !important; box-shadow:none;}
    .tilelargeview h2.table_heading.mgr_due, 
    .tilelargeview h2.table_heading.homepagewidget-header, 
    .tilelargeview h2.table_heading.homepagewidgetgroup-header {padding:15px 0;}*/
    .rowOfTiles:after{content:'';clear: both;display: block;}
    .tiles-layout.one-col-tiles {width:244px; /*width:32%;*/ display: inline-block; margin:15px 15px 15px 0;/*margin:5px 2% 15px 0;*/ padding:15px; vertical-align:top; /*box-sizing: border-box;float: left;*/}
    .tiles-layout.one-col-tiles.box {background-color:#fff !important;  border: solid 1px #d6d6d6 !important;}
    .tiles-layout.one-col-tiles .tiles-details-row {margin-bottom:3px;}
    .tiles-layout.one-col-tiles .tiles-details-row.progress-bar {margin-top:15px;}
    .tiles-layout.one-col-tiles .tiles-details-row.ratings-row {margin-top:15px;}
    .tiles-layout.one-col-tiles .tiles-img { position: relative; margin: -15px -15px 10px -15px; position: relative;}
    .tiles-layout.one-col-tiles .tiles-img label.new-badge{ position: absolute;top:0; left:0;
     display: inline-block;
    background-color: #005aa7;
    color: #fff;
    padding: 2px 8px;
    font-size: 12px;}
    .tiles-layout.one-col-tiles .tiles-img label.onsale{ position: absolute;bottom:0; right:0;
     display: inline-block;
    background-color: #20b147;
    color: #fff;
    padding: 2px 8px;
    font-size: 12px;z-index:1;}
    .tiles-layout.one-col-tiles .tiles-img:after {content:''; display:block; clear:both;}
    .tiles-layout.one-col-tiles .tiles-title {margin-bottom:15px;}
    .tiles-layout.one-col-tiles .tiles-details {}
    .tiles-layout.one-col-tiles .tiles-details-l {float:left;}
    .tiles-layout.one-col-tiles .tiles-details-r {float:right;}
    .tiles-layout.one-col-tiles .tiles-title,
    .tiles-layout.one-col-tiles .tiles-title a.tiles-title {font-size:16px; line-height:20px;}
    .tiles-layout.one-col-tiles .tiles-title a.tiles-title { overflow: hidden; max-width: 90%; display: inline-block; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 0;}
    .tiles-layout.one-col-tiles .tiles-img a {display:block; height:130px; text-align:center;}
    .tiles-layout.one-col-tiles .tiles-img a img {max-height:130px; width: 100%; height: 130px;}
    .tiles-layout.one-col-tiles span.mandatory, 
    .tiles-layout.one-col-tiles span.compliance, 
    .tiles-layout.one-col-tiles span.rolemandatory, 
    .tiles-layout.one-col-tiles span.mandatory.comp, 
    .tiles-layout.one-col-tiles span.mandatory.role { vertical-align: text-top;  margin: 0 0 0 6px;}
    
    .tiles-layout.two-col-tiles{}
    .tiles-layout.two-col-tiles.rating-wrp h2.table_heading .expcoll-icon{display:none;}
    .tiles-layout.two-col-tiles .tiles-col-l,
    .tiles-layout.two-col-tiles .tiles-col-r{width:50%;float:left;}
    .tiles-layout.two-col-tiles .tiles-col-l .box,
    .tiles-layout.two-col-tiles .tiles-col-r .box{background-color: #FFF; border: solid 1px #d6d6d6;}
    .tiles-layout.two-col-tiles .tiles-col-l .box{margin-right:20px;}
    /* ---------------------- Rating ---------------------*/
    #myRatingsHeader{ background-color: #FFF; border: solid 1px #d6d6d6;}
    #averageRatingHeader {border-bottom: solid 1px #d6d6d6;}
    .tiles-layout.two-col-tiles.rating-avg-wrp,
    .tiles-layout.two-col-tiles.rating-commnet-wrp	{padding:20px;}
    .tiles-layout.two-col-tiles.rating-commnet-wrp	{background-color: #f9f9f9;border: solid 1px #d6d6d6; border-top:0;}
    .tiles-layout.two-col-tiles.rating-commnet-wrp:after {content:''; display:block; clear:both;}
    .tiles-layout.two-col-tiles.rating-commnet-wrp .reviewer-img{float:left; height:48px; width:48px; margin-right: 20px; border-radius: 25px; overflow: hidden;}
    .tiles-layout.two-col-tiles.rating-commnet-wrp .rating-comment{float:left;/*background-color: #FFF; border: solid 1px #d6d6d6;*/ position: relative; width: 75%; padding: 10px;}
    .tiles-layout.two-col-tiles.rating-commnet-wrp .rating-comment .header-detailstxt {display:block;border-bottom:solid 1px #d6d6d6;padding-bottom:10px; margin-bottom:10px;}
    /*.tiles-layout.two-col-tiles.rating-commnet-wrp .rating-comment:before{content:'';display:block;position: absolute; border: solid 10px #fff;border-color:transparent #fff transparent transparent;left:-20px;}*/
    .tiles-layout.two-col-tiles.rating-commnet-wrp .reviewer-name{display:block;font-weight: bold;}
    .tiles-layout.two-col-tiles.rating-commnet-wrp .reviewer-comment{display: block;}
    .tiles-layout.two-col-tiles.rating-commnet-wrp .review-status{float:right; margin-top:5px; font-size:10px; font-weight:normal; font-style:italic;}
    .tiles-layout.two-col-tiles .rating-avg{ font-size:50px; width: 150px; margin:0 auto; text-align: center;}
    .tiles-layout.two-col-tiles .rating-avg .avg-value{display: block;}
    .tiles-layout.two-col-tiles .rating-total{text-align: center; margin-top: 10px;}
    .tiles-layout.two-col-tiles .ratingBars{}
    .tiles-layout.two-col-tiles .ratingBar-wrp{ margin-bottom: 2px; font-size: 14px; line-height: 20px; vertical-align: middle;}
    .tiles-layout.two-col-tiles .rating-bar-wrp{width:100px;background-color: #FFF; border: solid 1px #d6d6d6;display:inline-block;height:20px;vertical-align: middle;}
    .tiles-layout.two-col-tiles .rating-no{font-weight: bold;}
    .tiles-layout.two-col-tiles .rating-bar-wrp .rating-bar{display:inline-block;background-color: #0572ce;height:20px;}
    .tiles-layout.two-col-tiles .rating-bar-wrp .rating-no{}
  
  #course-structure-v2 .tiles-layout.table-tiles, #search_results .tiles-layout.table-tiles{position: relative;}
  #courseStructure .tiles-layout.table-tiles {/*padding-top:10px !important; padding-bottom:0px !important;*/}


/* Tiles - DISCUSSION variant (Channel Discussion page) */
/********************************************************/
.discussion-type-tiles .tiles-layout:hover {background-color: #f0f0f0;}
.discussion-type-tiles .tiles-layout dl.tiles-content dd {margin-top:10px;}
.discussion-type-tiles .tiles-layout dl.tiles-content dd.discussion-summary,
.discussion-type-tiles .tiles-layout dl.tiles-content dd.discussion-summary span.value-text {font-size:12px; color: #333;}
.discussion-type-tiles .tiles-layout dl.tiles-content dd.discussion-summary span.value-text .extras {font-size:10px;}
.tiles-layout dl.tiles-content span.replied {background:url(../images/icons/2015/icon-replied-arrow.png) no-repeat 0 center; padding-left:20px;}


/* Channel Discussion Page */
#channel_topics {}
    #channel_topics.changing-view {background:transparent url("/st_toolkit/common/images/icons/loading-whitescrn-64.gif") no-repeat scroll 50% 30%}
    #channel_topics h2 {/*border-bottom: solid 1px #d6d6d6;*/}

/* RHS Column Home Page REMOVED AFTER 5.8 */
/************************
.list-module {}
  .list-module h3 {}
  .list-module ul {list-style:none; padding:0; margin:0;}
  .list-module ul li {display:block; border-top:1px solid #f0f0f0; margin: 0 15px 15px 15px;
    padding-top: 5px;}
    #channel-recom_channels.list-module ul li,
    #channel-expert.list-module ul li{border:0;}
  .list-module ul li p,#col_right div.column_box.list-module p{padding:0;}
  .list-module ul li a{display:inline-block; height:100%; padding:0; font-size:14px;}
  .list-module.expandable {}
  .list-module.expandable ul li {}
  .list-module.expandable ul li a.article-toggle {width:228px; padding:11px 17px 11px 35px; background:transparent url(../images/icons/2015/arrow-side-grey-solid-12.png) 16px center no-repeat;}
  .list-module.expandable ul li a.article-toggle.expanded {background:transparent url(../images/icons/2015/arrow-down-grey-solid-12.png) 16px center no-repeat;}
  .list-module.expandable ul li a.article-toggle span {display:inline-block;}
  .list-module.expandable ul li a.article-toggle .article-txt {float:left;}
  .list-module.expandable ul li a.article-toggle .article-date {float:right;}
  .list-module.expandable dl {margin:0; padding:0;}
  .list-module.expandable dl dt {margin:0; padding:0;}
  .list-module.expandable dl dd {display:none; margin:0; width:246px; padding:11px 17px; background-color:#fcfcfc; font-size:13px;}
  div#main_announce {}
  #main_announce.list-module ul li{border:0;padding:0;margin:0;}
    .list-module div {padding:0; margin:0;}
    .list-module div ul li img {display:none;}
    .list-module div ul li span.announce-item {position:relative; padding:10px 15px 10px 30px !important; border-bottom:none !important; display:block; cursor:pointer; font-size:14px; border-top: 1px solid #E7E7E7;-webkit-transition:border 0.3s ease;-moz-transition:border 0.3s ease;transition:border 0.3s ease;}
      .list-module div ul li span.announce-item:before{content:url(../images/icons/2015/arrow-down-grey-solid-12.png);width: 12px; height: 10px; display: inline-block;  position: absolute; left: 12px; top: 15px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);}
        #learner-page .list-module div ul li span.announce-item > .icon.small {display:none !important;}
    .list-module div ul li span.announce-item .icon.home.small{background-image: url(../images/icons/2015/icon-home-xsmall.png) ; background-color: #ef9543; width:4px; height:4px; vertical-align: middle;}
    .list-module div ul li span.announce-item:hover{background-color:#f0f0f0 !important;    border-top: solid 1px #d6d6d6;}
    .list-module div ul li span.announce-item.expanded {padding-bottom:0 !important; background:#f0f0f0; border-top: solid 1px #d6d6d6;}
    .list-module div ul li span.announce-item.expanded:before{content:url(../images/icons/2015/arrow-down-grey-solid-12.png);width: 12px; height: 10px; display: inline-block;  position: absolute; left: 12px; top: 15px;
      -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    #main_announce.list-module div ul li span.announce-item .announce-date { margin-left: 10px; font-size:12px; color:#aaa;}
    .list-module div ul li span.announce-item .announce-title {overflow: hidden; max-width: 67%; display: inline-block; white-space: nowrap; text-overflow: ellipsis;-webkit-transition:font-weight 0.3s ease;-moz-transition:font-weight 0.3s ease;transition:font-weight 0.3s ease;}
    .list-module div ul li span.announce-item.expanded .announce-title {font-weight:700;overflow: visible; max-width: auto; display: block; white-space: normal;}
    div#main_announce h3 {}
    div#main_announce ul li span.announce-item div.desc-full {width:246px; padding:20px 15px; margin-left:-30px;}
    div#main_announce ul li span.announce-item.expanded div.desc-full{background-color:#f0f0f0;color:#000;}
    div#main_announce ul li span.announce-item div.desc-full a {padding:0;}
    div#main_announce span.data_navigation {float:none; display:block; margin:0 !important; padding-left:16px !important; font-size:12px;}
    div#main_announce span.data_navigation a {display:inline-block; margin-bottom:15px;text-decoration:none;}
    div#main_announce span.data_navigation a:hover {text-decoration:underline;}
*************************/

/* RHS Column Home Page */
#learner-page #col_right .box.collapsible-container {border: 0;}
#learner-page #col_right .homepagewidget #scrollBodyTableDiv {
    padding-bottom:10px;
    border-top: 0;
    border-left: solid 1px #d6d6d6;
    border-right: solid 1px #d6d6d6;
    border-bottom: solid 1px #d6d6d6;
}
#learner-page #homePage #col_right .homepagewidget #more-onavd {position:relative; z-index:99;}
#learner-page #homePage #col_right .homepagewidget #more-onavd a#more-onav, 
#learner-page #homePage #col_right .homepagewidget #more-onavd a#less-onav {width: 24px; height: 24px;}
#learner-page #homePage #col_right .homepagewidget #more-onavd a#more-onav {background: #FFF url(/st_toolkit/common/images/icons/2015/arrow-down-grey-solid-12.png) center center no-repeat;}
#learner-page #homePage #col_right .homepagewidget #more-onavd a#less-onav {background: #FFF url(/st_toolkit/common/images/icons/2015/arrow-up-grey-solid-12.png) center center no-repeat;}
.list-module {}
	#col_right .list-module h3 {}
	#col_right .list-module ul {list-style:none; padding:0; margin:0;}
	#col_right .list-module ul li {display:block; border-top:1px solid #f0f0f0; margin: 0; padding: 0;}
	#col_right .list-module ul li:first-child {border-top:0 !important;}
    #channel-recom_channels.list-module ul li,
    #channel-expert.list-module ul li{border:0;}
	#col_right .list-module ul li p, 
	#col_right div.column_box.list-module p {padding:0; margin:0;}
	#col_right .list-module ul li a {display:block; /*height:100%;*/ padding:5px 5px 5px 18px; font-size:14px;}
	#col_right .list-module ul li a:hover {background-color:#f0f0f0; text-decoration: none;}
	#col_right .list-module.expandable {}
	#col_right .list-module.expandable ul li {}
	#col_right .list-module.expandable ul li a.article-toggle {width:228px; padding:11px 17px 11px 35px; background:transparent url(/st_toolkit/common/images/icons/2015/arrow-side-grey-solid-12.png) 16px center no-repeat;}
	#col_right .list-module.expandable ul li a.article-toggle.expanded {background:transparent url(/st_toolkit/common/images/icons/2015/arrow-down-grey-solid-12.png) 16px center no-repeat;}
	#col_right .list-module.expandable ul li a.article-toggle span {display:inline-block;}
	#col_right .list-module.expandable ul li a.article-toggle .article-txt {float:left;}
	#col_right .list-module.expandable ul li a.article-toggle .article-date {float:right;}
	#col_right .list-module.expandable dl {margin:0; padding:0;}
	#col_right .list-module.expandable dl dt {margin:0; padding:0;}
	#col_right .list-module.expandable dl dd {display:none; margin:0; width:246px; padding:11px 17px; background-color:#fcfcfc; font-size:13px;}
	#col_right .list-module div {padding:0; margin:0;}
	#col_right .list-module div ul li img {display:none;}
  #col_right .list-module ul li .tiles-layout {padding: 5px 5px 5px 15px;}
  #col_right .list-module ul li .tiles-layout dl.tiles-content {margin-right:0;}
  #col_right .list-module ul li .tiles-layout dl.tiles-content dd {padding:3px 0 5px 0;}
  #col_right .list-module ul li .xsmall {margin-top: 8px !important;}
    
#main_announce {}
  	#main_announce.list-module ul li{border:0;padding:0;margin:0;}
    #main_announce.list-module div ul li span.announce-item {position:relative; padding:10px 15px 10px 30px !important; border-bottom:none !important; display:block; cursor:pointer; font-size:14px; border-top: 1px solid #E7E7E7;-webkit-transition:border 0.3s ease;-moz-transition:border 0.3s ease;transition:border 0.3s ease;}
    #main_announce.list-module div ul li span.announce-item:before{
    	content:url(/st_toolkit/common/images/icons/2015/arrow-down-grey-solid-12.png);
    	width: 12px; 
    	height: 10px; 
    	display: inline-block;  
    	position: absolute; 
    	left: 12px; 
    	top: 15px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    #main_announce.list-module div ul li span.announce-item:first-child {border-top:0;}
    #main_announce.list-module div ul li span.announce-item > .icon.small {display:none !important;}
    #main_announce.list-module div ul li span.announce-item .icon.home.small{background-image: url(/st_toolkit/common/images/icons/2015/icon-home-xsmall.png) ; background-color: #ef9543; width:4px; height:4px; vertical-align: middle;}
    #main_announce.list-module div ul li span.announce-item:hover{background-color:#f0f0f0 !important; border-top: none}
    #main_announce.list-module div ul li span.announce-item.expanded {padding-bottom:0 !important; background:#f0f0f0; border-top: solid 1px #d6d6d6;}
    #main_announce.list-module div ul li span.announce-item.expanded:before{
    	content:url(/st_toolkit/common/images/icons/2015/arrow-down-grey-solid-12.png);
    	width: 12px; 
    	height: 10px; 
    	display: inline-block;  
    	position: absolute; 
    	left: 12px; 
    	top: 15px;
    	-webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    #main_announce.list-module div ul li span.announce-item .announce-date {margin-left: 10px; font-size:12px; color:#aaa;}
    #main_announce.list-module div ul li span.announce-item .announce-title {overflow: hidden; max-width: 80%; display: inline-block; white-space: nowrap; text-overflow: ellipsis;-webkit-transition:font-weight 0.3s ease;-moz-transition:font-weight 0.3s ease;transition:font-weight 0.3s ease;}
    #main_announce.list-module div ul li span.announce-item.expanded .announce-title {font-weight:700;overflow: visible; max-width: auto; display: block; white-space: normal;}
    #main_announce h3 {}
    #main_announce ul li span.announce-item div.desc-full {}
    #main_announce ul li span.announce-item.expanded div.desc-full {background-color:#f0f0f0; color:#000; padding:15px 0;}
    #main_announce ul li span.announce-item div.desc-full a {padding:0;}
    #main_announce span.data_navigation {float:none; display:block; margin:0 !important; padding-left:16px !important; font-size:12px;}
    #main_announce span.data_navigation a {display:inline-block; margin-bottom:15px;text-decoration:none;}
    #main_announce span.data_navigation a:hover {text-decoration:underline;}

#learnerDashboard {}
  #learner-page #learnerDashboard #chartdiv1,
  #learner-page #managerDashboard #chartdiv1 {/*margin-top:-15px;*/ text-align:center;position: relative;}
  
/* Learning Pathways*/
.tbl-lp-details{/*background-color:#f0f0f0;*/margin: 0;/* border: 1px solid #d6d6d6; border-width: 1px 0 1px 0;*/}
.tbl-lp-details .tiles-layout.table-tiles:first-child{   /* border-top: 1px solid #d6d6d6;*/}
.tbl-lp-details .tiles-layout.table-tiles {     /*border-bottom: 1px solid #f0f0f0; */}
.tbl-lp-details .tiles-layout.table-tiles:last-child,.tbl-lp-details .tiles-layout.table-tiles:only-of-type{/*border-bottom:none;*/}
/* Progress Bar */
.progress-bar{color:#b6b6b6; height:16px; line-height:16px; position:relative; margin:0; cursor:default; padding:0 !important;}
  .pb-notify{
    border:1px solid #d6d6d6 !important;
    background:#fafafa !important;
  }
  .pb-warn{
    border:1px solid #FF6600 !important;
    background:#FFD9B3 !important;
  }
  .pb-alert{
    border:1px solid #990000 !important;
    background:#FFE8E8 !important;
  }
  
  /* color bar */
  .pb-progress{ 
    color:#000 !important;  
    position:absolute;
    width:0;
    height:100%;
    overflow:hidden;
  }
  .pb-notify .pb-progress{
    background:#81bb61 !important;
    padding:0 !important;
    /*-webkit-border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px;*/
  }
  .pb-warn .pb-progress{
    background:#FF6600 !important;
  }
  .pb-alert .pb-progress{
    background:#990000 !important;
  }
  /* text on bar */
  span.pb-text{
    position:absolute;
    text-align:center;
    padding:0 !important;
    color:#fff;
        white-space:nowrap;
  }
  /* text off bar */
  div.pb-text{
    white-space:nowrap;
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
    padding:0 !important;
  }
  
  .progress-bar, span.pb-text{
    width:100px !important;
  }
  .course-structure .progress-bar{margin-left:15px;}
  .compact{
    border:none;
    font-size:11px;
    height:12px;
    line-height:14px;
  }
  .compact,.compact span.pb-text{
    width:100px !important; 
  }
/* Rating stars*/ 
img.rate {    background: url(../images/icons/2015/ratings2.png) 0 0 no-repeat;    width: 99px;    height: 18px;}
    img.stars-0-0{}
img.stars-0-5{background-position:0 -18px;}
img.stars-1-0{background-position:0 -36px;}
img.stars-1-5{background-position:0 -54px;}
img.stars-2-0{background-position:0 -72px;}
img.stars-2-5{background-position:0 -90px;}
img.stars-3-0{background-position:0 -108px;}
img.stars-3-5{background-position:0 -126px;}
img.stars-4-0{background-position:0 -144px;}
img.stars-4-5{background-position:0 -162px;}
img.stars-5-0{background-position:0 -180px;}

.ratings {margin:2px 0;}
.rate {background: url(../images/icons/2015/ratings.png?5.8.1) 0 0 no-repeat; width: 79px; height: 15px;display: inline-block;}
.stars-0-0 {}
.stars-0-5 {background-position:0 -15px;}
.stars-1-0 {background-position:0 -30px;}
.stars-1-5 {background-position:0 -45px;}
.stars-2-0 {background-position:0 -60px;}
.stars-2-5 {background-position:0 -75px;}
.stars-3-0 {background-position:0 -90px;}
.stars-3-5 {background-position:0 -105px;}
.stars-4-0 {background-position:0 -120px;}
.stars-4-5 {background-position:0 -135px;}
.stars-5-0 {background-position:0 -150px;}

/* Summary Pages */
#breadcrumb {font-size:14px; padding:0; margin:0 0 10px 0; line-height:30px;}
  #breadcrumb div.breadcrumb a,
  #breadcrumb a { background-position: left center; background-repeat: no-repeat;}
  #breadcrumb div {}
  #breadcrumb div a {padding:0; margin:0; background:none;}
  #breadcrumb div.breadcrumb a {margin-left:0px;}
  #breadcrumb div#pagetitle {display:inline-block; font-weight:600; margin-bottom:20px;}

/* Summary Pages */
#search-result-container {}
  #search-result-container h2.table_heading {    padding: 15px;    border-bottom: 1px solid #f3f3f3;}
  #search-result-container table.data td {padding:10px 15px !important;}

  .help-wrapper {font-size:14px;}
   .help-wrapper ul {margin-bottom:30px;}
   .help-wrapper ul li{font-size:12px; color:#333;font-weight:bold;}
   .help-wrapper h2 {margin: 0 0 15px; padding: 10px 0; border-bottom:solid 1px #d6d6d6;}
   .help-wrapper h4{margin:10px 0 5px 0;}
   .help-wrapper .example-help,
   .help-wrapper .syntax-help{border:solid 1px #d6d6d6; border-collapse: collapse;}
   .help-wrapper .example-help tr td,
   .help-wrapper .syntax-help tr td{padding:10px!important;font-size:12px;}
   .help-wrapper .example-help tr td i,
   .help-wrapper .syntax-help tr td i,
    .help-wrapper .example-help tr td em,
   .help-wrapper .syntax-help tr td em{font-weight: bold;}
   .help-wrapper .example-help tr td p,
   .help-wrapper .syntax-help tr td p{margin:5px 0 0 0;}
   .help-wrapper .example-help tr,
   .help-wrapper .syntax-help tr{background-color:#fff; border-bottom:solid 1px #d6d6d6;}
   .help-wrapper .example-help tr:nth-child(odd),
   .help-wrapper .syntax-help tr:nth-child(odd){background-color:#f6f6f6;}
   .help-wrapper .note{    font-size: 12px;  border: dashed 1px #d6d6d6;  padding: 10px;  background-color: #fffcf0; margin-top: 10px;}

/* Channel Detail */
#channelBodyWrapper .two-col-advancedsearch {}
#channelBodyWrapper .two-col-advancedsearch .adv-search-l {float:left; width:53%; border-right: 1px solid #d6d6d6;}
#channelBodyWrapper .two-col-advancedsearch .adv-search-r {float:right; width:45%; padding-left:20px;} 
#channelBodyWrapper .ant-select {width:517px !important;}

#channelBodyWrapper h2.table_heading .table-heading-wrapper {width:100%;}
#channelBodyWrapper h2#channelsHeader {/*border-bottom:solid 1px #d6d6d6*/}
#channelBodyWrapper h2#channelsHeader span.pageination-wrapper #displayedRecStart,
#channelBodyWrapper h2#channelsHeader span.pageination-wrapper #displayedRecEnd,
#channelBodyWrapper h2#channelsHeader span.pageination-wrapper .header-total {font-weight:bold;}
#channelBodyWrapper .widget-type-set span a.widget-type {display: inline-block; text-indent: -200px; overflow: hidden; height: 18px; width: 18px; padding: 5px; border: solid 1px transparent; border-radius: 3px; background-color: transparent; background-position: center center; background-repeat: no-repeat;}
#channelBodyWrapper .widget-type-set span a.widget-type.tile {background-image: url(../images/icons/2015/tileView.png);}
#channelBodyWrapper .widget-type-set span a.widget-type.list {background-image: url(../images/icons/2015/listView.png);}
#channelBodyWrapper .widget-type-set span a.widget-type:hover {opacity: 1; text-decoration: none; border: solid 1px #d6d6d6; background-color: #fff;}
#channelBodyWrapper .widget-type-set span a.widget-type.list.active, 
#channelBodyWrapper .widget-type-set span a.widget-type.list.active:hover,
#channelBodyWrapper .widget-type-set span a.widget-type.tile.active, 
#channelBodyWrapper .widget-type-set span a.widget-type.tile.active:hover {display: none; opacity: 0.25;}

#channelBodyWrapper #more-onavd {width: 100%; margin: -20px auto 0 auto; background-color:transparent;}
#channelBodyWrapper #more-onavd a#more-onav { 
    display:block;
    width: 48px;
    height: 48px;
    background: #FFF;
    border: solid 1px #d6d6d6;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding:0;
    text-indent:-9999px;
    text-decoration: none;
    text-align: center;
    margin:0 auto;
    -webkit-box-shadow: 0 2px 15px #d6d6d6;
    box-shadow: 0 2px 15px #d6d6d6;
}
#channelBodyWrapper #more-onavd a#more-onav {background: #FFF url(/st_toolkit/common/images/icons/2015/arrow-down-grey-solid-16.png) center center no-repeat;}

#channelBodyWrapper #more-onavd a#more-onav.animated-more {background: #FFF url(/st_toolkit/common/images/icons/loading.gif) center center no-repeat;}

#channelBodyWrapper #more-onavd a#more-onav:hover{-webkit-box-shadow: 0 0 3px #d6d6d6; box-shadow: 0 0 3px #d6d6d6;}
#channelBodyWrapper #more-onavd span#loading-obj-nav {display: none; margin: 0 auto; padding: 10px 0; text-align: center; border: solid 1px #d6d6d6;}

/*#channelBodyWrapper .tiles-layout.one-col-tiles {width:250px; margin:15px 17px 15px 0;}*/

#channelBodyWrapper #selectedItemsWithTriggers {margin-bottom: 15px; width:100%;}
#channelBodyWrapper #selectedItemsWithTriggers ul {margin:0; padding: 0; list-style: none; overflow: hidden;}
#channelBodyWrapper #selectedItemsWithTriggers ul li {margin-bottom: 5px; display: inline-block; margin-right: 10px;}
#channelBodyWrapper #selectedItemsWithTriggers ul#selectedCategoriesWrapper{margin-bottom:15px;}
#channelBodyWrapper #selectedItemsWithTriggers a.lov_list {
  width:auto;
  height:auto;
  padding: 10px 40px 10px 15px!important;
  margin: 0 15px 0 0px !important; 
  box-shadow: 0 0 3px #ccc;
  font-size: 14px !important;
  font-weight:normal;
  transition: background-color 0.3s ease;
  background-image: url(../images/icons/2015/icon-plus-small.png) !important;
  background-position: right 10px center;
  background-repeat:no-repeat;
}
#channelBodyWrapper #selectedItemsWithTriggers a.lov_list:hover {opacity:0.9;text-decoration: none;background-color:#f6f6f6;}
#channelBodyWrapper #selectedItemsWithTriggers a.action.small,
#channelBodyWrapper #selectedItemsWithTriggers a.lov_list {
  margin-bottom: 0 !important;
  background-color: #fff;
  background-image: none;
  border: 1px solid #aaa;
  border-radius: 3px;
  display: inline-block;
  line-height: 20px;
  color:#333;
}
#channelBodyWrapper .ant-select-selection--multiple {padding-bottom:0;}

#channelBodyWrapper #selectedItemsWithTriggers a.action.small{padding:2px 5px!important; font-size: 12px!important; }
#channelBodyWrapper #selectedItemsWithTriggers a.action.small span {color: #333 !important; font-weight: normal; line-height: 19px; margin: 0; text-decoration: none !important; padding: 0 20px 0 0 !important;}
#channelBodyWrapper #selectedItemsWithTriggers a.action.small.valpicker span {background: url(../images/icons/2015/icon-delete-small.png) no-repeat right center transparent !important;}
#channelBodyWrapper #selectedItemsWithTriggers a.action.small.add span {background: url(../images/icons/courseadd_16.png) no-repeat right center transparent !important;}
#channelBodyWrapper #selectedItemsWithTriggers a.action.small.add.disabled span {}
#channelBodyWrapper .tiles-layout.table-tiles:first-child {/*border-top:none;*/}
#channelBodyWrapper .box .tiles-layout.table-tiles .title-2col {padding-left:10px; margin-bottom:15px;}
#channelBodyWrapper .box .tiles-layout.table-tiles .title-2col .tiles.col-r {}

#catalogSearchBrowseResult > .tilelargeview,
#catalogSearchBrowseResult > .listview {padding-bottom:15px; border-bottom: 1px solid #d6d6d6;}
#channelBodyWrapper .tiles-layout.table-tiles:last-child, 
#channelBodyWrapper .tiles-layout.table-tiles:only-of-type {/*border-bottom:0;*/}

/* Channel Style*/
#channelPage {}
.pinned {background:url(../images/icons/2015/icon-pinned.png) no-repeat 0 center; padding-left:20px;}
.locked {background:url(../images/icons/2015/icon-locked.png) no-repeat 0 center; padding-left:20px;}
.pinned.locked {background:url(../images/icons/2015/icon-locked-pinned.png) no-repeat 0 center; padding-left:40px;}
#channelPage #col_right {border-top:0;}
#channelPage #channelHeaderWrapper{margin-bottom:15px;}
#channelPage #channelHeaderWrapper .banner-fullwidth {background-color:#CCC; height:195px; background-image:url(/st_toolkit/common/images/banners/channel-banner.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
#channelPage #channelHeaderWrapper .banner-fullwidth:after {content:attr(bg);width:278px; height: 130px;}
#channelPage #channelHeaderWrapper .tiles-layout.table-tiles:first-child,
#channelPage #channelHeaderWrapper .tiles-layout.table-tiles:last-child,
#channelPage #channelHeaderWrapper .tiles-layout.table-tiles:only-of-type{border:0;padding:30px;
 background: -webkit-linear-gradient(rgba(0,0,0,0.7), transparent);
background: -moz-linear-gradient(rgba(0,0,0,0.7), transparent);
background: -o-linear-gradient(rgba(0,0,0,0.7), transparent);
background: linear-gradient(rgba(0,0,0,0.7), transparent);}
#channelPage #channelHeaderWrapper  .tiles-layout dl.tiles-content dt { font-size: 24px;  font-weight: bold;  color: #fff;text-shadow: 0 0 5px #000;}
#channelPage #channelHeaderWrapper  .tiles-layout dl.tiles-content dd label.label-text,
#channelPage #channelHeaderWrapper  .tiles-layout dl.tiles-content dd span.value-text{font-size:14px; color:#fff;    text-shadow: 0 0 5px #000;}
#channelPage #channelBodyWrapper .msgWarning, 
#channelPage #channelBodyWrapper .msgInfo, 
#channelPage #channelBodyWrapper .msgError, 
#channelPage #channelBodyWrapper .msgDesc {margin-top:0px;}

#channelPage .widget-type-set span a.widget-type.list.active, 
#channelPage .widget-type-set span a.widget-type.list.active:hover, 
#channelPage .widget-type-set span a.widget-type.tile.active, 
#channelPage .widget-type-set span a.widget-type.tile.active:hover {display: none; opacity: 0.25;}
#channelPage #more-onavd {width: 100%; margin: 0 auto -28px auto; background-color:transparent;}
#channelPage #more-onavd a#more-onav {display:block; width: 48px; height: 48px; background: #FFF; border: solid 1px #d6d6d6; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;padding:0;text-indent:-9999px; text-decoration: none; text-align: center;
    margin:0 auto; -webkit-box-shadow: 0 2px 15px #d6d6d6; box-shadow: 0 2px 15px #d6d6d6;}
#channelPage #more-onavd a#more-onav {background: #FFF url(/st_toolkit/common/images/icons/2015/arrow-down-grey-solid-16.png) center center no-repeat;}
#channelPage #more-onavd a#more-onav.animated-more {background: #FFF url(/st_toolkit/common/images/icons/loading.gif) center center no-repeat;}
#channelPage #more-onavd a#more-onav:hover{-webkit-box-shadow: 0 0 3px #d6d6d6; box-shadow: 0 0 3px #d6d6d6;}
#channelPage #more-onavd span#loading-obj-nav {display: none; margin: 0 auto; padding: 10px 0; text-align: center; border: solid 1px #d6d6d6;}
#channels {border-bottom: 1px solid #d6d6d6; padding-top:0 !important;}
/*#channelPage .tiles-layout.one-col-tiles {width:250px; margin:15px 17px 15px 0;}*/
#channelPage .listview .tiles-layout:first-child{/*border-top:0 !important;*/}
#channelPage .listview .tiles-layout.table-tiles:last-child, 
#channelPage .listview .tiles-layout.table-tiles:only-of-type {/*border-bottom:0 !important;*/}
#channelPage #srch_channelsSearch {margin-bottom:25px;}
#channelPage .ant-select-dropdown {visibility:hidden;}
#channelPage .ant-select {/*width: 845px !important;*/}

#channelPage #channelDiscussionPage {}
#channelPage #channelDiscussionPage #channelTopicDetails {background-color: #fff; padding:10px;}
#channelPage #channelDiscussionPage dt strong {margin-right:25px;}
#channelPage #channelDiscussionPage dt span.dt-extras {font-size:12px; /*margin-right:30px;*/ float:right; color: #aaa; font-weight:normal;}
#channelPage #channelDiscussionPage #channelTopicDetails #channelTopicDetailsBtns {float:right; margin-right:15px; margin-bottom:15px;}
#channelPage #channelDiscussionPage #channel_topics {margin-bottom:15px;}
#channelPage #channelDiscussionPage #channel_topics .listview {/*border-bottom:solid 1px #d6d6d6;*/}
#channelPage #channelDiscussionPage #channel_topics .reply-topic-btns {float:right; margin-right:15px; margin-bottom:15px;}
#channelPage #channelDiscussionPage #clmschannel_prdiscussiontopic {float:right;}

#channelPage .searchicon {white-space:nowrap;}
#channelPage .searchicon #id_keyword { display: inline-block; float: left;}
#channelPage .searchicon input.btn.search {
display: inline-block;
background-image: url(../images/icons/2015/search-icon-dark.png)!important;
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
padding: 7px 20px !important;
margin:0;
font-size: 0!important;}
#channelPage .crt-discussion .action.small.create{background-image:url(../images/icons/2015/icon-plus-small.png); background-position: 8px center; background-repeat: no-repeat; padding-left:30px!important;}

.sub-nav-banner-fullwidth {padding:6px 0; border:2px solid #e5e4e4; background-color:#FFF;}
#subNavBannerMenu {float: left; list-style:none;margin:0; padding:0 10px; z-index: 200;}
#subNavBannerBtn {float:right; margin-right:20px;}
#subNavBannerMenu li {border-right-color: #d9dfe3; border-right-style: solid; border-right-width: 1px; float: left;}
#subNavBannerMenu li.activebannermenu a,
#subNavBannerMenu li a.active{position:relative;}
#subNavBannerMenu li.activebannermenu a:after,
#subNavBannerMenu li.activebannermenu a.active:after,
#subNavBannerMenu li a.active:after{content: ''; position: absolute; bottom: -5px; border-bottom:5px solid #1A72CD; width: 60%; left:20px;}
#subNavBannerMenu li a,
#subNavBannerMenu li a:link,
#subNavBannerMenu li a:active,
#subNavBannerMenu li a:visited {border-top-color: transparent; border-top-style: solid; border-top-width: 1px; color: #333; display: block; font-size: 14px; font-weight: normal; letter-spacing: 0.5pt; padding:12px 20px 10px 20px; text-decoration-color: currentcolor; text-decoration-line: none; text-decoration-style: solid;}
#subNavBannerMenu li a span:after {border-top-color: #fff; border-top-style: solid; border-top-width: 5px; bottom: 0; content: ""; left: 0; position: absolute; width: 0;}

#channels {padding-top:17px !important;}
#channels .box {margin-top:0;}

#channel-recent_comments .tiles-layout.three-col-tiles .tiles-col-l {width:100%;}
#channel-recent_comments .tiles-layout.three-col-tiles .tiles-col-l .tiles-layout dl.tiles-content {margin-right:5px !important;}

#channel-recom_channels .list-module ul li a ,#channel-recom_channels .tiles-layout.three-col-tiles dl.tiles-content dt a {padding:0;}
#channel-recom_channels .tiles-layout.table-tiles{padding:10px;}
#channel-recom_channels .tiles-layout.three-col-tiles .tiles-title,#channel-recom_channels .tiles-layout.three-col-tiles dl.tiles-content dt a { font-size: 14px;}
#channel-recom_channels .tiles-layout.table-tiles,#channel-recom_channels .tiles-layout.table-tiles:first-child{ border: 0;}
#channel-recom_channels li:first-child .tiles-layout.table-tiles:first-child { border-top: solid 1px #d6d6d6;}
#channel-recom_channels .tiles-layout.three-col-tiles .tiles-col-l{ float: none; width: auto; border-bottom: solid 1px #d6d6d6;}
#channel-recom_channels li:last-child .tiles-layout.three-col-tiles .tiles-col-l{border:0;}
#channel-recom_channels .tiles-layout .icon.small {
    width: 12px;
    height: 12px;
    padding: 6px !important;
    background-size: 16px;
    margin-right:0;
}

#channel-recom_channels span.type-icon{margin:0; margin-right:8px;}
#contentUploadIplus .big-tile-btns-container ul li a.addurllink{background: transparent url(/st_toolkit/common/images/icons/2015/icon-addlink-large.png) center 50px no-repeat;}
#contentUploadIplus .big-tile-btns-container ul li a.addurllink span{ display: block; margin-top: 120px;}
#contentUploadIplus .big-tile-btns-container ul li a.addfile{ background: transparent url(/st_toolkit/common/images/icons/2015/icon-addfile-large.png) center 50px no-repeat;}
#contentUploadIplus .big-tile-btns-container ul li a.addfile span{ display: block; margin-top: 120px;}
#contentUploadIplus .big-tile-btns-container ul li a.shareyammer{ background: transparent url(/st_toolkit/common/images/icons/2015/icon-yammer-large.png) center 50px no-repeat;}
#contentUploadIplus .big-tile-btns-container ul li a.shareyammer span{ display: block; margin-top: 120px;}
#contentUploadIplus .big-tile-btns-container ul li a.sharegroup{ background: transparent url(/st_toolkit/common/images/icons/2015/icon-sharegroup-large.png) center 50px no-repeat;}
#contentUploadIplus .big-tile-btns-container ul li a.sharegroup span{ display: block; margin-top: 120px;}
/* ----------------------------------------------- Start Course Structure Widget */
#course_structure{}
#course_structure div {padding:0; margin:0; float:none; overflow:hidden;}
#course_structure div.cs_header ,#course_structure #cs_container{padding:15px;}
  #course_structure div.cs_header {border-bottom:1px solid #cecece !important; margin-bottom:15px;    display: none;}
  #course_structure div.cs_header div.title, 
  #course_structure div.cs_header div.status,  
  #course_structure div.cs_header div.action{
    margin:10px 0 0 0;
    padding:0;
    color:#000;
    font-weight:normal;
    font-size:18px;
    margin-bottom:0px;
  }
  #course_structure div.title,
  #course_structure div.status, 
  #course_structure div.action{
    margin:3px 0;
    float:left;
  }
  
  #course_structure div.status{
    font-weight:normal;
    width:105px !important;
    padding:0;
    text-align:left;
  }
  
  #course_structure div.action{
    font-weight:bold;
    width:120px !important;
    padding:0;
  }
  
  #cs_container, #cs_container a.action span{
    font-size:12px;
  }
  #cs_container div{
    margin-top:0px;
  }
  #cs_container div.title {
    line-height:15px;
    font-size:12px;
    font-weight:normal;
  }
  
  #cs_container div.title.linkclosed,
  #cs_container div.title.linkopen {background:url(/st_toolkit/common/images/icons/rco-2012.gif) no-repeat;}
  
  #cs_container div.title span {line-height:10px;}
  
  #cs_container div.title.linkclosed,
  #cs_container div.title.linkopen,
  #cs_container #branch0 div.title,
  #cs_container #branch1 div.title,
  #cs_container #branch2 div.title,
  #cs_container #branch3 div.title,
  #cs_container #branch4 div.title,
  #cs_container #branch5 div.title,
  #cs_container #branch6 div.title,
  #cs_container #branch7 div.title,
  #cs_container #branch8 div.title,
  #cs_container #branch9 div.title,
  #cs_container #branch10 div.title {padding-left: 15px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
  
  #cs_container div.title span{
    display:block; 
    line-height:20px; 
    color:#999;
    padding:0;
    margin-top:5px;
    font-size:12px;
    font-weight:normal;
  }
  *+html #cs_container div.title span{line-height:9px; margin-top:2px;}
  #cs_container div.title a.action span{
    padding:1px 8px 1px 2px; /* reset action button padding and font-size */
  }
  #cs_container div.title.linkclosed {
    cursor:pointer;
    background-position:left 2px;
  }
  #cs_container div.title.linkclosed:hover{
    background-position:left -77px;
    color:#000;
  }
  #cs_container div.title.linkopen{
    cursor:pointer;
    background-position:left -155px;
  }
  #cs_container div.title.linkopen:hover{
    background-position:left -238px;
    color:#000;
  }
  #cs_container div.title span a{
    color:#000;
  }
  #cs_container div.status.overdue{
    color:#900;
  }
  
  #cs_container div.rco0,
  #cs_container div.rco1,
  #cs_container div.rco2,
  #cs_container div.rco3,
  #cs_container div.rco4,
  #cs_container div.rco5,
  #cs_container div.rco6,
  #cs_container div.rco7,
  #cs_container div.rco8,
  #cs_container div.rco9,
  #cs_container div.rco10 {margin-bottom:10px;}
  
  #course_structure div.cs_header div.title{
    width:500px;
  }
  
  #cs_container div.rco0 div.title{
    margin-left:0px;
    /*width:480px;*/
    width:500px;
  }
  #cs_container div.rco1 div.title{
    margin-left:10px;
    /*width:470px;*/
    width:490px
  }
  #cs_container div.rco2 div.title{
    margin-left:20px;
    /*width:450px;*/
    width:480px;
  }
  
  #cs_container div.rco3 div.title{
    margin-left:30px;
    /*width:440px;*/
    width:470px;
  }
  
  #cs_container div.rco4 div.title{
    margin-left:40px;
    /*width:430px;*/
    width:460px;
  }
  
  #cs_container div.rco5 div.title{
    margin-left:50px;
    /*width:420px;*/
    width:450px;
  }
  #cs_container div.rco6 div.title{
    margin-left:60px;
    /*width:410px;*/
    width:440px;
  }
  
  #cs_container div.rco7 div.title{
    margin-left:70px;
    /*width:400px;*/
    width:430px;
  }
  #cs_container div.rco8 div.title{
    margin-left:80px;
    /*width:390px;*/
    width:420px;
  }
  #cs_container div.rco9 div.title{
    margin-left:90px;
    /*width:380px;*/
    width:410px;
  }
  
  * html div.cs_header {overflow:hidden; height:1%;}
  
  * html #cs_container div.title {margin-bottom:10px;}
  
  * html #cs_container div.rco1 div.title{
    margin-left:10px;
    width:460px;
  }
  * html #cs_container div.rco2 div.title{
    margin-left:20px;
    width:440px;
  }
  * html #cs_container div.rco3 div.title{
    margin-left:15px;
  }
  * html #cs_container div.rco4 div.title{
    margin-left:20px;
  }
  * html #cs_container div.rco5 div.title{
    margin-left:25px;
  }
  * html #cs_container div.rco6 div.title{
    margin-left:30px;
  }
  * html #cs_container div.rco7 div.title{
    margin-left:35px;
  }
  * html #cs_container div.rco8 div.title{
    margin-left:40px;
  }
  * html #cs_container div.rco9 div.title{
    margin-left:45px;
  }
  
  #cs_container div.title a.objNameCS:link,
  #cs_container div.title a.objNameCS:active {text-decoration: none;}
  #cs_container div.title a.objNameCS:hover {text-decoration:underline;} 
  #cs_container div.title a.objNameCS span {margin-top:0 !important; font-size: 16px; font-weight: bold; color:#333; line-height:22px;}



/* Overlay for animation */
#overlay-page,
#overlay-fileUpload {display:none; background-color:#000; width:100%;height:100%; z-index:99999999 !important; position:absolute; top:0; left:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20) !important; opacity: 0.2; filter:alpha(opacity=20);}
#overlay-fileUpload {z-index:10 !important;}
  #overlay-page img {display: block;  position: absolute; top: 40%; left: 50%; width: 64px; height: 64px; margin: auto;}  

/* IPLUS OVERLAY - to load other pages to replace Dialog Box #iPlusOverlayContent */
#overlayDiv {display:none; position: fixed; top: 0; left: 0; height: 100%;  width: 100%;  background-color: rgba(0,0,0,0.5); z-index: 999;} 
  #iplusOverlayContainer {display:none; width:98%; height:96%; min-width:1005px; position: fixed; top: 0; left:0; padding: 0; border-radius: 0; background-image: none; border: none; margin-top:0; margin-left: 0; z-index: 1000; background-color:#FFF; overflow:hidden; z-index:999; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.4); -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.4);    box-shadow: 0 5px 15px rgba(0,0,0,0.4);}
  #iplusOverlayContainer em.obj_id {font-size:0.7em; font-weight:normal; font-style:normal;}
  #iplusOverlayContainer .unpublished em.obj_id {font-style:italic;}
    #iplusOverlayContainer table em.obj_id {display: inline-block; font-size: 0.8em; line-height: 20px; margin-top: 2px; vertical-align: top;}
  #iplusOverlayContainer #iplusOverlayHeader {
    border: none;
    color: #ffffff;
    font-weight: bold;
    padding: 0.7em 1em;
    position: relative;
    cursor: move;
  }/* clear */
  #iplusOverlayContainer #iplusOverlayHeader #overlayHeaderTitle {float: left; font-size:22px; min-height:15px; margin: 0; font-weight: bold; text-align: left;}
  #iplusOverlayContainer #iplusOverlayHeader a#closeIplusOverlay {width: 18px; height: 18px; margin: -10px 0 0; padding: 1px; position: absolute; right: 0.7em; top: 50%; border-radius: 5px;}
  #iplusOverlayContainer #iplusOverlayHeader a#closeIplusOverlay:hover {} 
  #iplusOverlayContainer #iplusOverlayHeader a#closeIplusOverlay span {background: transparent url("../images/icons/2015/icon-close.png") no-repeat scroll center center;
    height: 18px; width: 18px; margin: 1px; display: block;  text-indent:-9999px;}
  #iplusOverlayContainer #iplusOverlayHeader a#closeIplusOverlay:hover span {}
  #iplusOverlayContainer #iplusOverlayHeader a#resizeIplusOverlay {width: 18px;  height: 20px; margin: -9px 20px 0 0; padding: 1px; position: absolute; right: 1.5em; top: 50%; border-radius: 5px;}
  #iplusOverlayContainer #iplusOverlayHeader a#resizeIplusOverlay:hover {} 
  #iplusOverlayContainer #iplusOverlayHeader a#resizeIplusOverlay span {height: 18px; width: 20px; display: block; margin: 1px; background-image: url("../images/icons/2015/icon-resize.png");  background-repeat: no-repeat; text-indent:-9999px;}
  #iplusOverlayContainer #iplusOverlayHeader a#resizeIplusOverlay:hover span {}
  #iplusOverlayContainer #iplusOverlayOuter {position:relative; overflow:auto; min-width: 1005px;}
  #iplusOverlayContainer #iplusOverlayOuter #iplusOverlayContent {min-width:1005px; text-align:left; padding:0.5em 1em;}
  #iplusOverlayContent .heading-action {width:100%;}
  #learner-page #iplusOverlayContent .header ul li#help_module .help-global {right:5px;}
  
  #iplusOverlayContent #col_left {width: 79%; margin-right:10px;}
  #iplusOverlayContent #col_right {float:none; display:table-cell;}

  #iplusOverlayContent div.column_box div {background: none; padding: 10px 15px;}
  #iplusOverlayContent div.column_box ul.hierarchy {margin-left: 0 !important;}
  
  #learner-page #iplusOverlayContent .header {margin:0 0 10px 0; padding:0;}
  #iplusOverlayContent .header .panes-content-header-l ul {padding:3px 0 3px 0px;}

  /**
  ** Form ALTA UI 
  **/
  ul.form-col {}
  ul.form-col li.form-fields {display:inline-block; vertical-align:top;}

  ul.form-col li.form-fields input[type='text'],
  ul.form-col li.form-fields input[type='password'],
  ul.form-col li.form-fields select {/*line-height: 1.5 !important;*/ /*background:transparent;*/ }
  ul.form-col input:-webkit-autofill,ul.form-col textarea:-webkit-autofill,ul.form-col select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
  
  ul.form-col li.form-fields label.datepickerui span.input-label-txt {min-width:17em;}
  ul.form-col li.form-fields label.datepickerui input.hasDatepicker {display:inline-block; padding-right: 1em;}
  .multi-col-form ul.form-col li.form-fields input.lov-input,
  .multi-row-form ul.form-col li.form-fields input.lov-input,
  ul.form-col li.form-fields input.lov-input {display:inline-block; width:auto;}
  ul.form-col li.form-fields input[type='text'],
  ul.form-col li.form-fields .radiogroup {/*height:42px !important;*/}
  ul.form-col li.form-fields select {/*height:45px !important;*/}
  ul.form-col li.form-fields label {
    display: block !important;
    font-weight:normal !important;
    padding:0;
    cursor: pointer;
    line-height: 20px;
    margin: 0 0 3px;
    vertical-align: text-top;
    color: #333;
    font-size:14px;
  }
  ul.form-col li.form-fields .radiogroup,
  ul.form-col li.form-fields .checkboxgroup {display:block !important; white-space:normal; padding:0 5px 0 0; vertical-align:top !important; margin-top:0 !important; border:0;}
  ul.form-col li.form-fields .radiogroup label,
  ul.form-col li.form-fields .checkboxgroup label {display:inline-block !important; font-weight:normal; white-space:normal; margin-top:10px !important; vertical-align:middle !important;}
  div.checkboxgroup label.lbl.ck.verticalFlow {display: block !important;}
  ul.form-col li.form-fields label.label-cb {display:inline-block !important; vertical-align: text-top; font-weight:normal !important;}
  ul.form-col li.form-fields label.datepickerui {overflow: visible; white-space: nowrap;}  
  ul.form-col li.form-fields label.datepickerui img.ui-datepicker-trigger,
  ul.form-col li.form-fields label.datepickerui img.ui-datepicker-clear {/*margin:-10px 0 0 0;*/}
  ul.form-col li.form-fields label.datepickerui span.input-label-txt {display:block; /*margin-bottom:10px;*/}
  ul.form-col li.form-fields .lbl .input-with-triggers {display: block; white-space:nowrap; margin-right:60px;}
    ul.form-col li.form-fields .lbl .input-with-triggers .lov-input {float:left;}
  ul.form-col li.form-fields .lbl .input-with-triggers .lov_list,
    ul.form-col li.form-fields .lbl .input-with-triggers .lov_clear {display: inline-block; margin-top: 10px;}
  
  /* Multi Col variant */
  .multi-col-form {}
  .multi-col-form ul.form-col {display:inline-block; /*height:68px; margin:0 1.6em 10px 0; */ margin:5px 1.6em 5px 0; padding:0;  list-style:none; vertical-align:top;}
  .multi-col-form ul.form-col li.form-fields,
  .multi-row-form .multi-col-form ul.form-col li.form-fields{display: inline-block;}
  .multi-col-form ul.form-col.btns {/*height:50px;*/ margin-top:10px; vertical-align:bottom;}
  
  /* Multi Row variant */
  .multi-row-form {}
  .multi-row-form ul.form-col {display:block; height:auto; padding:0; margin:0; list-style:none; vertical-align:top;}
  .multi-row-form ul.form-col li.form-fields,
  .multi-col-form .multi-row-form ul.form-col li.form-fields {margin-bottom:10px; margin-right:10px; /*display: block;*/}
  .multi-row-form ul.form-col.btns {height:auto; margin-top:23px; vertical-align:bottom;}
  
  /* VIEW-READONLY FORM-ALIKE */
  .view-mode {}
  .view-mode ul.form-col {border-bottom:1px solid #d5d5d5; padding-top:5px; padding-bottom:5px;}
  .view-mode ul.form-col:first-child {padding-top:0;}
  .view-mode ul.form-col:last-child {padding-bottom:0; border-bottom:0;}
  .view-mode ul.form-col li.form-fields label {}
  .view-mode ul.form-col li.form-fields .input-label-txt, 
  .view-mode ul.form-col li.form-fields .ctrl {display:inline-block !important; float:left !important;}
  .view-mode ul.form-col li.form-fields .ctrl.txtarea.view-mode-val  {display: block; float: none; width: 100%; background-color:transparent !important; line-height:25px !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
  .view-mode ul.form-col li.form-fields .ctrl,
  .view-mode ul.form-col li.form-fields label.datepickerui span.input-label-txt  {width:auto; min-width:1px;}
  .view-mode ul.form-col li.form-fields span.input-label-txt  {color:#323232; /*font-weight:bold;*/ font-size:14px; margin-right:25px;}
  .view-mode ul.form-col li.form-fields span.input-label-txt.withcolon:after { content: " :"; }
  .view-mode ul.form-col li.form-fields .ctrl.view-mode-val {line-height:20px; border:none; font-weight:bold; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
  
  /* ---------------------- S:\Application Documentation\UI Team\documentation\cssDoc\cssRef1.jpg ---------------------- */
  .two-col-tiles ul.form-col,
  .two-col-tiles ul.form-col li.form-fields {margin-top:0;}
  .two-col-tiles label.lbl .input-label-txt {color: #333; font-size: 14px; font-weight: bold;}
  
  ul.form-col.btns.btnRight {text-align:right;}
  ul.form-col.btns.primBtnSearchWrapperRight {float:right; margin-top:22px; margin-right:0;} /*Channel Discussion*/
  
  .search-wrapper:after,
  form.mc-form:after {content:''; display:block; clear:both;}
  form.mc-form:before,
  form.mc-form:after {content: " "; display: table;}

/* Overlay */
#overlay-search {}
  #overlay-search {display:none; background-color:#000; width:100%;height:100%; z-index:9999; position:absolute; top:0; left:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20) !important; opacity: 0.2; filter:alpha(opacity=20); }
  #overlay-search img {display: block;  position: absolute; top: 30%; left: 50%; width: 12px; height: 12px; margin: auto;}
#lovDialog #overlay-search {}
  #lovDialog #overlay-search {display:none; background-color:#000; width:100%;height:100%; z-index:9999; position:absolute; top:0; left:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20) !important; opacity: 0.2; filter:alpha(opacity=20); }
  #lovDialog #overlay-search img {display: block;  position: absolute; top: 30%; left: 50%; width: 64px; height: 64px; margin: auto;}
  

/* Sorting Trigger */
#sortMenu {position:relative;display:inline-block; padding: 12px 0;}
  #sortMenu a,
  #sortMenu a:link,
  #sortMenu a:active,
  #sortMenu a:visited,
  #sortMenu a:hover {display: block; color:#333333; text-decoration:none; font-size:14px; text-overflow: clip; overflow: visible; padding: 18px; line-height: 20px;
border: 0; text-align: left; display: block; white-space: nowrap;}
  #sortMenu a:hover {background-color:#E7E7E7;}
  
  #sortMenu #sortMenuTrig {padding: 0 0 0 30px; background:url(../images/icons/sort-asc.png) no-repeat left center; /*border:solid 1px #babfcc;border-bottom:0;*/ }
  #sortMenu #sortMenuTrig img{display:none;}
  #sortMenu #sortMenuTrig.sortby{ }
  #sortMenu #sortMenuTrig:hover {/*background:transparent;*/}
  #sortMenu #sortMenuWrapper {display:none; position: absolute; /*top: 20px;*/ left: 0; min-width: 130px; margin: 0; padding: 0; border: 1px solid #babfcc;border:0; list-style: none; z-index: 4000001; text-align: left; background-image:url(../images/admin/subm-toppointer.png);background-position:left top;background-repeat:no-repeat;padding-top:8px;    -webkit-box-shadow: 0 8px 12px rgba(0,0,0,0.4); -moz-box-shadow: 0 8px 12px rgba(0,0,0,0.4); box-shadow: 0 8px 12px rgba(0,0,0,0.4);}/* ie7 */
  #sortMenu #sortMenuWrapper li {display: block; list-style: none; zoom: 0; margin:0; padding:0; border: 1px solid #babfcc;border-top:0;background-color:#FFF;}
  #sortMenu #sortMenuWrapper li a{line-height:20px;}
  #sortMenu #sortMenuWrapper li a img{display:none;}
  #sortMenu #sortMenuWrapper li a span{font-weight:normal;}
  
/* Header - same structure as admin */
#learner-page .header {height:auto !important; margin:0; padding:0; font-size:14px; overflow:visible;}/* clear */ 
  #learner-page .header #breadcrumb {margin:0; padding:0;}
  #learner-page .header #breadcrumb div.first a, 
  #learner-page .header #breadcrumb div.breadcrumb.first a {margin:0; padding:0;}
  #learner-page .header .panes-content-header-l,
  #dialogBoxContent .header .panes-content-header-l,
  #iplusOverlayContent .header .panes-content-header-l {float:left; margin:0; padding:0;}
  #learner-page .header .panes-content-header-r,
  #dialogBoxContent .header .panes-content-header-r,
  #iplusOverlayContent .header .panes-content-header-r {float:right; margin:0; padding:0;}
  #learner-page .header .panes-content-header-l ul,
  #learner-page .header .panes-content-header-r ul {margin:3px 0 0 0;  list-style:none;padding:0;} 
  #learner-page .header .panes-content-header-r ul li {overflow:hidden;}
  #learner-page .header .panes-content-header-r ul {}
  #learner-page .header .panes-content-header-l ul {padding:3px 0 3px 0;}
  #learner-page .header .panes-content-header-l #breadcrumb div#pagetitle {/*color:#fff;*/font-weight:normal;/*font-size:14px;*/}
  #learner-page .header ul:after {clear: both;  content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
  #learner-page .header ul li {float:left; margin-right:5px; }
  #learner-page .header ul li h3 {margin:0;}
  #learner-page .header ul li h3 a {}
  #learner-page .header ul li h3 a:hover {opacity:0.6; filter:alpha(opacity=40);}
  #learner-page .header ul li#context_reports {position:relative; overflow:visible; padding:0 4px; width:24px;height:16px;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  #learner-page .header ul li#context_reports h3 a {display:block; width:16px; height:16px; background: url(/st_toolkit/common/images/icons/colbox-report.png) 0 0 no-repeat; text-indent:-9999px;}
  #learner-page .header ul li#context_modules {position:relative; overflow:visible; padding:0 4px; width:24px;height:16px;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  #learner-page .header ul li#context_modules h3 a {display:block; width:16px; height:16px; background: url(/st_toolkit/common/images/icons/colbox-conlinks.png) 0 0 no-repeat; text-indent:-9999px;}
  #learner-page .header ul li#context_modules h3 a.disabled{-webkit-opacity: 0.2;-moz-opacity: 0.2;filter:alpha(opacity=40);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";opacity: 0.2;cursor:default;}
  #learner-page .header ul li#edit_module {position:relative;  overflow:visible; padding:0 4px; width:24px;height:16px;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  #learner-page .header ul li#edit_module a {display:block; width:16px; height:16px; background: url(/st_toolkit/common/images/admin/icon-edit-module.png) 0 0 no-repeat; text-indent:-9999px;}
  #learner-page .header ul li#help_module {padding:0 4px; width:21px;height:16px;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  #learner-page .header ul li#help_module .help-global {margin-top:0; right:0;}
  #learner-page .header ul li#help_module .help-global a {}
  #learner-page .header ul li .content-widgets-inner {display:none; position:absolute; right:-18px; top:14px; z-index:999 !important;}
  #learner-page .header ul li .content-widgets-inner ul {/*background-image:url(../images/admin/subm-toppointer-last.png);background-position:right top;background-repeat:no-repeat;border-bottom:0;padding-top:8px; border:1px solid #999;border-radius: 0;padding: 0;box-shadow:0 0, 0 0 inset;margin:0;*/left:auto;right:0;background-image:url(../images/admin/subm-toppointer-last.png);background-position:right top;background-repeat:no-repeat;border-bottom:0;padding:0;padding-top:8px;border-radius: 0; box-shadow: 0 0, 0 0 inset;background-color:transparent;margin:0;}
  #learner-page .header .content-widgets-inner ul li {/*display: block; float: none; margin: 0 !important; padding: 0; text-align: left; white-space: nowrap; line-height: 20px; text-align: right;*/display: block; float:none !important;clear:both;white-space:nowrap;margin:0; overflow:visible;}
  #learner-page .header .content-widgets-inner ul li a,
  #learner-page .header .content-widgets-inner ul li a:link,
  #learner-page .header .content-widgets-inner ul li a:active {border:solid 1px #babfcc !important;border-top:0 !important;padding:2px 5px;padding-left:5px !important;padding-right:5px !important;padding-bottom:2px !important;color:#000;display:block !important;font-size:11px;text-align:left;cursor:pointer;*padding-left:5px;background-color:#fff;text-decoration:none;font-weight:bold;}
  #learner-page .header ul li .content-widgets-inner ul li a:hover {background-color:#EBEBED;background-image:none;color:#000;}

/* Multi Action Drop Down - with text */
/*
#learner-page .multi-action-btns {position:relative; display:inline-block;}
  #learner-page .multi-action-btns dt {display:inline-block;}
  #learner-page .multi-action-btns dt a.small.action.multi,
  #learner-page .multi-action-btns dt a.small.action.multi:active, 
  #learner-page .multi-action-btns dt a.small.action.multi:focus, 
  #learner-page .multi-action-btns dt a.small.action.multi.cta-active {margin-bottom:0 !important; box-shadow:0; border-radius:3px 3px 3px 3px !important; box-shadow: none; font-family: Arial, Helvetica, sans-serif !important; font-size:11px; font-weight:normal !important; }
  #learner-page .multi-action-btns dt a.small.action.multi:hover {box-shadow: none;}
  #learner-page .multi-action-btns dt a.action.small.multi span, 
  #learner-page .multi-action-btns dt a.action.small.multi:link span, 
  #learner-page .multi-action-btns dt a.action.small.multi:visited span {letter-spacing:0.1em !important; white-space:nowrap; font-size:11px !important; font-weight:normal !important;}
  
  
  #learner-page .multi-action-btns dd {display:none; position:absolute; margin:0; padding:0; left:0; top:17px; background-color:#dbdbdb; z-index:9999;}
  
  #learner-page .multi-action-btns dd ul {margin:0 !important; padding:0 !important; list-style:none;border:solid 1px #b9b8b8;border-bottom:0;}
  #learner-page .multi-action-btns dd ul li {display:block; float:none; margin:0 !important; padding:0; text-align:left; white-space:nowrap; line-height:20px;}
  #learner-page .multi-action-btns dd ul li a {display:block; background-image:none; background-color:#EBEBED;border:0; color:#333;  border-bottom:1px solid #b9b8b8; border-radius:0 !important; margin:0 !important; padding:2px 7px 2px 8px !important; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:10px !important; font-weight:bold !important; outline:none;}
  #learner-page .multi-action-btns dd ul li a span {background:none; margin:0; font-weight:bold; height:18px; letter-spacing:0em;}
  #learner-page .multi-action-btns dd ul li a:hover {background-color:#d6d6d6;border:0 ; border-bottom:1px solid #b9b8b8; text-decoration:none; -moz-box-shadow:none ; -webkit-box-shadow:none ; box-shadow:none ;}
  #learner-page .multi-action-btns dd ul li a:hover span {}
  
  #learner-page .multi-action-btns dd ul li a:active span,
  #learner-page .multi-action-btns dd ul li a:focus span,
  #learner-page .multi-action-btns dd ul li a.cta-active span {color:#fff !important;}
  
  #learner-page .multi-action-btns dd ul li a.disabled,
  #learner-page .multi-action-btns dd ul li a.disabled:hover {background-color:#DBDBDB !important; color:#999 !important; border-right:1px solid #858585; border-bottom:1px solid #858585; cursor:default;}
  #learner-page .multi-action-btns dd ul li a.disabled:hover span {background-color:#DBDBDB !important; color:#999 !important;}
*/

/* Multi Action Drop Down - without text */
#learner-page .action-but-wrapper {display: inline-block; float: none; right: 0; top: 0; margin-right: 5px; margin-top: 2px; vertical-align: top; width: auto;}
  #learner-page .multi-action-btns {}
  #learner-page .multi-action-btns dt {display: inline-block; vertical-align: middle; padding-top:0;}
  #learner-page .multi-action-btns dt a.small.action.multi,
  #learner-page .multi-action-btns dt a.small.action.multi:active, 
  #learner-page .multi-action-btns dt a.small.action.multi:focus,
  #learner-page .multi-action-btns dt a.small.action.multi:hover,
  #learner-page .multi-action-btns dt a.small.action.multi.cta-active {background-color:transparent !important; background-image:none !important; border:none !important; box-shadow:none;    padding: 0 !important;}
  #learner-page .multi-action-btns dt a.action.small.multi span, 
  #learner-page .multi-action-btns dt a.action.small.multi:link span, 
  #learner-page .multi-action-btns dt a.action.small.multi:visited span {background: url(../images/icons/title-action-but-small.png) no-repeat scroll right bottom transparent !important;  display: inline-block; width: 25px; height: 14px !important; overflow: hidden;  padding: 0 !important; text-indent: -200px; visibility: visible;}
  
  #learner-page .multi-action-btns dd {display:none; position:absolute; margin:-1px 0 0 0; padding:0; background-color:#EBEBED; border-bottom:1px solid #b9b8b8; border-left:1px solid #b9b8b8;border:0; border-top:0; z-index:999; color: #595959; font-size: 10px; font-weight: bold; line-height: 17px; white-space: nowrap;}
  
  #learner-page .multi-action-btns dd ul {margin:0 !important; padding:0 !important; list-style:none; z-index:999 !important;}
  #learner-page .multi-action-btns dd ul li {display:block; float:none; margin:0 !important; padding:0; text-align:left; white-space:nowrap; line-height:20px;}/* ie7 */
  #learner-page .multi-action-btns dd ul li a {display:block; background-image:none; background-color:#EBEBED; color:#333 !important; border-top: 1px solid #b9b8b8; border-bottom:0; border-radius:0 !important; margin:0 !important; padding:2px 7px 2px 8px !important; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:10px !important; font-weight:bold !important; outline:none;}
  #learner-page .multi-action-btns dd ul li a span {}
  #learner-page .multi-action-btns dd ul li a:hover {background-color: #d6d6d6;}
  #learner-page .multi-action-btns dd ul li a:hover span {color:#333 !important;}
  
  #learner-page .multi-action-btns dd ul li a:active span,
  #learner-page .multi-action-btns dd ul li a:focus span,
  #learner-page .multi-action-btns dd ul li a.cta-active span {}
  
  #learner-page .multi-action-btns dd ul li a.disabled,
  #learner-page .multi-action-btns dd ul li a.disabled:hover {background-color:#DBDBDB !important; color:#999 !important; border-right:1px solid #858585; border-bottom:1px solid #858585; cursor:default;}
  #learner-page .multi-action-btns dd ul li a.disabled:hover span {background-color:#DBDBDB !important; color:#999 !important;}

/* Multi Action Drop Down - with text */
  #learner-page .actions-withtext.multi-action-btns {position:relative; display:inline-block;margin: 0;}
  #learner-page .actions-withtext.multi-action-btns dt {display:inline-block;}
  #learner-page .actions-withtext.multi-action-btns dt a.small.action.multi,
  #learner-page .actions-withtext.multi-action-btns dt a.small.action.multi:active, 
  #learner-page .actions-withtext.multi-action-btns dt a.small.action.multi:focus,
  #learner-page .actions-withtext.multi-action-btns dt a.action.multi,
  #learner-page .actions-withtext.multi-action-btns dt a.action.multi:active, 
  #learner-page .actions-withtext.multi-action-btns dt a.action.multi:focus  {
    background-color: #fff !important;
    background-image: none;
    /*border-bottom: 1px solid #858585;*/
      border: solid 1px #afafaf !important;
    border-radius: 3px !important;
    /*border-right: 1px solid #858585;*/
    display: inline-block !important;
    /*font-family: Arial,Helvetica,sans-serif !important;*/
    font-size: 16px !important;
    margin: 0 15px 0 0!important;
    /*outline: medium none !important;*/
    padding: 10px 15px !important;
    color:#333;
    text-decoration: none !important;
      -webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc; 
  }
  #learner-page .actions-withtext.multi-action-btns dt a.small.action.multi.cta-active,
  #learner-page .actions-withtext.multi-action-btns dt a.action.multi.cta-active  {
    background-color: #f6f6f6  !important;
      }
  #ADD_TO_LP {display: inline-block; vertical-align: bottom;}
  #learner-page .actions-withtext.multi-action-btns dt a.small.action.multi:hover,
  #learner-page .actions-withtext.multi-action-btns dt a.action.multi:hover {box-shadow: none !important;border: solid 1px #aaa !important;background-color: #f6f6f6  !important;}
  #learner-page .actions-withtext.multi-action-btns dt a.action.small.multi span, 
  #learner-page .actions-withtext.multi-action-btns dt a.action.small.multi:link span, 
  #learner-page .actions-withtext.multi-action-btns dt a.action.multi:visited span,
  #learner-page .actions-withtext.multi-action-btns dt a.action.multi span, 
  #learner-page .actions-withtext.multi-action-btns dt a.action.multi:link span, 
  #learner-page .actions-withtext.multi-action-btns dt a.action.multi:visited span {
    letter-spacing:normal !important; 
    white-space:nowrap !important; 
    font-size:14px !important; 
    font-weight:normal !important;
    background: url(../images/framework/prim-nav-arrow-dark.png) no-repeat right center transparent !important;  
    display: inline-block; 
    width: auto !important; 
    height: auto !important;
    /*line-height:42px;*/ 
    line-height: normal;
    overflow: hidden !important;  
    margin: 0 !important;
    padding: 0 15px 0 0 !important;
    text-indent: 0 !important; 
    visibility: visible;
    color: #333 !important;
    text-decoration: none !important;
  }
  
    #learner-page .actions-withtext.multi-action-btns dt a.action.small.multi.cta-active span,
    #learner-page .actions-withtext.multi-action-btns dt a.small.action.multi:hover span,
        #learner-page .actions-withtext.multi-action-btns dt a.action.multi.cta-active span,
    #learner-page .actions-withtext.multi-action-btns dt a.action.multi:hover span { background: url(../images/framework/prim-nav-arrow-dark.png) no-repeat right center transparent !important;}
  
  #learner-page .actions-withtext.multi-action-btns dd {display:none; position:absolute; margin:0; padding:0; left:0; top:auto; background-color:#fff; z-index:99 !important; border:none;}
  
  #learner-page .actions-withtext.multi-action-btns dd ul {margin:0 !important; padding:0 !important; list-style:none; /*border:solid 1px #b9b8b8;*/border-bottom:0;-webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.4); -moz-box-shadow: 0 10px 15px rgba(0,0,0,0.4); box-shadow: 0 10px 15px rgba(0,0,0,0.4);}
  #learner-page .actions-withtext.multi-action-btns dd ul li {display:block; float:none; margin:0 !important; padding:0; text-align:left; white-space:nowrap; line-height:normal;border-top:1px solid #e7e7e7;}
  #learner-page .actions-withtext.multi-action-btns dd ul li:first-child {border-top:0;}
  #learner-page .actions-withtext.multi-action-btns dd ul li a {display:block; background-image:none; background-color:#fff !important;border:0 !important; color:#333;   border-radius:0 !important; margin:0 !important; padding:18px !important; text-decoration:none; font-size:14px !important;  outline:none;}
  #learner-page .actions-withtext.multi-action-btns dd ul li a span {background:none; margin:0; font-weight:normal; height:auto;line-height: normal; letter-spacing:0em; color:#5b5758 !important;}
  #learner-page .actions-withtext.multi-action-btns dd ul li a:hover {background-color:#F1F1F1 !important;border:0 ; border-bottom:1px solid #b9b8b8; text-decoration:none; -moz-box-shadow:none ; -webkit-box-shadow:none ; box-shadow:none ;}
  #learner-page .actions-withtext.multi-action-btns dd ul li a:hover span {color:#000;}
  
  #learner-page .actions-withtext.multi-action-btns dd ul li a:active span,
  #learner-page .actions-withtext.multi-action-btns dd ul li a:focus span,
  #learner-page .actions-withtext.multi-action-btns dd ul li a.cta-active span {color:#000;}
  
  #learner-page .actions-withtext.multi-action-btns dd ul li a.disabled,
  #learner-page .actions-withtext.multi-action-btns dd ul li a.disabled:hover {background-color:#DBDBDB !important; color:#999 !important; border-right:1px solid #858585; border-bottom:1px solid #858585; cursor:default;}
  #learner-page .actions-withtext.multi-action-btns dd ul li a.disabled:hover span {background-color:#DBDBDB !important; color:#999 !important;}

/* Modules (2nd level) TITLES - header style in Learner Course Details, Forum dialog, etc - also shared MODULES with Admin pages */
.heading-action {display: inline-block; width: 880px; margin:0 0 20px 0;}/* clear */
.heading-action.full {width:100%;}
  .heading-action h1.new-page-headings {float:left; margin:0 0 0 0;}
  .heading-action h1.new-page-headings label {padding-left:80px; text-indent: -80px; display: inline-block;}
  .heading-action h1.new-page-headings span {display: inline-block; vertical-align: middle; /*padding-left:27px;*/ text-indent: 0;}
  .heading-action h1.new-page-headings span.type-icon {padding-left:0;}
  .heading-action h1.new-page-headings span.title-date {display:inline-block; font-size: 16px; padding-left: 28px; background: transparent url(../images/icons/2015/icon-date18.png) left center no-repeat; margin:10px 0 0 32px; line-height:20px; font-weight:normal;}
  .heading-action h1.new-page-headings span.title-address {display:inline-block; font-size: 16px; padding-left: 28px; background: transparent url(../images/icons/2015/icon-location18.png) left center no-repeat; margin:10px 0 0 32px; line-height: 20px; font-weight:normal;}
  .heading-action h1.new-page-headings span.title-session {display:inline-block; font-size: 16px; padding-left: 28px; background: url(../images/icons/2015/icon-session18.png) left center no-repeat; text-indent:inherit; margin:10px 0 0 32px; line-height: 20px; font-weight:normal;}
  .heading-action h1.new-page-headings img {vertical-align:middle;}
  
  
  #learner-page  .heading-action h1.new-page-headings.CO-U-heading em.obj_id,
  #learner-page  .heading-action h1.new-page-headings.CO-R-U-heading em.obj_id,
  #learner-page  .heading-action h1.new-page-headings span#CO-U-title em.obj_id,
  #learner-page  .heading-action h1.new-page-headings span#CO-R-U-title em.obj_id,
  #learner-page  .heading-action h1.new-page-headings span#LP-U-title em.obj_id,
  #learner-page  .heading-action h1.new-page-headings span#LT-U-title em.obj_id {font-style:italic;}  
    
/*  #learner-page  .heading-action h1.new-page-headings span#LP-title {background:url(../images/icons/learning-path-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#LP-U-title {background:url(../images/icons/learning-pathunp-large.png) no-repeat left center; font-style:italic; color:#999;}
  #learner-page  .heading-action h1.new-page-headings span#LT-title {background:url(../images/icons/learning-track-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#LT-U-title {background:url(../images/icons/learning-trackunp-large.png) no-repeat left center; font-style:italic; color:#999;}
  #learner-page  .heading-action h1.new-page-headings span#MSO-title {background:url(../images/icons/scheduled-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#MSP-title {background:url(../images/icons/self-paced-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#ORG-title {background:url(../images/icons/org-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#UG-title {background:url(../images/icons/usergroup-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#DUG-title {background:url(../images/icons/dynamic-usergroup-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#U-title {background:url(../images/icons/user-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#UX-title {background:url(../images/icons/user-deactive-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#UEL-title {background:url(../images/icons/user-extleave-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#JR-title {background:url(../images/icons/jobrole-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#FO-title {background:url(../images/icons/folder-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#CAT-title {background:url(../images/icons/category-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#CO-title {background:url(../images/icons/content-object-mid.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#CO-U-title {background:url(../images/icons/content-objectunp-mid.png) no-repeat left center; font-style:italic; color:#999;}
  #learner-page  .heading-action h1.new-page-headings span#CO-R-title {background:url(../images/icons/content-objectref-mid.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#CO-R-U-title {background:url(../images/icons/content-objectrefunp-mid.png) no-repeat left center; font-style:italic; color:#999; }
  #learner-page  .heading-action h1.new-page-headings span#SV-title {background:url(../images/icons/survey-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#SV-U-title {background:url(../images/icons/survey-large-u.png) no-repeat left center; font-style:italic; color:#999;}
  #learner-page  .heading-action h1.new-page-headings span#SV-R-title {background:url(../images/icons/survey-ref-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#SV-R-U-title {background:url(../images/icons/survey-refunp-large.png) no-repeat left center; font-style:italic; color:#999; }
  #learner-page  .heading-action h1.new-page-headings span#T-title {background:url(../images/icons/test-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#T-U-title {background:url(../images/icons/test-unp-large.png) no-repeat left center; font-style:italic; color:#999;}
  #learner-page  .heading-action h1.new-page-headings span#T-R-title {background:url(../images/icons/test-ref-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#T-R-U-title {background:url(../images/icons/test-refunp-large.png) no-repeat left center; font-style:italic; color:#999; }
  #learner-page  .heading-action h1.new-page-headings span#RE-title {background:url(../images/icons/resource-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#DO-title {background:url(../images/icons/document-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#DO-U-title {background:url(../images/icons/document-large-u.png) no-repeat left center; font-style:italic; color:#999;}
  #learner-page  .heading-action h1.new-page-headings span#INST-title {background:url(../images/icons/instructor-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#ROOM-title {background:url(../images/icons/room-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#LOC-title {background:url(../images/icons/location-large.png) no-repeat left center; }
  #learner-page  .heading-action h1.new-page-headings span#PDF-title {background:url(../images/icons/pdf-template-small.png) no-repeat left center; }
*/
  .heading-buttons {}
  .heading-action .heading-buttons {float:left; margin:0 0 0 15px; padding: 0;}/* clear */ 
  .heading-action .heading-buttons li {float:left; list-style:none; margin:0; padding:0;}

/* Page Details Sections - Course Details page, details_box, details_box.plain */
.attr-wrp{padding-bottom: 10px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.attr-wrp p{margin:0 15px;border-top:solid 1px #f0f0f0;padding:5px 0;}
.attr-wrp p label{display:inline-block; padding:5px 15px 5px 0; font-size:12px; color:#757575;} /*IE 7 */
.attr-wrp p span{display:inline-block; padding: 5px 0; font-size:14px;font-weight: 600;}
.attr-wrp p[class*='mail'] span {display: block;overflow-wrap: break-word; word-wrap: break-word;}
.attr-wrp p span span{display:inline-block;}
.g-map {margin-bottom:20px;}
.actBtn-wrp {/*padding: 20px 0;*/margin:15px 0;}
.actBtn-wrp.right {text-align:right;}
div.details_box {
  border-radius:0;
  background-image:none;
  margin-bottom:20px;
  overflow:visible;
}
div.details_box.expaned {padding-bottom:15px;}
div.details_box.expaned h1,
div.details_box.expaned h2 {background-position: 0 -16px; background-repeat:no-repeat; padding-left:20px !important;  line-height:16px;}
div.details_box.expaned h1:after,
div.details_box.expaned h2:after {
  height:14px;
  width:110%;
  clear:both;
  background:url(../images/details_box_base.gif) repeat-x 0 bottom;
  content:'';
  position:absolute;
  left:-10px;
  top:10px;
  border-bottom:1px solid #AAAAAA;
  z-index:-1;}
div.details_box.expaned h1:hover,
div.details_box.expaned h2:hover {background-position: 0 -48px;}
div.details_box div.top{
  height:0;
}
div.details_box div.mid{padding:0; /*position:relative;*/ z-index:0;}
div.details_box div.base{
  /*background:url(../images/details_box_base.gif) repeat-x;
  height:15px;*/
  height:0;
  clear:both;
}
/* The top details box with left and right columns */
div.details_box div.details_box_left,
div.details_box div.details_box_right{
  float:left;
  width:50%;
}
/* paragraph tags used to create grid styles */
div.details_box div.details_box_left p,
div.details_box div.details_box_right p{
  margin:0;
  border-bottom:0;
  border-right:0;
  padding:15px;
}
div.details_box div.details_box_right p{
  border-right:none;
  padding-left:10px;
  border-left: none !important;
}
/* <span> placed around the field value to allow unique styling */
div.details_box div.details_box_left p span,
div.details_box div.details_box_right p span {font-weight:normal;}
/* h1 and h2 shared styles */
div.details_box h1:before,
div.details_box h2:before,div.details_box h1:after,
div.details_box h2:after{height:15px; width:110%;clear:both;content:'';position:absolute;left:-10px;}
div.details_box h1:before,
div.details_box h2:before{top:-15px;}
div.details_box h1:after,
div.details_box h2:after{top:10px;}
div.details_box h1,
div.details_box h2 {margin-top:0; font-style:normal; font-weight:bold;}
div.details_box h1:hover,
div.details_box h2:hover{background-position: 0 -32px;}
div.details_box h2{padding: 15px!important; margin: 0 !important; }
#learner-page div.details_box h2{padding: 15px 0 15px 15px !important;}/*COURSE DETAILS page - Indentation of the collapsible widgets all messed up*/
div.details_box ul{margin: 0;    padding: 15px 0 15px 40px;}

div.details_box.plain{}
div.details_box p{padding:15px; margin: 0;}
div.details_box.plain div.top{}
div.details_box.plain div.base{}
div.details_box div.details_box_left,div.details_box div.details_box_right{
  float:left;
  width:50%;
}
div.details_box table.basic td{
  border-bottom:1px solid #CCC;
  padding:15px;
}
div.details_box table.basic tr:last-child td {border-bottom:none;}
 div.details_box .contentWrapper{padding:0 15px;}
 div.details_box .contentWrapper p{padding:0 0 15px 0;}
 div.details_box .contentWrapper ul,div.details_box .contentWrapper ol{padding:15px 0 0 15px;}

/* old COLUMN_BOX */
div.column_box h3 {padding:15px;}
  div.column_box h3 span {float:none; background:none; padding-left:0;}

/* FILE UPLOAD */
div#file_upload {}
  div#file_upload .file-uploaded-list {margin: 15px !important; padding:0;}
  div#file_upload ul.file-uploaded-list li {list-style-image: none; list-style-position: outside; list-style-type: none; padding-left: 30px; text-indent: -30px;}
  div#file_upload h3 span {}
  div#file_upload .two-col-links-r {margin-right:7px;}
  div#file_upload .two-col-links-r li.left {width:auto !important;display:inline-block; margin-bottom: 15px;}
  div#file_upload .two-col-links-r li.right {width:auto !important;float:right;display:inline-block; margin-bottom: 15px;}
  *+html div#file_upload .two-col-links-r li.left,
  * html div#file_upload .two-col-links-r li.left {width:45% !important;}
  *+html div#file_upload .two-col-links-r li.right,
  * html div#file_upload .two-col-links-r li.right {width:45% !important;}
  div#file_upload h3 span {background:none; padding-left:0px; margin-left:0px;}
  div#file_upload #btn-upload span {background:transparent url(../images/icons/btn-upload_16.png) 5px center no-repeat !important; padding:0px 6px 0px 25px !important; padding-left:27px;}
  div#file_upload #btn-refresh span {background:transparent url(../images/icons/btn-refresh_16.png) 5px center no-repeat !important; padding:0px 6px 0px 25px !important; padding-left:27px;}

/* LATEST FILE UPLOAD - CHANNEL */
#addContentFileUpload .hiddenfileinput {visibility: hidden !important;}
  #addContentFileUpload .fileinputs {width:980px;}
  #addContentFileUpload .fileinputs .fakefile {overflow:hidden; width:980px;}
  #addContentFileUpload .fileinputs .fakefile #localfilepath {width:840px; margin-right:5px;}
  #addContentFileUpload .fileinputs .fakefile label {float:left;}
  #addContentFileUpload .upload-progress {display:none; position:relative; margin:15px 0;}
  #addContentFileUpload #uploadProgressBar {position:absolute; z-index:20; width:100% !important; border:1px solid #d6d6d6 !important; background:#fafafa !important; border-colorbox-sizing: border-box; height:18px; margin-right:20px; margin-bottom:5px; font-size:12px; color:#333; display: inline-block; vertical-align: top; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow: hidden;}
  #addContentFileUpload #uploadProgressBar .pb-progress {background:#81bb61 !important; text-align: center !important;border:0;outline:none;color:#fff!important;}
  .ie7localfilepath { position: static !important; }
  .ie7fakebutton { width:110px; background-image: url("/st_toolkit/common/images/ie7/fileupload.png"); height: 24px; display: block; float: right; }
  .ie7extra { margin-top: -24px; }

/* LOV in WINDOW popup */
#search-page {text-align:left;}
  #search-page #header {height:auto !important; background:none !important; background-color:transparent !important; border:none;}
  
  #search-page #header #header-inner {background-color:#FFF; /*padding:10px 10px 0 10px;*/ padding:10px 0 0 0;}
  #search-page #header #header-inner .help-global {position:absolute; right:40px;}
  #search-page #header #header-inner .close-global {position:absolute; right:15px; margin-top:0; }
  #search-page #header #header-inner #collapsible-search {margin-bottom:0;}
  #search-page #header #header-inner .adv-search-wrapper table, 
  #search-page #header #header-inner .adv-search-wraper table 
  #search-page #header #header-inner #collapsible-search table {width:100%;}
  #search-page #header #header-inner #collapsible-search table td {width: auto; background:transparent !important; vertical-align: middle; white-space: nowrap; line-height: 12px; font-size: 11px; font-weight:bold;}
  #search-page #header #header-inner #collapsible-search table td.inp-txt-label {padding-left:0 !important;}
  #search-page h1.page-title {margin:0;}
  
  #search-page #header #header-inner #collapsible-search .search-wrapper, 
  #search-page #header #header-inner #collapsible-search .search-wraper {padding: 5px 0; margin-top:10px; vertical-align: middle; border:1px solid #d6d6d6;}
  #search-page #header #header-inner #collapsible-search .search-wrapper table td, 
  #search-page #header #header-inner #collapsible-search .search-wraper table td {padding:0 !important;}
  #search-page #header #header-inner #collapsible-search .search-wrapper #adv-search-toggle-2, 
  #search-page #header #header-inner #collapsible-search .search-wraper #adv-search-toggle-2 {margin-right:6px;}
  
  .objtype-search-tbl .objtype-td,
  .org-wraper-tbl td {width: 1%;}
  
  td.search-fields-wraper {padding:0 5px 0 0 !important;}
  
  #search-page #header #header-inner .objtype-wraper-td {border:none !important;}
  #search-page #header #header-inner #collapsible-search .objtype-wraper-td table td.objtype-td {padding:0 !important; width:20px;}
  #search-page #collapsible-search .objtype-wraper-td table td.objtype-td .selectboxit {width:1%;}
  #search-page #collapsible-search .objtype-wraper-td table td.objtype-td .selectboxit .selectboxit-option-icon {height: inherit; margin-left:3px; margin-right:4px;}
  #search-page .objtype-wraper-td table td.objtype-search-td {width:80% !important;}
  #search-page .objtype-wraper-td table td.objtype-search-td .input1 {width:99%; padding:0 5px;}
  #search-page .objtype-wraper-td .input1 {width: auto;}
  #search-page .selectboxit-container {padding-left:5px; width:50px;}
  #search-page #in_param1SelectBoxIt, #search-page #in_param7SelectBoxIt, #search-page #in_object_listSelectBoxIt {padding:0;}
  
  
  #search-page #header #header-inner #collapsible-search .radiogroup {display:inline-block; padding:0; border:none; }
  #search-page #header #header-inner #collapsible-search .radiogroup label {margin-right:8px; vertical-align:middle;}
  #search-page #header #header-inner #collapsible-search .radiogroup label input {margin:0 2px 0 0; vertical-align:text-top;}
  
  #search-page ul.form-triggers {float:left; list-style:none; padding: 3px 3px 3px 7px; margin:0 0 0 5px; border:solid 1px #c3c3c3 !important; -moz-box-shadow: inset 0 1px 0 White;
-webkit-box-shadow: inset 0 1px 0 white; -o-box-shadow: inset 0 1px 0 White; box-shadow: inset 0 1px 0 white; /*background: none repeat scroll 0 0 #225385; border-radius: 15px 15px 0 0; box-shadow: 0 1px 1px #759cc5, inset 0 1px 1px #0f243a;*/ white-space:nowrap;}
  #search-page ul.form-triggers li {float:left; margin-right:5px; list-style-image:none;}
  #search-page ul.form-triggers li.last-trigger {margin-right:0;}
  
  #search-page ul.trigger-icons {display:block; float:none; /*width:100%;*/ /*height:30px;*/ padding:0 8px; margin:0 10px 0 10px; list-style:none; background: none repeat scroll 0 0 #EBEBED; border-left: 1px solid #d6d6d6; border-right:1px solid #d6d6d6; white-space:nowrap;}
  #search-page ul.trigger-icons li {float:left; margin-right:5px; list-style-image:none;}
  #search-page ul.trigger-icons li.last-trigger {margin-right:0;}
  #search-page ul.trigger-icons a {/*margin:5px 0 0 0;*/}
  
  #search-page .admin-func-icons {display:block; border:none !important; outline: none; cursor: pointer; margin:7px 0 2px 0; padding: 0 3px 3px 0; }
  #search-page .admin-func-icons.search-control {width:16px; height:16px; text-indent:-9999px; background:transparent url(/st_toolkit/common/images/icons/btn-objnav-search_16.png) 0 0 no-repeat;}
  #search-page .admin-func-icons.help-control {width:16px; height:16px; margin:0; text-indent:-9999px; background: transparent url(/st_toolkit/common/images/icons/help-2012.png) 0 0 no-repeat;}
  #search-page .admin-func-icons.dofilter {width:16px; height:16px; display:none; background: transparent url(/st_toolkit/common/images/icons/btn-filter_16.png) 0 0 no-repeat;}
  #search-page .admin-func-icons.deletefilter {/*width:16px; height:16px; text-indent:-9999px;*/ background: transparent url(/st_toolkit/common/images/icons/btn-deletefilter_16.png) 0 0 no-repeat;}
  #search-page .admin-func-icons.moveobjectup {width:16px; height:16px; text-indent:-9999px; background: transparent url(/st_toolkit/common/images/icons/btn-moveup_16.png) 0 0 no-repeat;}
  #search-page .admin-func-icons.moveobjectdown {width:16px; height:16px; text-indent:-9999px; background: transparent url(/st_toolkit/common/images/icons/btn-movedown_16.png) 0 0 no-repeat;}
  #search-page .admin-func-icons.refresh-control {width:16px; height:16px; text-indent:-9999px; background:transparent url(/st_toolkit/common/images/icons/btn-refresh_16.png) 0 0 no-repeat;}
  #search-page .admin-func-icons.search-clear-control {display:none; width:16px; height:16px; background:transparent url(/st_toolkit/common/images/icons/btn-clear-search_16.png) 0 0 no-repeat; padding-top:1px;}
  #search-page .admin-func-icons.zoom-control{display:none; width:16px; height:16px; background:transparent url(/st_toolkit/common/images/icons/zoom-in-small.png) 0 0 no-repeat; padding-top:1px;}
  #search-page .admin-func-icons.zoom-clear-control {display:none; width:16px; height:16px; background:transparent url(/st_toolkit/common/images/icons/zoom-in-cancle-small.png) 0 0 no-repeat; padding-top:1px;}
  #search-page .admin-func-icons.zoom-out-control{display:none; width:16px; height:16px; background:transparent url(/st_toolkit/common/images/icons/zoom-out-small.png) 0 0 no-repeat; padding-top:1px;}
  #search-page .admin-func-icons span.icon-desc {display:inline-block; margin:2px 0 0 16px !important; padding:0 0 0 0 !important; font-size:11px; color:#333;}
  #search-page .lov-btns {display:none; margin:4px 0 3px 0 !important;}
  #search-page #search_results {/*margin:0 10px 10px 10px;*/ padding:5px 0 0 5px; border:1px solid #d6d6d6; overflow-y:auto;}
  
  #search-page #search_results {padding:0; background-attachment: scroll;/* background: transparent url(/st_toolkit/common/images/framework/bg-lovresultth.png) 0 top repeat-x;*/}
  #search-page #search_results.scrolled {background:none;}
  #search-page #search_results table.object-nav {width:auto !important; border-spacing:2px; border-collapse:collapse;}
  #search-page #search_results table.object-nav thead tr {line-height:1; border-bottom:1px solid #cfcfcf;}
  #search-page #search_results table.object-nav th {font-weight: normal; font-size: 12px; text-transform: capitalize; text-align: left; background: #e7e6e5 url(/st_toolkit/common/images/admin/divider-table-header.gif) right 10% repeat-y; border:none; padding:2px 10px; font-weight: bold; color: #333; text-align: left; vertical-align: middle;}
  #search-page #search_results table.object-nav th:last-child {background-image:none;}
  #search-page #search_results table.object-nav tbody {border-top:6px solid #FFF;}
  #search-page #search_results table.object-nav tbody tr:hover {/*background-color: #e4e4e4 !important;*/}
  #search-page #search_results table.object-nav tbody tr td {padding:5px !important;}
  #search-page #search_results table.object-nav tbody tr.row-selected {background-color:#3875d7; color:#FFF;}
  #search-page #search_results table.object-nav tbody tr.row-selected a,
  #search-page #search_results table.object-nav tbody tr.row-selected a span,
  #search-page #search_results table.object-nav tbody tr.row-selected span  {color:#FFF !important;}
  #search-page #search_results table.object-nav .miscl-col-txt {vertical-align:middle; padding-top:1px;}
  
  #search-page #search_results table td a, 
  #search-page #search_results table td a:link, 
  #search-page #search_results table td a:active, 
  #search-page #search_results table td a:visited {color:#333333; text-decoration:none;}
  
  #search-page #search_results table.object-nav a.action.small, 
  #search-page #search_results table.object-nav a.action.small:link, 
  #search-page #search_results table.object-nav a.action.small:visited {margin-bottom:0 !important;}
  
  table.object-nav a.site {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/home-objnav.png) 0 -1px no-repeat;}/* home-objnav.png */
  table.object-nav a.fold-open {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/open-folder-small.png) 0 -4px no-repeat;}/* open-folder-small.png */
  table.object-nav a.test-obj {height:16px; padding:0 0 0 15px; background: transparent url(../images/icons/testObject.gif) 0 -4px no-repeat;}/* testObject.gif */
  table.object-nav a.test-obj.unpublished {background: transparent url(../images/icons/testObject-unpub.gif) 0 -4px no-repeat;}/* testObject.gif */
  table.object-nav a.test-obj-ref {height:16px; padding:0 0 0 15px; background: transparent url(../images/icons/testObjectRef.gif) 0 -4px no-repeat;}/* testObjectRef.gif */
  table.object-nav a.test-obj-ref.unpublished {background: transparent url(../images/icons/testObjectRef-unpub.gif) 0 -4px no-repeat;}/* testObjectRef.gif */
  table.object-nav a.trash {height:16px; padding:0 0 0 15px; background: transparent url(../images/icons/trashGroup.gif) 0 0 no-repeat;}/* trashGroup.gif */
  table.object-nav a.cont-group {height:16px;padding:0 0 0 20px; background: transparent url(../images/icons/contentGroup.gif) 0 -4px no-repeat;}/* contentGroup.gif */
  table.object-nav a.cont-obj {height:16px; padding:0 0 0 15px; background: transparent url(../images/icons/contentObject.gif) 0 -4px no-repeat;}/* contentObject.gif */
  table.object-nav a.cont-obj.unpublished {background: transparent url(../images/icons/contentObject-unpub.gif) 0 -4px no-repeat;}/* contentObject.gif */
  table.object-nav a.cont-obj-ref {height:16px; padding:0 0 0 15px; background: transparent url(../images/icons/contentObjectRef.gif) 0 -4px no-repeat;}/* contentObjectRef.gif */
  table.object-nav a.cont-obj-ref.unpublished {background: transparent url(../images/icons/contentObjectRef-unpub.gif) 0 -4px no-repeat;}/* contentObjectRef.gif */
  table.object-nav a.l-path {height:16px; padding:0 0 0 17px; background: transparent url(../images/icons/learning-path-small.png) 0 -4px no-repeat;}/* learning-path-small.png */
  table.object-nav a.l-path.unpublished{background: transparent url(../images/icons/learning-path-small-unpub.png) 0 -4px no-repeat;}/* learning-path-small.png */
  table.object-nav a.l-track {height:16px; padding:0 0 0 15px; background: transparent url(../images/icons/learning-track-small.png) 0 -4px no-repeat;}/* learning-track-small.png */
  table.object-nav a.l-track.unpublished{background: transparent url(../images/icons/learning-track-small-unpub.png) 0 -4px no-repeat;}/* learning-track-small.png */
  table.object-nav a.survey {height:16px; padding:0 0 0 15px; background: transparent url(../images/icons/survey-small.png) 0 -4px no-repeat;}/* survey-small.png */
  table.object-nav a.survey.unpublished {background: transparent url(../images/icons/survey-small-unpub.png) 0 -4px no-repeat;}/* survey-small.png */
  table.object-nav a.survey-ref {height:16px; padding:0 0 0 15px; background: transparent url(../images/icons/survey-ref-small.png) 0 -4px no-repeat;}/* survey-ref-small.png */
  table.object-nav a.survey-ref.unpublished {background: transparent url(../images/icons/survey-ref-small-unpub.png) 0 -4px no-repeat;}/* survey-ref-small.png */
  table.object-nav a.job-role {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/job-role-small.png) 0 -4px no-repeat;}/* job-role.png */
  table.object-nav a.job-role.unpublished {/*background: transparent url(../images/icons/job-role-small.png) 0 -4px no-repeat;*/opacity:0.4;}/* job-role.png */
  

  /* selectboxit in LOV - user lov */
  #search-page .lov-searchboxit-wrapper,
  #dialogBoxLOV #collapsible-search {/*background-color:#EBEBED;*/ border:1px solid #d6d6d6;  margin-top: 0; padding: 10px 0; vertical-align: middle;}
  #dialogBoxLOV #collapsible-search {padding:0;}
    #search-page .objtype-wraper-tbl {height: auto; padding:10px 0;}
    #search-page .objtype-wraper-tbl table.data {margin-bottom:0;}
    .lov-searchboxit-wrapper .objtype-btn-search {padding-top:0;}
  
  /* selectboxit + collapsible search - Cat Browse */
  #search-page .lov-searchboxit-wrapper {}
    #search-page .lov-searchboxit-wrapper #collapsible-search {}
    #search-page .lov-searchboxit-wrapper #collapsible-search .objtype-wraper-td table td.objtype-td .selectboxit {width: 40px;}
    #search-page #header #header-inner .lov-searchboxit-wrapper #collapsible-search .search-wrapper, 
    #search-page #header #header-inner .lov-searchboxit-wrapper #collapsible-search .search-wraper {border:none; margin-top:0;}
    
/* LOV in DIALOG popup */
/*#dialogBoxLOV {padding: 0.5em 0.3em !important;}*/

.lov-dialog-cont a#minimizeDialog {width: 20px;  height: 18px; margin: -9px 30px 0 0; padding: 1px; position: absolute; right: 0.3em; top: 50%; border-radius: 5px;}
  .lov-dialog-cont a#minimizeDialog:hover {/*background-color: #d5d5d5; background-image: none; border: 1px solid #666; color: #666; font-weight: bold;*/} 
  .lov-dialog-cont a#minimizeDialog span {height: 18px; width: 20px; display: block; margin: 1px; background-image: url(../images/icons/2015/icon-minimize.png);/*; background-position: -131px -82px;*/ background-repeat: no-repeat; text-indent:-9999px;}
  .lov-dialog-cont a#minimizeDialog:hover span {background-position: 0;}
  .lov-dialog-cont a#minimizeDialog.maximize span {height: 16px; width: 16px; display: block; margin: 1px; background-image: url("/st_toolkit/common/images/icons/ui-icons_d8e7f3_256x240.png"); background-position: -179px -49px; background-repeat: no-repeat; text-indent:-9999px;}
  .lov-dialog-cont a#minimizeDialog.maximize:hover span {background-image: url("/st_toolkit/common/images/icons/ui-icons_217bc0_256x240.png"); background-position: -176px -48px; }
  
  .lov-dialog-cont.dialog-minimized {top:0 !important; margin-top:0 !important;}
  .lov-dialog-cont.dialog-minimized #dialogBoxLOV {display:none !important;}

/*#lovDialog  #search-page {text-align:left;}
  #lovDialog .radiogroup input {vertical-align: top;}
  #lovDialog #search-page .objtype-wraper-td .input1 {width: 40px;}
  #lovDialog table.objtype-wraper-tbl td,
  #lovDialog .objtype-search-tbl .objtype-td,
  #lovDialog .org-wraper-tbl td {width: 40px; padding:3px 3px 3px 3px !important; border-bottom:0px !important;}
  #lovDialog #search-page .selectboxit-container {padding-left: 0; width: 40px;}
  #lovDialog #search-page #in_param1SelectBoxIt, 
  #lovDialog #search-page #in_param7SelectBoxIt, 
  #lovDialog #search-page #in_object_listSelectBoxIt {padding:0;}
  #lovDialog #search-page #in_param1SelectBoxItOptions li.ui-state-focus, 
  #lovDialog #search-page #in_param1SelectBoxItOptions li.ui-state-hover, 
  #lovDialog #search-page #in_param7SelectBoxItOptions li.ui-state-focus, 
  #lovDialog #search-page #in_param7SelectBoxItOptions li.ui-state-hover, 
  #lovDialog #search-page #in_object_listSelectBoxItOptions li.ui-state-focus, 
  #lovDialog #search-page #in_object_listSelectBoxItOptions li.ui-state-hover {background-color: #fff;}
  #lovDialog #search-page input.btn.browseall {background-image: none !important; padding-left: 4px !important; background-color:#FFF !important;}
  #lovDialog #search-page input.btn.browseall:hover {background-color: #0572ce !important; color: #fff !important;}
  #lovDialog #search-page .lovNavInitMsg-r {margin-top:5px;}
  #lovDialog #search-page .lovNavInitMsg-r #incExpiredFilter {vertical-align: middle;}
  
  #lovDialog #search-page #header {height:auto !important; width:100%; background:none !important; background-color:transparent !important; border:none; padding:0 !important; margin-bottom:0 !important;}
  #lovDialog #search-page #header table.data tr {border-bottom: none !important;}
  #lovDialog #search-page #header table.data tr:hover {background-color: transparent !important;}
  #lovDialog #search-page #header select {background-color: #FFF !important;}
  #lovDialog #search-page #header #header-inner {background-color:#FFF; padding:0;}
  #lovDialog #search-page #header #header-inner .help-global {position:absolute; right:40px;}
  #lovDialog #search-page #header #header-inner .close-global{position:absolute; right:15px; margin-top:0; }
  #lovDialog #search-page #header #header-inner #collapsible-search {margin-bottom:0;}
  #lovDialog #search-page #header #header-inner #collapsible-search .search-wrapper,
  #lovDialog #search-page #header #header-inner #collapsible-search .search-wraper {z-index:1100; background-color:#ebebed !important;}
  #lovDialog #search-page #header #header-inner .adv-search-wrapper table,
  #lovDialog #search-page #header #header-inner .adv-search-wraper table, 
  #lovDialog #search-page #header #header-inner #collapsible-search table {width:100%;}
  #lovDialog #search-page #header #header-inner #collapsible-search table td {width: auto; background:transparent !important; vertical-align: middle; white-space: nowrap; line-height: 12px; font-size: 11px; font-weight:bold;}
  #lovDialog #search-page #header #header-inner #collapsible-search table td.inp-txt-label {padding-left:0 !important;}
  #lovDialog #search-page h1.page-title {margin:0;}
  #lovDialog #search-page #header #header-inner #collapsible-search .search-wrapper,#lovDialog #search-page #header #header-inner #collapsible-search .search-wraper {padding: 5px 0; margin-top:0; vertical-align: middle; border:1px solid #D4D4D4;}
  #lovDialog #search-page #header #header-inner #collapsible-search .search-wrapper table td,#lovDialog #search-page #header #header-inner #collapsible-search .search-wraper table td {padding:0 !important;}
  #lovDialog #search-page #header #header-inner #collapsible-search .search-wrapper #adv-search-toggle-2,#lovDialog #search-page #header #header-inner #collapsible-search .search-wraper #adv-search-toggle-2 {margin-right:6px;}
  
  #lovDialog #search-page #header #header-inner .objtype-wraper-tbl {margin:0;}
  #lovDialog #search-page #header #header-inner .objtype-wraper-tbl table.data {width:100%; margin:0;}
  #lovDialog #search-page #header #header-inner .objtype-wraper-td {border:none !important;}
  #lovDialog #search-page #header #header-inner #collapsible-search .objtype-wraper-td table td.objtype-td {padding:0 !important; width:20px;}
  #lovDialog #search-page #collapsible-search .objtype-wraper-td table td.objtype-td .selectboxit {width:1%;}
  #lovDialog #search-page #collapsible-search .objtype-wraper-td table td.objtype-td .selectboxit .selectboxit-option-icon {height: inherit; margin-left:3px; margin-right:6px;}
  #lovDialog #search-page .objtype-wraper-td table td.objtype-search-td {width:80% !important; vertical-align:middle;}
  #lovDialog #search-page .objtype-wraper-td table td.objtype-search-td .input1 {width:99%; padding:0 5px;}
  
  #lovDialog #search-page #header #header-inner #collapsible-search .radiogroup {display:inline-block; padding:0; border:none; }
  #lovDialog #search-page #header #header-inner #collapsible-search .radiogroup label {margin-right:8px; vertical-align:middle;}
  #lovDialog #search-page #header #header-inner #collapsible-search .radiogroup label input {margin:0 2px 0 0; vertical-align:text-top;}
  #lovDialog #search-page #in_searchClear {visibility: hidden;}
  
  #lovDialog #search-page ul.form-triggers {float:left; list-style:none; padding: 3px 3px 3px 7px; margin:0 0 0 5px; border:solid 1px #c3c3c3 !important; -moz-box-shadow: inset 0 1px 0 White;
-webkit-box-shadow: inset 0 1px 0 white; -o-box-shadow: inset 0 1px 0 White; box-shadow: inset 0 1px 0 white; white-space:nowrap;}
  #lovDialog #search-page ul.form-triggers li {float:left; margin-right:5px; list-style-image:none;}
  #lovDialog #search-page ul.form-triggers li.last-trigger {margin-right:0;}
  
  #lovDialog #search-page .trigger-icons-wrapper {display:none; overflow:hidden; background: none repeat scroll 0 0 #EBEBED; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; float: none; list-style: none outside none; margin: 7px 0 0 0; padding: 0 8px; white-space: nowrap;} 
  #lovDialog #search-page .trigger-icons-wrapper .trigger-icons label {}
  #lovDialog #search-page ul.trigger-icons {display:block; float:none; padding:0 8px; margin:10px 10px 0 10px; list-style:none; background: none repeat scroll 0 0 #EBEBED; border-left: 1px solid #D4D4D4; border-right:1px solid #D4D4D4; white-space:nowrap;}
  #lovDialog #search-page .trigger-icons-wrapper ul.trigger-icons {margin-top:0; margin-left:0; padding-left:0;}
  #lovDialog #search-page .trigger-icons-wrapper ul.trigger-icons.icons-right {margin-right:0;}
  #lovDialog #search-page ul.trigger-icons li {float:left; margin-right:5px; list-style-image:none;}
  #lovDialog #search-page ul.trigger-icons li.last-trigger {margin-right:0;}
  #lovDialog #search-page ul.trigger-icons li input.chkbox-single {margin-top:8px;}
  #lovDialog #search-page ul.trigger-icons li label {vertical-align: text-bottom;}
  #lovDialog #search-page ul.trigger-icons a {}
  
  #lovDialog #search-page .admin-func-icons {display:block; border:none !important; outline: none; cursor: pointer; margin:7px 0 2px 0; padding: 0 3px 3px 0; }
  #lovDialog #search-page .admin-func-icons.search-control {width:16px; height:16px; text-indent:-9999px; background:transparent url(/st_toolkit/common/images/icons/btn-objnav-search_16.png) 0 0 no-repeat;}
  #lovDialog #search-page .admin-func-icons.help-control {width:16px; height:16px; margin:0; text-indent:-9999px; background: transparent url(/st_toolkit/common/images/icons/help-2012.png) 0 0 no-repeat;}
  #lovDialog #search-page .admin-func-icons.dofilter {display:none; width:auto !important; height: auto !important; background: transparent url(/st_toolkit/common/images/icons/btn-filter_16.png) 0 0 no-repeat; cursor:default;}
  #lovDialog #search-page .admin-func-icons.deletefilter {width:auto !important; height: auto !important; background: transparent url(/st_toolkit/common/images/icons/btn-deletefilter_16.png) 0 0 no-repeat;}
  #lovDialog #search-page .admin-func-icons.moveobjectup {width:16px; height:16px; text-indent:-9999px; background: transparent url(/st_toolkit/common/images/icons/btn-moveup_16.png) 0 0 no-repeat;}
  #lovDialog #search-page .admin-func-icons.moveobjectdown {width:16px; height:16px; text-indent:-9999px; background: transparent url(/st_toolkit/common/images/icons/btn-movedown_16.png) 0 0 no-repeat;}
  #lovDialog #search-page .admin-func-icons.refresh-control {width:16px; height:16px; text-indent:-9999px; background:transparent url(/st_toolkit/common/images/icons/btn-refresh_16.png) 0 0 no-repeat;}
  #lovDialog #search-page .admin-func-icons.search-clear-control {display:none; width:16px; height:16px; background:transparent url(/st_toolkit/common/images/icons/btn-clear-search_16.png) 0 0 no-repeat; padding-top:1px; margin-top:9px;}
  #lovDialog #search-page .admin-func-icons.zoom-control{display:none; width:16px; height:16px; background:transparent url(/st_toolkit/common/images/icons/zoom-in-small.png) 0 0 no-repeat; padding-top:1px;}
  #lovDialog #search-page .admin-func-icons.zoom-clear-control {display:none; width:16px; height:16px; background:transparent url(/st_toolkit/common/images/icons/zoom-in-cancle-small.png) 0 0 no-repeat; padding-top:1px;}
  #lovDialog #search-page .admin-func-icons.zoom-out-control{display:none; width:16px; height:16px; background:transparent url(/st_toolkit/common/images/icons/zoom-out-small.png) 0 0 no-repeat; padding-top:1px;}
  #lovDialog #search-page .admin-func-icons span.icon-desc {display:inline-block; margin:2px 0 0 16px !important; padding:0 0 0 0 !important; font-size:11px; color:#333;}
  #lovDialog #search-page .lov-btns {display:none; margin:4px 0 3px 0 !important;}
  #lovDialog #search-page #choose-trigger {}
  
  #lovDialog #search-page #search_results {display:none; padding:0; margin:0 0 0 0; border:1px solid #D4D4D4; background-attachment: scroll;}
  #lovDialog.non-navigatorlov #search-page #search_results {display:block;}
  #lovDialog #search-page #search_results.scrolled {background:none;}
  #lovDialog #search-page #search_results table.object-nav {width:auto !important; border-spacing:2px; border-collapse:collapse;}
  #lovDialog #search-page #search_results table.object-nav thead tr {line-height:1; border-bottom:1px solid #cfcfcf;}
  #lovDialog #search-page #search_results table.object-nav th {font-weight: normal; font-size: 12px; text-transform: capitalize; text-align: left; background: #e7e6e5 url(/st_toolkit/common/images/admin/divider-table-header.gif) right 10% repeat-y; border:none; padding:6px 10px; font-weight: bold; color: #333; text-align: left; vertical-align: middle;}
  #lovDialog #search-page #search_results table.object-nav th:last-child {background-image:none; width:100%;}
  #lovDialog #search-page #search_results table.object-nav tbody {border-top:6px solid #FFF;}
  #lovDialog #search-page #search_results table.object-nav tbody tr:hover {}
  #lovDialog #search-page #search_results table.object-nav tbody tr td {padding:5px !important;}
  #lovDialog #search-page #search_results table.object-nav tbody tr.row-selected {background-color:#3875d7; color:#FFF;}
  #lovDialog #search-page #search_results table.object-nav tbody tr.row-selected a,
  #lovDialog #search-page #search_results table.object-nav tbody tr.row-selected a span,
  #lovDialog #search-page #search_results table.object-nav tbody tr.row-selected span  {color:#FFF !important;}
  #lovDialog #search-page #search_results table.object-nav .miscl-col-txt {vertical-align:middle; padding-top:1px;}*/
  
/* Admin pane-controller header -> LOV dialog header */
/*#search-page .admin-func-icons.expandall-control {display:none; width:16px; height:16px; background:transparent url(/st_toolkit/common/images/icons/exp-all-small.png) 0 0 no-repeat; padding-top:1px;}
  #search-page .admin-func-icons.collapseall-control {display:none; width:16px; height:16px; background:transparent url(/st_toolkit/common/images/icons/coll-all-small.png) 0 0 no-repeat; padding-top:1px;}*/


/* ------- LOV (NON-NAVIGATOR) --------------*/
.lov-wrapper #lov-header .close-global,#admin-page .popup-wrapper #popup-header .close-global {position:absolute; right:15px; margin-top:0; }
.lov-wrapper #lov-header #lov-header-inner{background-color: #EBEBED;border: 1px solid #D4D4D4;}
.lov-wrapper #lov-header #lov-header-inner table tr.odd td,
.lov-wrapper #lov-header #lov-header-inner table tr.odd,
.lov-wrapper #lov-header #lov-header-inner table td{background-color:transparent;}
.lov-wrapper{padding:10px;}
.lov-wrapper #lov-header #lov-header-inner table.empty th,
.lov-wrapper #lov-header #lov-header-inner table.empty th.left,
.lov-wrapper #lov-header #lov-header-inner table.empty th.right{border:0;}
.lov-wrapper #lov-header .close-global  a:link,
.lov-wrapper #lov-header .close-global  .close-global a:active,
.lov-wrapper #lov-header .close-global  a:visited,
.lov-wrapper #lov-header .close-global  a:focus,
.popup-wrapper #popup-header .close-global a {display: block;width: 16px;height: 16px;background: transparent url(/st_toolkit/common/images/icons/btn-cancel_16.png) 0 0 no-repeat;cursor: pointer;text-indent: -9999px;outline: none;outline: 0;}
.lov-wrapper #lov-header .close-global a:hover {opacity: 0.6;filter: alpha(opacity=40);}
.lov-wrapper #lov-header h2.table_heading{font-size:1.6em; color:#333;font-weight:bold;}
.lov-wrapper #search_results table.data th{font-size: 12px;text-transform: capitalize;background: #e7e6e5 url(/st_toolkit/common/images/admin/divider-table-header.gif) right 10% repeat-y;
border: none;padding: 3px 10px;font-weight: bold;color: #333;text-align: left;vertical-align: middle;}
.lov-wrapper #search_results table.data{border:solid 1px #D4D4D4;}
.lov-wrapper .lov-btns.select{background-image: none;background-color: #ebebed;border: solid 1px #d4d4d4;border-radius: 3px;margin-bottom: 8px ;padding: 0;font-size: 11px ;line-height: 20px;text-decoration:none;display:inline-block;}
.lov-wrapper .lov-btns.select span{background: transparent url(../images/icons/btn-ok_16.png) 5px center no-repeat ;padding: 0px 6px 0px 25px;font-weight: normal;color: #333;height: 19px;}
.lov-wrapper #search_results table.data tr .lov-btns.select{opacity:0.4;filter: alpha(opacity=40);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";}
.lov-wrapper #search_results table.data tr:hover .lov-btns.select,
.lov-wrapper #search_results table.data tr .lov-btns.select.selected{opacity:1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}


/* Navigator style data layout - eg. LOV dialog */
table.data.object-nav {width:100% !important;}
    table.object-nav tr {border-bottom:0;}
    table.object-nav span {margin:-2px 0 -1px 0; display:inline-block; line-height:20px; white-space:nowrap !important;}
  table.object-nav a,
  table.object-nav a:link,
  table.object-nav a:visited {white-space: nowrap; font-weight:normal; text-decoration:none; margin-left:0; margin-bottom:0; line-height:21px;}
  table.object-nav a,
  table.object-nav a span {cursor:pointer; line-height:18px;}
    table.object-nav a.details-link {_display: table-cell; *display: table-cell; margin-bottom: 2px; margin-left:3px;}
  table.object-nav span.obj-nav-id {/*display: inline;*/ _display: table-cell; *display: table-cell; font-size:10px;}
  table.object-nav tr.odd,
  table.object-nav tr.even {border-bottom:none;}
  table.object-nav tr.odd td,
  table.object-nav tr.even td {background-color:#FFFFFF; padding-top:0; padding-bottom:2px; font-size:13px;}
  table.object-nav tr.odd td a,
  table.object-nav tr.even td a {font-size:13px;}
  table.object-nav{margin-top:0;}
  table.object-nav td {padding:0 3px; line-height:10px;}
  table.object-nav th {font-weight:normal; padding:5px; font-size:12px; text-transform:capitalize; text-align:left; background:url(../images/table-images/data_table_header.gif) right top repeat-y; border-top:1px solid #AAA; color:#FFF;}
  table.object-nav th a{font-weight:normal;text-decoration:underline;}
  table.object-nav th a:hover{text-decoration:underline;}
  table.object-nav th.left{border-left:1px solid #AAA;padding-left:10px;}
  table.object-nav th.right{background-position:left bottom; border-right:1px solid #AAA;}
  table.object-nav.search th,table.data.search th.left,table.data.search th.right{border-color:#AAAAAA;}
  table.object-nav td.left {border-left:none; padding-left:0px;}
  table.object-nav tr.odd td.right,table.data tr.even td.right{ background-position:top left; border-right:none;}
  table.object-nav tr.footer td.left,
  table.data tr.footer td.right,
  table.data tr.footer td {background:none; padding:5px; font-size:1px; border:none; border-top:1px solid #AAAAAA;}
  table.object-nav tr.footer td.right{background-position:top right;}
  table.object-nav tr.division td{background:none; background:url(../images/table-images/table_division.gif) -2px top no-repeat;}
  table.object-nav tr.division td.left{background:url(../images/table-images/table_division.gif) left top no-repeat;}
  table.object-nav tr.division td.right{background:url(../images/table-images/table_division.gif) right top no-repeat;}
  
  table.object-nav .unpublished,
  table.object-nav .unpublished + span.obj-nav-id {font-style:italic; color:#999 !important;}
  /*table.object-nav .unpublished span.obj-text {height:16px; padding:0 0 0 20px; background: url(../images/icons/unpub-obj.gif) 0 0 no-repeat !important;}*/
  
  table.object-nav a.site,
  #folderContent table.object-nav a.site {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/home-objnav.png) 0 -1px no-repeat;}/* home-objnav.png */
  table.object-nav a.fold-open,
  #folderContent table.object-nav a.fold-open {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/open-folder-small.png) 0 -4px no-repeat;}/* open-folder-small.png */
  table.object-nav a.fold-open.selectable-obj:hover,
  #folderContent table.object-nav a.fold-open.selectable-obj:hover {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/selectable-folder-open.png) 0 -4px no-repeat;}/* open-folder-small.png */
  table.object-nav a.fold-open.non-selectable-obj,
  #folderContent table.object-nav a.fold-open.non-selectable-obj,
  table.object-nav a.fold-open.non-selectable-obj:hover,
  #folderContent table.object-nav a.fold-open.non-selectable-obj:hover,
  table.object-nav a.fold-open.non-selectable,
  #folderContent table.object-nav a.fold-open.non-selectable,
  table.object-nav a.fold-open.non-selectable:hover,
  #folderContent table.object-nav a.fold-open.non-selectable:hover{height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/non-selectable-folder-open.png) 0 -4px no-repeat;}
  table.object-nav a.test-obj,
  #folderContent table.object-nav a.test-obj {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/testObject.gif) 0 -4px no-repeat;}/* testObject.gif */
  table.object-nav a.test-obj.unpublished,
  #folderContent table.object-nav a.test-obj.unpublished {background: transparent url(../images/icons/testObject-unpub.gif) 0 -4px no-repeat;}/* testObject.gif */
  table.object-nav a.test-obj-ref,
  #folderContent table.object-nav a.test-obj-ref {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/testObjectRef.gif) 0 -4px no-repeat;}/* testObjectRef.gif */
  table.object-nav a.test-obj-ref.unpublished,
  #folderContent table.object-nav a.test-obj-ref.unpublished {background: transparent url(../images/icons/testObjectRef-unpub.gif) 0 -4px no-repeat;}/* testObjectRef.gif */
  table.object-nav a.trash,
  #folderContent table.object-nav a.trash {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/trashGroup.gif) 0 0 no-repeat;}/* trashGroup.gif */
  table.object-nav a.cont-group,
  #folderContent table.object-nav a.cont-group {height:16px;padding:0 0 0 20px; background: transparent url(../images/icons/contentGroup.gif) 0 -4px no-repeat;}/* contentGroup.gif */
  table.object-nav a.cont-group.selectable-obj:hover,
  #folderContent table.object-nav a.cont-group.selectable-obj:hover {height:16px;padding:0 0 0 20px; background: transparent url(../images/icons/selectable-folder.png) 0 -4px no-repeat;}/* contentGroup.gif */
  table.object-nav a.cont-group.non-selectable-obj,
  #folderContent table.object-nav a.cont-group.non-selectable-obj,
  table.object-nav a.cont-group.non-selectable-obj:hover,
  #folderContent table.object-nav a.cont-group.non-selectable-obj:hover,
  table.object-nav a.cont-group.non-selectable,
  #folderContent table.object-nav a.cont-group.non-selectable,
  table.object-nav a.cont-group.non-selectable:hover,
  #folderContent table.object-nav a.cont-group.non-selectable:hover{height:16px;padding:0 0 0 20px; background: transparent url(../images/icons/none-selectable-folder.png) 0 -4px no-repeat;}/* contentGroup.gif */
  table.object-nav a.cat-group,
  #folderContent table.object-nav a.cat-group {height:16px;padding:0 0 0 20px; background: transparent url(../images/icons/category-small.png) 0 -4px no-repeat;}/* category Group */
  table.object-nav a.cont-obj,
  #folderContent table.object-nav a.cont-obj {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/contentObject.gif) 0 -4px no-repeat;}/* contentObject.gif */
  table.object-nav a.cont-obj.unpublished,
  #folderContent table.object-nav a.cont-obj.unpublished {background: transparent url(../images/icons/contentObject-unpub.gif) 0 -4px no-repeat;}/* contentObject.gif */
  table.object-nav a.cont-obj-ref,
  #folderContent table.object-nav a.cont-obj-ref {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/contentObjectRef.gif) 0 -4px no-repeat;}/* contentObjectRef.gif */
  table.object-nav a.cont-obj-ref.unpublished,
  #folderContent table.object-nav a.cont-obj-ref.unpublished {background: transparent url(../images/icons/contentObjectRef-unpub.gif) 0 -4px no-repeat;}/* contentObjectRef.gif */
  table.object-nav a.l-path,
  #folderContent table.object-nav a.l-path {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/learning-path-small.png) 0 -4px no-repeat;}/* learning-path-small.png */
  table.object-nav a.l-path.unpublished,
  #folderContent table.object-nav a.l-path.unpublished {background: transparent url(../images/icons/learning-path-small-unpub.png) 0 -4px no-repeat;}/* learning-path-small.png */
  table.object-nav a.l-track,
  #folderContent table.object-nav a.l-track {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/learning-track-small.png) 0 -4px no-repeat;}/* learning-track-small.png */
  table.object-nav a.l-track.unpublished,
  #folderContent table.object-nav a.l-track.unpublished {background: transparent url(../images/icons/learning-track-small-unpub.png) 0 -4px no-repeat;}/* learning-track-small.png */
  table.object-nav a.survey,
  #folderContent table.object-nav a.survey {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/survey-small.png) 0 -4px no-repeat;}/* survey-small.png */
  table.object-nav a.survey.unpublished,
  #folderContent table.object-nav a.survey.unpublished {background: transparent url(../images/icons/survey-small-unpub.png) 0 -4px no-repeat;}/* survey-small.png */
  table.object-nav a.survey-ref,
  #folderContent table.object-nav a.survey-ref {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/survey-ref-small.png) 0 -4px no-repeat;}/* survey-ref-small.png */
  table.object-nav a.survey-ref.unpublished,
  #folderContent table.object-nav a.survey-ref.unpublished {background: transparent url(../images/icons/survey-ref-small-unpub.png) 0 -4px no-repeat;}/* survey-ref-small.png */
  table.object-nav a.job-role,
  #folderContent table.object-nav a.job-role {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/job-role-small.png) 0 -4px no-repeat;}/* job-role.png */
  table.object-nav a.job-role.unpublished,
  #folderContent table.object-nav a.job-role.unpublished {/*background: transparent url(../images/icons/job-role-small.png) 0 -4px no-repeat;*/opacity:0.4;}/* job-role.png */
  table.object-nav a.document,
  #folderContent table.object-nav a.document {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/document-small.png) 0 center no-repeat;}/* document-small.png */
  table.object-nav a.document.unpublished,
  #folderContent table.object-nav a.document.unpublished {/*background: transparent url(../images/icons/job-role-small.png) 0 -4px no-repeat;*/opacity:0.4;}/*  document-small.png */
  table.object-nav a.operational-assessment,
  #folderContent table.object-nav a.operational-assessment {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/operational-assessment-small.png) 0 center no-repeat;}/* operational-assessment-small */
  table.object-nav a.rto-obj,
  #folderContent table.object-nav a.rto-obj {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/rto-qualification-small.png) 0 -2px no-repeat;}/* Nationally Recognised Training */
  table.object-nav a.rto-obj.unpublished,
  #folderContent table.object-nav a.rto-obj.unpublished {background: transparent url(../images/icons/rto-qualification-small-unpub.png) 0 -2px no-repeat;}/* Nationally Recognised Training */
  table.object-nav a.rto-obj-ref,
  #folderContent table.object-nav a.rto-obj-ref {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/rto-qualification-ref-small.png) 0 -2px no-repeat;}/* Nationally Recognised Training */
  table.object-nav a.rto-obj-ref.unpublished,
  #folderContent table.object-nav a.rto-obj-ref.unpublished {background: transparent url(../images/icons/rto-qualification-ref-small-unpub.png) 0 -2px no-repeat;}/* Nationally Recognised Training */
  table.object-nav a.adm-act,
  #folderContent table.object-nav a.adm-act {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/admin-activity-small.png) 0 -2px no-repeat;}/* Admin Activity */
  table.object-nav a.adm-act.unpublished,
  #folderContent table.object-nav a.adm-act.unpublished {background: transparent url(../images/icons/admin-activity-small-u.png) 0 -2px no-repeat;}/* Admin Activity */
  table.object-nav a.adm-act-ref,
  #folderContent table.object-nav a.adm-act-ref {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/admin-activity-ref-small.png) 0 -2px no-repeat;}/* Admin Activity*/
  table.object-nav a.adm-act-ref.unpublished,
  #folderContent table.object-nav a.adm-act-ref.unpublished {background: transparent url(../images/icons/admin-activity-ref-small-u.png) 0 -2px no-repeat;}/* Admin Activity */
  table.object-nav a.mgr-act,
  #folderContent table.object-nav a.mgr-act {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/manager-activity-small.png) 0 -2px no-repeat;}/* Manager Activity */
  table.object-nav a.mgr-act.unpublished,
  #folderContent table.object-nav a.mgr-act.unpublished {background: transparent url(../images/icons/manager-activity-small-u.png) 0 -2px no-repeat;}/* Manager Activity */
  table.object-nav a.mgr-act-ref,
  #folderContent table.object-nav a.mgr-act-ref {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/manager-activity-ref-small.png) 0 -2px no-repeat;}/* Manager Activity */
  table.object-nav a.mgr-act-ref.unpublished,
  #folderContent table.object-nav a.mgr-act-ref.unpublished {background: transparent url(../images/icons/manager-activity-ref-small-u.png) 0 -2px no-repeat;}/* Manager Activity */
  table.object-nav a.ins-act,
  #folderContent table.object-nav a.ins-act {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/instructor-activity-small.png) 0 -2px no-repeat;}/* Instructor Activity */
  table.object-nav a.ins-act.unpublished,
  #folderContent table.object-nav a.ins-act.unpublished {background: transparent url(../images/icons/instructor-activity-small-u.png) 0 -2px no-repeat;}/* Instructor Activity */
  table.object-nav a.ins-act-ref,
  #folderContent table.object-nav a.ins-act-ref {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/instructor-activity-ref-small.png) 0 -2px no-repeat;}/* Instructor Activity */
  table.object-nav a.ins-act-ref.unpublished,
  #folderContent table.object-nav a.ins-act-ref.unpublished {background: transparent url(../images/icons/instructor-activity-ref-small-u.png) 0 -2px no-repeat;}/* Instructor Activity */
  table.object-nav a.adm-assess,
  #folderContent table.object-nav a.adm-assess {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/admin-assessment-small.png) 0 -2px no-repeat;}/* Admin Assessment */
  table.object-nav a.adm-assess.unpublished,
  #folderContent table.object-nav a.adm-assess.unpublished {background: transparent url(../images/icons/admin-assessment-small-u.png) 0 -2px no-repeat;}/* Admin Assessment */
  table.object-nav a.adm-assess-ref,
  #folderContent table.object-nav a.adm-assess-ref {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/admin-assessment-ref-small.png) 0 -2px no-repeat;}/* Admin Assessment */
  table.object-nav a.adm-assess-ref.unpublished,
  #folderContent table.object-nav a.adm-assess-ref.unpublished {background: transparent url(../images/icons/admin-assessment-ref-small-u.png) 0 -2px no-repeat;}/* Admin Assessment */
  table.object-nav a.mgr-assess,
  #folderContent table.object-nav a.mgr-assess {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/manager-assessment-small.png) 0 -2px no-repeat;}/* Manager Assessment */
  table.object-nav a.mgr-assess.unpublished,
  #folderContent table.object-nav a.mgr-assess.unpublished {background: transparent url(../images/icons/manager-assessment-small-u.png) 0 -2px no-repeat;}/* Manager Assessment */
  table.object-nav a.mgr-assess-ref,
  #folderContent table.object-nav a.mgr-assess-ref {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/manager-assessment-ref-small.png) 0 -2px no-repeat;}/* Manager Assessment */
  table.object-nav a.mgr-assess-ref.unpublished,
  #folderContent table.object-nav a.mgr-assess-ref.unpublished {background: transparent url(../images/icons/manager-assessment-ref-small-u.png) 0 -2px no-repeat;}/* Manager Assessment */
  table.object-nav a.ins-assess,
  #folderContent table.object-nav a.ins-assess {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/instructor-assessment-small.png) 0 -2px no-repeat;}/* Instructor Assessment */
  table.object-nav a.ins-assess.unpublished,
  #folderContent table.object-nav a.ins-assess.unpublished {background: transparent url(../images/icons/instructor-assessment-small-u.png) 0 -2px no-repeat;}/* Instructor Assessment */
  table.object-nav a.ins-assess-ref,
  #folderContent table.object-nav a.ins-assess-ref {height:16px; padding:0 0 0 20px; background: transparent url(../images/icons/instructor-assessment-ref-small.png) 0 -2px no-repeat;}/* Instructor Assessment */
  table.object-nav a.ins-assess-ref.unpublished,
  #folderContent table.object-nav a.ins-assess-ref.unpublished {background: transparent url(../images/icons/instructor-assessment-ref-small-u.png) 0 -2px no-repeat;}/* Instructor Assessment */
  #dialogBoxLOV table.object-nav a.details-link {background-position-y: 0px;}
  table.object-nav a.non-dragdrop {background-color:#a2a2a2;}
  
  table.object-nav .searched-obj,
  table.object-nav .searched {display:inline !important; padding:1px;}
  table.object-nav .active-obj,
  table.object-nav .active {display:inline;}
  
  table.object-nav .active-obj .obj-text,
  table.object-nav .active .obj-text,
  table.object-nav .details-link:hover .obj-text,
  table.object-nav .details-link:hover .obj-text {background-color:#a7cdf0 ;}
  
  table.object-nav .active-obj.non-selectable-obj .details-link .obj-text,
  table.object-nav .active-obj.non-selectable-obj.details-link .obj-text,
  table.object-nav .non-selectable-obj.details-link:hover .obj-text,
  table.object-nav .active-obj.non-selectable .details-link .obj-text,
  table.object-nav .non-selectable .details-link:hover .obj-text{background-color:transparent;}
  
  table.object-nav .searched-obj .obj-text,
  table.object-nav .searched .obj-text {background-color:#FFFF00;}
  
  table.object-nav .cat-action-list {visibility:hidden;border:solid 1px #d6d6d6;background-color:#F5F5F5;height:18px;vertical-align:middle;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-left:10px;}
  table.object-nav .cat-action-list a {margin:0;padding:0;display:inline-block;height:18px;}
  table.object-nav .cat-action-list a:hover{background-color:#d6d6d6;}
  table.object-nav .active-cont .cat-action-list{visibility:visible;}
    
  table.object-nav .multi-action-btns {display:inline-block;}
  table.object-nav .multi-action-btns dt {margin-top:-15px;}
  table.object-nav .multi-action-btns dd {margin-top:28px;}
  table.object-nav .multi-action-btns a.action.small.multi,
  table.object-nav .multi-action-btns a.action.small.multi:link, 
  table.object-nav .multi-action-btns a.action.small.multi:visited, 
  table.object-nav .multi-action-btns a.action.small.multi:hover {margin:15px 0 0 5px !important}
  table.object-nav .multi-action-btns a.action.small.multi span,
  table.object-nav .multi-action-btns a.action.small.multi:link span, 
  table.object-nav .multi-action-btns a.action.small.multi:visited span,
  table.object-nav .multi-action-btns a.action.small.multi:hover span {display:none;}
  
  .obj-nav-tabs-page {overflow:visible; width:100%;}
/*Welcome Banner*/
#welcomeBanner,#loginFooter {background-color:#FFF; margin-top:20px; border:1px solid #ddd; border-radius:5px; overflow:hidden;padding:15px;}
            #welcomeBanner h2,#loginFooter h2 {}
            .welcome-banner-l, .loginFooter-l {float:left;}
            .welcome-banner-l img ,.loginFooter-l img{width:93px;height:100px; margin: 18px 15px 0 15px;}
            .welcome-banner-r, .loginFooter-r {float:right; width:605px; padding-right:15px;}
/* Login Custom Message*/
#loginHeader{}
#loginHeader .loginHeader-l,#loginHeader .loginHeader-r {font-size:12px; color:#333;}
/* login page */
#login_details a.loggedout-home-link {margin-right:10px; display: none;}
#login-page {}  
  #login-page h2 {text-align:center;}
  #login-page table tr th, 
  #login-page table tr.header-row th, 
  #login-page table.tbl-course-offering-widget 
  #login-page tr.header th,
  #login-page table.data tr td, 
  #login-page table.data tr.odd td, 
  #login-page table.data tr.even td {border:none !important;}
  .XLR8LOGINLOGIN #header {display:none; visibility: hidden; background-color: transparent;}
  .XLR8LOGINLOGIN .login-wrapper .form-col .form-fields {display: block; margin-right: 0;}
#login-page a, 
#login-page a:link, 
#login-page a:active, 
#login-page a:visited, 
#login-page span.data_navigation a.arrow, 
#login-page a.user_guide, 
#login-page a.help, 
#login-page .themed a:link, 
#login-page .themed a:link, 
#login-page .themed a:visited {/*color: #fff;*/ font-size: 12px;}
#loginLinks {margin-right:10px;}
#loginLinks a {cursor: pointer;float:right;}
#loginLinks label a{margin-left:0;} 
#loginLinks label{display: inline-block;}
#loginLinks label:after{content:'';clear: both;}
#loginLinks a:hover {text-decoration: underline !important;}
#loginLinks a:first-child {float:left;margin-right:12px;}
#loginLinks a:nth-child(2) {float:right; margin-right:0;}

.XLR8LOGINLOGIN {}
.XLR8LOGINLOGIN .login-logo {background:transparent url(../images/logo.png) no-repeat center center; width:148px; height: 57px;}
.XLR8LOGINLOGIN #header #headerInner a{color:#fff;}
.XLR8LOGINLOGIN #bodycontent{background-color:transparent; padding:3em 0 0 0; margin-bottom:4em; margin-top:0;}
.XLR8LOGINLOGIN #bodycontent #bodycontent_inner {width:auto;}
.XLR8LOGINLOGIN #container.loggedout-page {width:100%; height:100%;}
.XLR8LOGINLOGIN #learner-page{
background: #f6f6f6; /* Old browsers */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=1 );*/ /* IE6-9 fallback on horizontal gradient */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #d6d6d6 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#d6d6d6 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 0%,#d6d6d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

background-repeat: no-repeat;
background-size: cover;
background-position: center;}

.XLR8LOGINLOGIN #login-page{width: 290px; margin:0 auto; padding:0; right: calc(50% - 150px); top: calc(50% - 240px); position: static\9;}
.XLR8LOGINLOGIN .bg-overlay{display:none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom:0; left:0; background: #0572ce; mix-blend-mode: multiply; z-index:0;}
.XLR8LOGINLOGIN .login-wrapper table td{}
.XLR8LOGINLOGIN .login-wrapper table td{padding:10px 0 !important;}
/*.XLR8LOGINLOGIN .login-wrapper .form-col{padding:0; margin:0;}
.XLR8LOGINLOGIN .login-wrapper .form-col .form-fields {display: block;}*/
.XLR8LOGINLOGIN .login-wrapper .form-col a{color: #fff; opacity:0.5;}
.XLR8LOGINLOGIN .login-wrapper .form-col a:hover {opacity: 1;}
.XLR8LOGINLOGIN .login-wrapper .labeltxt{display:block; font-size:12px; color:#ccc;}

.XLR8LOGINLOGIN #login-page ul.form-col label.lbl .ctrl{/*border-bottom: solid 1px rgba(255,255,255,0.5);color: #333;*/}
.XLR8LOGINLOGIN #login-page ul.form-col label.lbl .ctrl option {color:#333;}
.XLR8LOGINLOGIN #login-page ul.form-col label.lbl .ctrl:focus { /*border-bottom: solid 2px rgba(255,255,255,1);*/ opacity: 1;}
.XLR8LOGINLOGIN #login-page ul.form-col label.lbl .ctrl.txt ~ .ctrl-ind { background: transparent url(../images/icons/form/clear-input-icon.png) no-repeat center center;}
.XLR8LOGINLOGIN #login-page label.lbl .input-label-txt {/*color:#fff; opacity:0.5;*/}
.XLR8LOGINLOGIN #login-page label.lbl .input-label-txt.onFocus { /*color: #fff; opacity:1;*/}
.XLR8LOGINLOGIN #login-page .login-wrapper .form-col .form-fields  input.btn.login {
    display: block;
    width: 100%;
    margin: 20px 0 0 0; text-transform: uppercase;
}
.XLR8LOGINLOGIN #login-page .login-wrapper .form-col .form-fields input.btn.login:hover{/*background-color: #fff!important; border: solid 1px #fff!important; color:#333!important;*/}
.XLR8LOGINLOGIN #login-page h2{text-align: left; margin: 20px 0; font-size:20px;font-weight: normal;}
.XLR8LOGINLOGIN #login-page .welcome-banner-l img,
.XLR8LOGINLOGIN #login-page .loginFooter-l img { width: 25px; height: 28px;margin: 0;    vertical-align: middle;}
.XLR8LOGINLOGIN #login-page .welcome-banner-l h2,
.XLR8LOGINLOGIN #login-page .loginFooter-l h2{ display: inline-block; font-size: 12px; margin: 10px; color: #1466b2;}
.XLR8LOGINLOGIN #login-page .welcome-banner-r,
.XLR8LOGINLOGIN #login-page .loginFooter-r  {width:auto; font-size: 12px; float:none;padding:0;}
.XLR8LOGINLOGIN #login-page .welcome-banner-r a,.XLR8LOGINLOGIN #login-page .loginFooter-r a{color: #045fab;}
.XLR8LOGINLOGIN #login-page .welcome-banner-r p, .XLR8LOGINLOGIN #login-page .loginFooter-r p{margin:0;}
.XLR8LOGINLOGIN #login-page .login-wrapper #toggle-login{display:none;}
.XLR8LOGINLOGIN #footer {position: relative; background-color: transparent; bottom: 0; width: 100%;}
.XLR8LOGINLOGIN #footer #footerInner{width: 450px; text-align: center; padding: 0;}
.XLR8LOGINLOGIN #footer #footerInner #footer_links li.footer-logo {display: none;}
.XLR8LOGINLOGIN #footer #footerInner #footerRight{margin:0;padding:0; white-space: nowrap;}
.XLR8LOGINLOGIN #footer #footerInner #footer_links,
.XLR8LOGINLOGIN #footer #footerInner #footerRight {float:none;display: inline-block;vertical-align: top;}
.XLR8LOGINLOGIN #footer #footerInner #footer_links li,
 .XLR8LOGINLOGIN #footer #footerInner #footerRight li {color:#333;}
  .XLR8LOGINLOGIN #footer #footerInner #footerRight li a,
   .XLR8LOGINLOGIN #footer #footerInner #footer_links li a { color: #045fab;}
/* two column login*/
.XLR8LOGINLOGIN #login-page.two-col{width:700px; background-color: #fff; border: solid 1px #d6d6d6; border-radius: 3px; padding: 40px;}
.XLR8LOGINLOGIN #login-page.two-col:after{content: '';display: block;width: 100%;clear: both;}
.XLR8LOGINLOGIN #login-page.two-col #welcomeBanner,
.XLR8LOGINLOGIN #login-page.two-col .login-wrapper,
.XLR8LOGINLOGIN #login-page.two-col #loginFooter {background-color:transparent; padding:0;font-size:12px; width: 50%; display: inline-block; float: left; box-sizing: border-box;border:0;}

.XLR8LOGINLOGIN #login-page.two-col #welcomeBanner{margin:0 3% 0 0; padding:0;width:47%; }
.XLR8LOGINLOGIN #login-page.two-col .login-wrapper{padding:0 0 0 3%; border-left:solid 1px #d6d6d6;float: right;}
.XLR8LOGINLOGIN #login-page.two-col .login-wrapper .login-form{display: none;}
.XLR8LOGINLOGIN #login-page.two-col .login-wrapper #toggle-login,
.XLR8LOGINLOGIN #login-page.two-col .login-wrapper #toggle-login span{display: block;text-align: center;}
.XLR8LOGINLOGIN #login-page.two-col .login-wrapper #toggle-login{margin-top:20px!important;}
.XLR8LOGINLOGIN #login-page a.link {
    padding: 10px 0;
    display: inline-block;
}


/* overwrite for Form OLD UI */
form table {}
  form table .radiogroup,
  form table .checkboxgroup {display:inline-block;}
  form table .radiogroup label.lbl,
  form table .checkboxgroup label.lbl {display:inline-block;}
  form table .radiogroup label.lbl input,
  form table .checkboxgroup label.lbl input {vertical-align:top;}

/* 
** Dialog Page - ANY PAGES being embedded in Dialog PAGE 
*/

#dialogBox #dialogBoxContent #breadcrumb,
#dialogBoxOperations #breadcrumb,
#iplusOverlayContent #breadcrumb {margin:0;}

#dialogPage {/*border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;*/}
  #dialogPage #dialogPageContent {text-align:left; margin-bottom:15px;}/* clearFix */
  #dialogPage #dialogPageContent .header {/*display:none;*/}
  #dialogPage #dialogPageContent .content-2cols {}/* clearFix */
  #dialogPage #dialogPageContent .content-2cols .content-2cols-l {float:left; width:80%; min-height:800px; padding-right:10px; border-right:1px solid #CCCCCC;}
  #dialogPage #dialogPageContent .content-2cols .content-2cols-r {float:right; width:19%; padding-top:10px; padding-right:0;}
  #dialogPage #dialogPageContent #col_left {float:left; width:80%; min-height:800px; padding-right:10px; border-right:1px solid #CCCCCC;}
  #dialogPage #dialogPageContent #col_right {float:right; width:19%; padding-top:10px; padding-right:0;}
  
  #dialogPage #dialogPageContent  h2.table_heading {margin:5px 10px 0 10px;}
    #dialogPage #dialogPageContent .search-wrapper, 
  #dialogPage #dialogPageContent .search-wraper {position: static;}
  
  #dialogPage #dialogPageContent .tabbing-ctrl {background-image:none; background-position:0 0; border:0;border-left: 1px solid #CCCCCC;}
  #dialogPage #dialogPageContent .tabbing-ctrl li {background-image: url(../images/accordion-header-bg.gif);background-color: transparent;background-position: left top;background-repeat: repeat-x;box-shadow: inset 1px 0 0 #fff;}
  #dialogPage #dialogPageContent .tabbing-ctrl li a, 
  #dialogPage #dialogPageContent .tabbing-ctrl li a:link, 
  #dialogPage #dialogPageContent .tabbing-ctrl li a:active {border-right: 1px solid #CCCCCC; border-left: 0 none; border-top: 1px solid #CCCCCC; background-color:transparent; color:#4e4e4e;font-weight:normal;}
  #dialogPage #dialogPageContent .tabbing-ctrl li a.active,
  #dialogPage #dialogPageContent .tabbing-ctrl li a:hover{background-color:#fff;font-weight:bold;}
  
  #dialogPage #dialogPageContent .wrapper.tabcontent {margin-top:-1px; padding:0 5px;}
  #dialogPage #dialogPageContent .wrapper.tabcontent  #sortMenu #sortMenuTrig span{font-weight:bold;}
  #dialogPage #dialogPageContent .wrapper.tabcontent table.data {width: 100% !important;}
  #dialogPage #dialogPageContent .wrapper.tabcontent table th{background: #e7e6e5 url(../images/admin/divider-table-header.gif) right 10% repeat-y;padding: 6px 10px 3px 10px;line-height: 12px;}
  #dialogPage #dialogPageContent .wrapper.tabcontent #collapsible-search {margin-top:15px;}
  #dialogPage #dialogPageContent .wrapper.tabcontent #collapsible-search .search-wrapper,
  #dialogPage #dialogPageContent .wrapper.tabcontent #collapsible-search .search-wraper,
  #dialogPage #dialogPageContent .wrapper.tabcontent #collapsible-search .adv-search-wrapper,
  #dialogPage #dialogPageContent .wrapper.tabcontent #collapsible-search .adv-search-wrapper {/*border-left:none; border-right:none;*/}
  
  /* Dialog Page Header - context mod, context link, help */
  #dialogPage #panes-content .header {height:auto !important; font-size:14px; overflow:visible;}
  #dialogPage #panes-content .header:after {clear: both;  content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
  #dialogPage #panes-content .header #breadcrumb {margin:0; padding:0;}
  #dialogPage #panes-content .header #breadcrumb br {display:none;}
  #dialogPage #panes-content .header .panes-content-header-l {float:left;}
  #dialogPage #panes-content .header .panes-content-header-r {float:right;/* margin-right:10px;*/}
  #dialogPage #panes-content .header .panes-content-header-l ul,
  #dialogPage #panes-content .header .panes-content-header-r ul {margin:0;  list-style:none;padding:0;} 
  #dialogPage #panes-content .header .panes-content-header-r ul li {overflow:hidden;}
  #dialogPage #panes-content .header .panes-content-header-l #breadcrumb div#pagetitle {color:#fff;font-weight:normal;font-size:14px;}
  #dialogPage #panes-content .header ul:after {clear: both;  content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
  #dialogPage #panes-content .header ul li {float:left; margin-right:5px; }
  #dialogPage #panes-content .header ul li h3 {margin:0;}
  #dialogPage #panes-content .header ul li h3 a {}
  #dialogPage #panes-content .header ul li h3 a:hover {opacity:0.6; filter:alpha(opacity=40);}
  #dialogPage #panes-content .header ul li#context_reports {position:relative; overflow:visible; padding:0 4px; width:24px;height:16px;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  #dialogPage #panes-content .header ul li#context_reports h3 a {display:block; width:16px; height:16px; background: url(/st_toolkit/common/images/icons/colbox-report.png) 0 0 no-repeat; text-indent:-9999px;}
  #dialogPage #panes-content .header ul li#context_modules {position:relative; overflow:visible; padding:0 4px; width:24px;height:16px;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  #dialogPage #panes-content .header ul li#context_modules h3 a {display:block; width:16px; height:16px; background: url(/st_toolkit/common/images/icons/colbox-conlinks.png) 0 0 no-repeat; text-indent:-9999px;}
  #dialogPage #panes-content .header ul li#context_modules h3 a.disabled{-webkit-opacity: 0.2;-moz-opacity: 0.2;filter:alpha(opacity=40);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";opacity: 0.2;cursor:default;}
  #dialogPage #panes-content .header ul li#edit_module {position:relative;  overflow:visible; padding:0 4px; width:24px;height:16px;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  #dialogPage #panes-content .header ul li#edit_module a {display:block; width:16px; height:16px; background: url(/st_toolkit/common/images/admin/icon-edit-module.png) 0 0 no-repeat; text-indent:-9999px;}
  #dialogPage #panes-content .header ul li#help_module {padding:0 4px; width:24px;height:16px;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  #dialogPage #panes-content .header ul li#help_module .help-global {right:15px;}
  #dialogPage #panes-content .header ul li#help_module .help-global a {}
  #dialogPage #panes-content .header ul li .content-widgets-inner {display:none; position:absolute; right:-18px; top:14px; z-index:999 !important;}
  #dialogPage #panes-content .header ul li .content-widgets-inner ul {left:auto;right:0;background-image:url(../images/admin/subm-toppointer-last.png);background-position:right top;background-repeat:no-repeat;border-bottom:0;padding:0;padding-top:8px;border-radius: 0; box-shadow: 0 0, 0 0 inset;background-color:transparent;margin:0;}
  #dialogPage #panes-content .header .content-widgets-inner ul li {display: block; float:none !important;clear:both;white-space:nowrap;margin:0; overflow:visible;}
  #dialogPage #panes-content .header .content-widgets-inner ul li a,
  #dialogPage #panes-content .header .content-widgets-inner ul li a:link,
  #dialogPage #panes-content .header .content-widgets-inner ul li a:active {border:solid 1px #babfcc !important;border-top:0 !important;padding:2px 5px;padding-left:5px !important;padding-right:5px !important;padding-bottom:2px !important;color:#000;display:block !important;font-size:11px;text-align:left;cursor:pointer;*padding-left:5px;background-color:#fff;text-decoration:none;font-weight:bold;}
  #dialogPage #panes-content .header ul li .content-widgets-inner ul li a:hover {background-color:#EBEBED;background-image:none;color:#000;}
  #dialogPage #panes-content .header,
  #dialogPage #panes-content .header{background-color:#fff; border-bottom:0; padding:0;}
  #dialogPage #panes-content #panes-content .header {padding:5px 0 0;}
  
  /* Dialog Page - Manager name, icons */
  #dialogPage em,
  #dialogPage em.obj_id {font-size:0.7em; font-weight:normal; font-style:normal;}
  #dialogPage .unpublished em.obj_id {font-style:italic;}
  #dialogPage table em.obj_id {display: inline-block; font-size: 0.8em; line-height: 20px; margin-top: 2px; vertical-align: top;}
  #dialogPage .heading-action h1.new-page-headings{line-height:18px;font-size:1.2em; margin-bottom:10px;}
  #dialogPage .heading-action h1.new-page-headings span {height: 18px;display: inline-block;vertical-align: middle;padding-left:27px;}
  #dialogPage .heading-action h1.new-page-headings span#LP-title {background:url(../images/icons/learning-path-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#LP-U-title {background:url(../images/icons/learning-pathunp-large.png) no-repeat left center; font-style:italic; color:#999;}
  #dialogPage .heading-action h1.new-page-headings span#LT-title {background:url(../images/icons/learning-track-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#LT-U-title {background:url(../images/icons/learning-trackunp-large.png) no-repeat left center; font-style:italic; color:#999;}
  #dialogPage .heading-action h1.new-page-headings span#MSO-title {background:url(../images/icons/scheduled-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#MSP-title {background:url(../images/icons/self-paced-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#ORG-title {background:url(../images/icons/org-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#UG-title {background:url(../images/icons/usergroup-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#DUG-title {background:url(../images/icons/dynamic-usergroup-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#U-title {background:url(../images/icons/user-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#UX-title {background:url(../images/icons/user-deactive-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#UEL-title {background:url(../images/icons/user-extleave-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#JR-title {background:url(../images/icons/jobrole-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#FO-title {background:url(../images/icons/folder-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#CAT-title {background:url(../images/icons/category-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#CO-title {background:url(../images/icons/content-object-mid.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#CO-U-title {background:url(../images/icons/content-objectunp-mid.png) no-repeat left center; font-style:italic; color:#999;}
  #dialogPage .heading-action h1.new-page-headings span#CO-R-title {background:url(../images/icons/content-objectref-mid.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#CO-R-U-title {background:url(../images/icons/content-objectrefunp-mid.png) no-repeat left center; font-style:italic; color:#999; }
  #dialogPage .heading-action h1.new-page-headings span#SV-title {background:url(../images/icons/survey-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#SV-U-title {background:url(../images/icons/survey-large-u.png) no-repeat left center; font-style:italic; color:#999;}
  #dialogPage .heading-action h1.new-page-headings span#SV-R-title {background:url(../images/icons/survey-ref-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#SV-R-U-title {background:url(../images/icons/survey-refunp-large.png) no-repeat left center; font-style:italic; color:#999; }
  #dialogPage .heading-action h1.new-page-headings span#T-title {background:url(../images/icons/test-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#T-U-title {background:url(../images/icons/test-unp-large.png) no-repeat left center; font-style:italic; color:#999;}
  #dialogPage .heading-action h1.new-page-headings span#T-R-title {background:url(../images/icons/test-ref-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#T-R-U-title {background:url(../images/icons/test-refunp-large.png) no-repeat left center; font-style:italic; color:#999; }
  #dialogPage .heading-action h1.new-page-headings span#RE-title {background:url(../images/icons/resource-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#DO-title {background:url(../images/icons/document-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#DO-U-title {background:url(../images/icons/document-large-u.png) no-repeat left center; font-style:italic; color:#999;}
  #dialogPage .heading-action h1.new-page-headings span#INST-title {background:url(../images/icons/instructor-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#ROOM-title {background:url(../images/icons/room-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#LOC-title {background:url(../images/icons/location-large.png) no-repeat left center; }
  #dialogPage .heading-action h1.new-page-headings span#PDF-title {background:url(../images/icons/pdf-template-small.png) no-repeat left center; }
  
  #dialogPage #dialogPageContent div.details_box_left, 
  #dialogPage #dialogPageContent div.details_box_right,
  #iplusOverlayContent  div.details_box_left, 
  #iplusOverlayContent  div.details_box_right {float: left; width: 50%;}
  #dialogPage #dialogPageContent .details_box_2col,
  #iplusOverlayContent  .details_box_2col {display:inline-block;width:100%;}
  #dialogPage #dialogPageContent .details_box_2col .user-profile-details,
  #iplusOverlayContent  .details_box_2col .user-profile-details {background-color: #f3f3f3; min-height: 80px; margin-top:10px; padding:5px;}/* clear */
  #dialogPage #dialogPageContent .details_box_2col .user-profile-details div,
  #iplusOverlayContent  .details_box_2col .user-profile-details div {float: left; margin-right: 10px;}
  #dialogPage #dialogPageContent .details_box_2col .user-profile-details ul,
  #iplusOverlayContent  .details_box_2col .user-profile-details ul {float:left; list-style: none outside none; margin: 0; padding: 0;}
  dialogPage #dialogPageContent .details_box_2col .user-profile-details ul li,
  #iplusOverlayContent  .details_box_2col .user-profile-details ul li {margin-bottom:3px;}
  #dialogPage #dialogPageContent .details_box_2col .user-profile-details h1 .fullname,
  #iplusOverlayContent  .details_box_2col .user-profile-details h1 .fullname {color:#000;font-weight:bold;font-size:14px;display:block;}
  #dialogPage #dialogPageContent .details_box_2col .user-profile-details h1 .user-name{clear:both;background:url(/st_toolkit/common/images/icons/arr-session.png) no-repeat 5px center; padding-left:20px;color:#000;font-size:10px;}
  #dialogPage #dialogPageContent .details_box_2col .user-profile-details dt,
  #iplusOverlayContent  .details_box_2col .user-profile-details dt {float:left; margin-right:10px;}
  #dialogPage #dialogPageContent .details_box_2col .user-profile-details dd,
  #iplusOverlayContent  .details_box_2col .user-profile-details dd {margin-bottom:5px;}
  #dialogPage #dialogPageContent .details_box_2col .user-profile-details .extid,
  #dialogPage #dialogPageContent .details_box_2col .user-profile-details .extsrc,
  #iplusOverlayContent  #dialogPageContent .details_box_2col .user-profile-details .extid,
  #iplusOverlayContent  #dialogPageContent .details_box_2col .user-profile-details .extsrc {font-size:12px;}
  #dialogPage #dialogPageContent .details_box_2col .user-profile-details .email,
  #iplusOverlayContent  .details_box_2col .user-profile-details .email {background:url(/st_toolkit/common/images/icons/icon-email-small.png) no-repeat left center; padding-left:20px;}
  #dialogPage #dialogPageContent .details_box_2col .user-profile-details .phone,
  #iplusOverlayContent  .details_box_2col .user-profile-details .phone {background:url(/st_toolkit/common/images/icons/icon-phone-small.png) no-repeat left center; padding-left:20px;}
  #dialogPage #dialogPageContent .details_box_2col .user-profile-details .address,
  #iplusOverlayContent  .details_box_2col .user-profile-details .address {background:url(/st_toolkit/common/images/icons/location_16.png) no-repeat left center; padding-left:20px;}
  
  #dialogPage #dialogPageContent .details_box_2col .view-details,
  #iplusOverlayContent  .details_box_2col .view-details {border: solid 1px #c5cbda;padding: 15px 10px 10px; margin: 15px 0;background: #fdfdfd;}
  #dialogPage #dialogPageContent .details_box_2col .details_box_right .view-details,
  #iplusOverlayContent .details_box_2col .details_box_right .view-details  {margin-left: 15px;}
  #dialogPage #dialogPageContent .details_box_2col .view-details h3,
  #iplusOverlayContent  .details_box_2col .view-details h3 {position: absolute; background: #fff;color: #000; margin-top: -22px;line-height: 12px;display: inline-block;padding: 0 5px;clear: left;font-size: 12px;}
  #dialogPage #dialogPageContent .details_box_2col .view-details dl,
  #iplusOverlayContent  .details_box_2col .view-details dl {margin-bottom:8px;}/* clear */
  #dialogPage #dialogPageContent .details_box_2col .view-details dl dt,
  #iplusOverlayContent  .details_box_2col .view-details dl dt {float: left; min-width:30%; /* width: 158px; */text-align: left; margin-right: 5px; padding: 0 5px;}
  #dialogPage #dialogPageContent .details_box_2col .view-details dl dd,
  #iplusOverlayContent  .details_box_2col .view-details dl dd {float:left; min-width: 20px; padding: 0 5px; /*height: 15px; display: table-cell;*/}

/* --------------  ui widget -----------
----------------------------------------*/
  .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {background-color:#FFF; font-size:14px;}
    .ui-widget,
  .ui-widget-content { border: solid 1px #ccc; border-radius: 0; padding:0;}
  .ui-widget-header,
  #iplusOverlayHeader {border: 0 none !important; border-radius: 0 !important; padding: 15px !important; background-color: #f0f0f0 !important; color: #333 !important; font-size: 20px !important; font-weight: bold !important;}
  
  .ui-datepicker .ui-datepicker-title {white-space: nowrap;}
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top:15px; }
  .ui-datepicker .ui-datepicker-prev {left:15px;}
  .ui-datepicker .ui-datepicker-next { right: 15px;}
  .ui-datepicker { width: 19em;}

  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: solid 1px transparent;
    background-image: none;
    background-color: #FFF;
    font-weight: normal;
    color: #333;
    text-align: center;
    border-radius:3px;
    padding: 10px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{ background: #fbec88; border-radius: 23px;}
.ui-state-hover, .ui-widget-content .ui-state-hover,
 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ border: solid 1px #d6d6d6;}
 .ui-datepicker .ui-datepicker-prev span{background:url(../images/icons/2015/icon-lftNav.png) no-repeat center;}
 .ui-datepicker .ui-datepicker-next span{background:url(../images/icons/2015/icon-rhtNav.png) no-repeat center;}
/* 
** DIALOG BOX (not DIALOG PAGE) - AND ALL THE ELEMENTS INSIDE IT
*/
#dialogBox {overflow:auto;}
  #dialogBoxContent {z-index:99999 !important; padding:0; border:none;}
  .ui-dialog {z-index:100000; padding:0; border:none;}
  body .ui-widget-content, 
  body .ui-dialog .ui-dialog-content {background-color: #fff;-webkit-box-shadow: 0 15px 25px rgba(0,0,0,0.15); -moz-box-shadow: 0 15px 25px rgba(0,0,0,0.15); box-shadow: 0 15px 25px rgba(0,0,0,0.15);}
  {background:#000; opacity: 0.40; z-index:1000; animation: opacityanim 1s ease-out 1;}
  .ui-widget-overlay.dialogOversized {position:fixed !important;}
  .ui-dialog .ui-dialog-titlebar { padding: 0.7em 1em;}
  .ui-dialog .ui-dialog-title {font-size:22px;}
  .ui-dialog .ui-dialog-titlebar-close{right:0.7em;padding:0;}
  .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick{background:transparent url(../images/icons/2015/icon-close.png) no-repeat center center; width:18px;height:18px;}
  .ui-dialog .ui-dialog-titlebar-close.ui-state-hover, .ui-dialog .ui-dialog-titlebar-close.ui-state-focus {background:transparent; border:0;}

  #dialogBoxContent form:after {content: ''; display:block; width:100%; clear: both;}
  #dialogBoxContent .search-wrapper {z-index:9999;}
  #dialogBoxContent .two-col-dialog {}/* clear */
  #dialogBoxContent .two-col-dialog .two-col-dialog-l {float:left; width:78%;}
  #dialogBoxContent .two-col-dialog .two-col-dialog-r {float:right; width:20%;}
  
  /* this is sharing the structure as the .header in admin pages: admin-ms.css */
  #dialogBoxOperations .header,
  #dialogBoxContent .header,
  #iplusOverlayContent .header {height:auto !important; font-size:14px; overflow:visible; background:transparent; border:none;}
  #dialogBoxOperations .header,
  #dialogBoxContent .header {margin:0; padding:0;}
  #dialogBoxOperations .header:after,
  #dialogBoxContent .header:after,
  #iplusOverlayContainer #iplusOverlayHeader .header:after,
  #iplusOverlayContainer #iplusOverlayHeader:after{clear: both;  content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
  #dialogBoxOperations .header #breadcrumb,
  #dialogBoxContent .header #breadcrumb,
  #iplusOverlayContent .header #breadcrumb {/*margin:0 10px 0 0;*/ padding:0;}
  #dialogBoxOperations .header .panes-content-header-l,
  #dialogBoxContent .header .panes-content-header-l,
  #iplusOverlayContent .header .panes-content-header-l {float:left;}
  #dialogBoxOperations .header .panes-content-header-r,
  #dialogBoxContent .header .panes-content-header-r,
  #iplusOverlayContent .header .panes-content-header-r {float:right;/* margin-right:10px;*/}
  #dialogBoxOperations .header .panes-content-header-l ul,
  #dialogBoxOperations .header .panes-content-header-r ul,
  #dialogBoxContent .header .panes-content-header-l ul,
  #dialogBoxContent .header .panes-content-header-r ul,
  #iplusOverlayContent .header .panes-content-header-l ul,
  #iplusOverlayContent .header .panes-content-header-r ul {margin:3px 0 0 0;  list-style:none;padding:0;} 
  #dialogBoxOperations .header .panes-content-header-r ul li,
  #dialogBoxContent .header .panes-content-header-r ul li,
  #iplusOverlayContent .header .panes-content-header-r ul li {overflow:hidden;}
  #dialogBoxOperations .header .panes-content-header-l ul,
  #dialogBoxContent .header .panes-content-header-l ul {padding:3px 0 3px 20px;}
  #dialogBoxOperations .header .panes-content-header-l #breadcrumb div#pagetitle,
  #dialogBoxContent .header .panes-content-header-l #breadcrumb div#pagetitle,
  #iplusOverlayContent .header .panes-content-header-l #breadcrumb div#pagetitle {/*color:#fff;*/font-weight:bold;font-size:14px;}
  #dialogBoxOperations .header ul:after,
  #dialogBoxContent .header ul:after,
  #iplusOverlayContent .header ul:after {clear: both;  content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
  #dialogBoxOperations .header ul li,
  #dialogBoxContent .header ul li,
  #iplusOverlayContent .header ul li {float:left; margin-right:5px; }
  #dialogBoxOperations .header ul li h3,
  #dialogBoxContent .header ul li h3,
  #iplusOverlayContent .header ul li h3 {margin:0;}
  #dialogBoxOperations .header ul li h3 a,
  #dialogBoxContent .header ul li h3 a,
  #iplusOverlayContent .header ul li h3 a {}
  #dialogBoxOperations .header ul li h3 a:hover,
  #dialogBoxContent .header ul li h3 a:hover,
  #iplusOverlayContent .header ul li h3 a:hover {opacity:0.6; filter:alpha(opacity=40);}
  #dialogBoxOperations .header ul li#context_reports,
  #dialogBoxContent .header ul li#context_reports,
  #iplusOverlayContent .header ul li#context_reports {position:relative; overflow:visible; padding:0 4px; width:24px;height:16px;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  #dialogBoxOperations .header ul li#context_reports h3 a,
  #dialogBoxContent .header ul li#context_reports h3 a,
  #iplusOverlayContent .header ul li#context_reports h3 a {display:block; width:16px; height:16px; background: url(/st_toolkit/common/images/icons/colbox-report.png) 0 0 no-repeat; text-indent:-9999px;}
  #dialogBoxOperations .header ul li#context_modules,
  #dialogBoxContent .header ul li#context_modules,
  #iplusOverlayContent .header ul li#context_modules {position:relative; overflow:visible; padding:0 4px; width:24px;height:16px;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  #dialogBoxOperations .header ul li#context_modules h3 a,
  #dialogBoxContent .header ul li#context_modules h3 a,
  #iplusOverlayContent .header ul li#context_modules h3 a {display:block; width:16px; height:16px; background: url(/st_toolkit/common/images/icons/colbox-conlinks.png) 0 0 no-repeat; text-indent:-9999px;}
  #dialogBoxOperations .header ul li#context_modules h3 a.disabled,
  #dialogBoxContent .header ul li#context_modules h3 a.disabled,
  #iplusOverlayContent .header ul li#context_modules h3 a.disabled {-webkit-opacity: 0.2;-moz-opacity: 0.2;filter:alpha(opacity=40);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";opacity: 0.2;cursor:default;}
  #dialogBoxOperations .header ul li#edit_module,
  #dialogBoxContent .header ul li#edit_module,
  #iplusOverlayContent .header ul li#edit_module {position:relative;  overflow:visible; padding:0 4px; width:24px;height:16px;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  #dialogBoxOperations .header ul li#edit_module a,
  #dialogBoxContent .header ul li#edit_module a,
  #iplusOverlayContent .header ul li#edit_module a {display:block; width:16px; height:16px; background: url(/st_toolkit/common/images/admin/icon-edit-module.png) 0 0 no-repeat; text-indent:-9999px;}
  #dialogBoxOperations .header ul li#help_module,
  #dialogBoxContent .header ul li#help_module,
  #iplusOverlayContent .header ul li#help_module {padding:0 4px; width:24px;height:16px;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  #dialogBoxOperations .header ul li#help_module .help-global a,
  #dialogBoxContent .header ul li#help_module .help-global a,
  #iplusOverlayContent .header ul li#help_module .help-global a {}
  #folderContent #folderInfo h3 a[title="Context Reports"].display-content-widgets {background:url(/st_toolkit/common/images/icons/colbox-report.png) 0 0 no-repeat;padding:0 20px;}
  #folderContent #folderInfo .content-widgets-inner ul{padding:0;padding-left:20px;margin:0;list-style:none;}
  #folderContent #folderInfo .content-widgets-inner ul li{padding-left:20px;background:url(/st_toolkit/common/images/icons/arr-session.png) 0 0 no-repeat;}
  #dialogBoxOperations .header ul li .content-widgets-inner,
  #dialogBoxContent .header ul li .content-widgets-inner,
  #iplusOverlayContent .header ul li .content-widgets-inner {display:none; position:absolute; right:-18px; top:14px; z-index:999 !important;}
  #dialogBoxOperations .header ul li .content-widgets-inner ul,
  #dialogBoxContent .header ul li .content-widgets-inner ul,
  #iplusOverlayContent .header ul li .content-widgets-inner ul {left:auto;right:0;background-image:url(../images/admin/subm-toppointer-last.png);background-position:right top;background-repeat:no-repeat;border-bottom:0;padding:0;padding-top:8px;border-radius: 0; box-shadow: 0 0, 0 0 inset;background-color:transparent;margin:0;}
  #dialogBoxOperations .header .content-widgets-inner ul li,
  #dialogBoxContent .header .content-widgets-inner ul li,
  #iplusOverlayContent .header .content-widgets-inner ul li {display: block; float:none !important;clear:both;white-space:nowrap;margin:0; overflow:visible;}
  #dialogBoxOperations .header .content-widgets-inner ul li a,
  #dialogBoxOperations .header .content-widgets-inner ul li a:link,
  #dialogBoxOperations .header .content-widgets-inner ul li a:active,
  #dialogBoxContent .header .content-widgets-inner ul li a,
  #dialogBoxContent .header .content-widgets-inner ul li a:link,
  #dialogBoxContent .header .content-widgets-inner ul li a:active,
  #iplusOverlayContent .header .content-widgets-inner ul li a,
  #iplusOverlayContent .header .content-widgets-inner ul li a:link,
  #iplusOverlayContent .header .content-widgets-inner ul li a:active {border:solid 1px #babfcc !important;border-top:0 !important;padding:2px 5px;padding-left:5px !important;padding-right:5px !important;padding-bottom:2px !important;color:#000;display:block !important;font-size:11px;text-align:left;cursor:pointer;*padding-left:5px;background-color:#fff;text-decoration:none;font-weight:bold;}
  #dialogBoxOperations .header ul li .content-widgets-inner ul li a:hover,
  #dialogBoxContent .header ul li .content-widgets-inner ul li a:hover,
  #iplusOverlayContent .header ul li .content-widgets-inner ul li a:hover {background-color:#EBEBED;background-image:none;color:#000;}

  #dialogBoxContent table.data, #iplusOverlayContent table.data {width:100%;}



/* 
** shared MODULES with Admin pages
*/
.content-2cols {width:100%; display: table;}/* clearFix */
  .content-2cols .content-2cols-l {/*float:left;*/ width:79%; /*min-height:800px;*/ padding-right:1%;border-right:1px solid #CCCCCC;min-width:420px;display: table-cell;}
  .content-2cols .content-2cols-r {/*float:right;*/ width:18%; padding-top:10px; padding-left:1%; display: table-cell;vertical-align:top;}

/* LOGIN Page */
#login-page table tr {background:none; border:none; /*border-bottom:1px solid #CFCFCF;*/ font-size:12px; text-align:left; color:#333333;}
#login-page .login-form .alignright{text-align:right;}

/* ---------------  Calendar Dialog 2014 FullCalendar plugin ----------------*/
#eventContent {overflow-y:auto;}
#calendar {}
  #dialogBoxContent #calendar #loading {position:absolute; top:45%; left:45%;}
/*#learner-page #calendar .fc-event-time{background:url(/st_toolkit/common/images/icons/icon-time_8.png) no-repeat 0 center;padding-left:12px;font-size:11px;margin-right:5px; }
#learner-page #calendar .fc-event.C .fc-event-title,.ui-dialog span.C{background:url(/st_toolkit/common/images/icons/scheduled-small.png) no-repeat 0 -4px; padding-left:20px;}
#learner-page #calendar .fc-event.W .fc-event-title,.ui-dialog span.W{background:url(/st_toolkit/common/images/icons/virtual-small.png) no-repeat 0 -4px; padding-left:20px;}
#learner-page #calendar .fc-event.PE .fc-event-title,.ui-dialog span.PE{background:url(/st_toolkit/common/images/icons/personaleve-small.png) no-repeat 0 -3px; padding-left:20px;}
#learner-page #calendar .fc-event.LT.fc-event-title,.ui-dialog span.LT{background:url(/st_toolkit/common/images/icons/learning-track-small.png) no-repeat 0 -3px; padding-left:20px;}
#learner-page #calendar .fc-event.A .fc-event-title,.ui-dialog span.A{background:url(/st_toolkit/common/images/icons/resource-avail-small.png) no-repeat 0 -4px; padding-left:20px;}

#eventContent #eventInfo{text-align:left;}
  #eventContent #eventInfo .session-name{font-weight:bold;}
  #eventContent #eventInfo .session-day {background:url(/st_toolkit/common/images/icons/icon-time_8.png) no-repeat 10px 4px; padding-left:25px;margin:3px 0; font-size:11px;color:#595959;}
  #eventContent #eventInfo .details-bar {padding-left: 25px; background:url(/st_toolkit/common/images/icons/arr-session.png) no-repeat 12px center;font-weight:bold;font-size:11px; color:#595959;}
  #eventContent #eventInfo .details-bar a{color:#1073C7;}
  #eventContent #eventInfo table tr.marked {background-color:#F4F4CE;}
  #eventContent #eventInfo h1,
  #eventContent #eventInfo h2 {margin-bottom:0 !important;}
  #eventContent #eventInfo h1{font-size:14px;color:#000;}
  #eventContent #eventInfo h1 img{margin-right:8px;}
.fc-event {color:#000; cursor:pointer; padding:3px;background-color:#F0F0F0; border-width:2px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
#fullcalendar-mini .fc-event{background-color:#F0F0F0; border-width:1px;}
#eventContent {text-align:left;}
#fullcalendar-mini {border-bottom:dotted 1px #aaa; padding-bottom:10px; margin-bottom:10px;}
#learner-page table td.fc-day{  border:1px solid #ddd; padding-left:0 !important;}
#learner-page table td.fc-today{ background-color: #fff1a0;}
table.fc-border-separate {border-collapse: collapse;border: solid 1px #ddd;}
#fullcalendar-mini table td {padding:0 !important; padding-left:0 !important;}
#fullcalendar-mini .fc-content .fc-view {}
#fullcalendar-mini,
#fullcalendar-mini table th,
#fullcalendar-mini table td {font-size:10px !important;}
*/

/* 
** PAGES - any specific pages (eg. Survey Page)
*/

/* Survey Page Oct 2012 */
#survey-page {}
#survey-page h1 {font-weight:bold; margin:10px 0 10px 0; font-size:16px;}
#survey-page h2 {font-weight:bold; margin:0 0 10px 0; font-size:14px;} 
#survey-page h3 {} 
#survey-page p {font-size:14px; font-weight:normal !important; margin:0 0 10px 0;}
#survey-page img {}
#survey-page .survey-header {background:#f9f9f9 url(../images/table-images/data_table_header.gif) right bottom repeat; color:#333; padding:5px 10px 5px 5px; border:1px solid #AAA;}
#survey-page .themed .survey-header {background:none; margin: 0;padding:0; border:none;}
#survey-page .survey-header h3 {font-size:14px; font-weight:bold; text-align:left; margin-bottom: 22px; margin-top: 0; padding-top: 0;}
#survey-page .themed .survey-header h3{background:#f9f9f9; color:#333; margin:0; padding:15px; border:1px solid #AAA;}
#survey-page .survey-header h4 {font-size:14px; font-weight:normal; margin-bottom: 10px; margin-top: 0;}
#survey-page .themed .survey-header h4{background:none;padding:15px;margin:0;}
#survey-page table.data {border-top:none; width:100%;}
#survey-page table.data td div {overflow:hidden;}
#survey-page table.data td b {/*display:block; float:left;*/}
#survey-page table.data td span.survey-label {/*width:auto; display:block; float: left;*/  margin-left: 7px; line-height:normal;}
#survey-page .survey-cotent .question-row td{border-bottom:solid 1px #aaa!important;}
#survey-page .survey-cotent .question-row .option .title-clone {display: none;}

.survey-cotent .main-title,
    .survey-cotent .title-1,
    .survey-cotent .title-2,
    .survey-cotent .answers-title,
    .survey-cotent .question-row,
    .survey-cotent .question,
    #survey-page .survey-cotent .question-row .option{}
    #survey-page .survey-cotent .question-row {border-bottom: solid 1px #aaa!important;}
    #survey-page .survey-cotent .question-row td{border:0!important;}
    #survey-page .survey-cotent .question-row td select.ctrl.drp {max-width:200px;}
    #survey-page .survey-cotent .question-row .question{vertical-align:top;/*border-bottom:solid 1px #aaa!important; padding: 40px 0 5px 0!important;*/ font-weight: bold;min-width:300px;}
    #survey-page .survey-cotent .question-row .option{ padding: 10px 10px 5px 0 !important;display: inline-block;}
    #survey-page .survey-cotent .question-row .option .title-clone{display:inline-block;padding-left:25px;font-size:14px;}
    #survey-page .survey-cotent .answers-title {display: none;}
    #survey-page table.data td span.survey-label {width:auto; display: inline; float: none;}


/* Browse Catalogue page */
#categoryBrowserPage {}
#learner-page #categoryBrowserPage #collapsible-search {margin-bottom:-15px;}
#categoryBrowserPage #cat_breadcrumb {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); background-color: #fff; border: 0 none; color: #333; font-size: 16px; padding: 15px 15px 15px 22px; z-index: 9;}
  #categoryBrowserPage #cat_breadcrumb div a {background-position:0 2px;}
  #categoryBrowserPage #cat_breadcrumb div a.active-cat-browser {background-position:0 4px !important; padding:1px 3px 1px 22px !important;}

/* Category Search page */
#categorySearchPage {}
ul.searchoptions {padding: 5px 0;}
ul.searchoptions li {line-height: 28px; margin-right: 5px;}
table.data ul.searchoptions li a {
    background-color: transparent !important;
    background-image: none;
    border: 1px solid #d6d6d6 !important;
    border-radius: 3px;
    box-shadow: none !important;
    color: #333 !important;
    display: inline-block;
    font-size: 16px !important;
    margin: 0 !important;
    padding: 11px 15px !important;
    transition: background-color 0.3s ease 0s;
    line-height: 20px;
    white-space: normal;
}
table.data ul.searchoptions li a:hover, table.data ul.searchoptions li.current a, table.data ul.searchoptions li.current a:hover {
    background-color: transparent !important;
}
table.data ul.searchoptions li.current a, 
table.data ul.searchoptions li.current a:hover,
table.data ul.searchoptions li a:hover  {
    background-color: #616161 !important;
    color: #fff !important;
}

#categorySearchPage ul.tabs {}
  #categorySearchPage ul.tabs li {display:block; float:left;}
  #categorySearchPage ul.tabs li a {display:inline-block; padding:10px; background-image:none; background-color:#616161; color:#FFF; border:1px solid #FFF;}
  #categorySearchPage ul.tabs li.current a {background-color: #fff !important; background-position: 0 0; color: #000; border-left:1px solid #000; border-top:1px solid #000; border-right:1px solid #000;}
  #categorySearchPage ul.tabs li.toggle a{font-size: 16px;}

#categorySearchPage #sub_cats {border: 1px solid #000; margin-top: -2px;}
  #categorySearchPage a.container_btn,
  #categorySearchPage a.container_btn:hover {color:#333 !important; border-bottom:0 !important;}

div.container table.data td,div.container div.information{color:#333;}
div.container table.data td{font-size: 16px;}
div.container div.information{font-size: 14px; border: 0;}

/* PDP pages */
#pdpPage label.new-program{font-size: 10px; background-color: #ff7a00; color: #fff; border-radius: 2px; padding: 0 2px; text-transform: uppercase;}
#pdpPage ul.form-col li.form-fields label {cursor:default;}
#pdpPage #action_plan .tiles-layout dl.tiles-content dt {font-size: 14px;}
#pdpPage #mgrpdpWidget .tiles-layout span.type-icon,
#pdpPage #employeeDetailsContent .tiles-layout span.type-icon,
#pdpPage #SummScreenWidgetSearchResults .tiles-layout span.type-icon {overflow: hidden; border-radius:100%;}
#pdpPage #mgrpdpWidget .tiles-layout span.type-icon img,
#pdpPage #employeeDetailsContent .tiles-layout span.type-icon img,
#pdpPage #SummScreenWidgetSearchResults .tiles-layout span.type-icon img {-webkit-filter: none; -moz-filter: none; filter: none; width:38px;height: 38px; margin:-5px;}
#pdpPage .collapsible-content .tiles-layout.table-tiles.no-hover:hover {background-color: transparent;}
#pdpPage #SummScreenWidgetSearchResults .tiles-layout.table-tiles:hover {background-color: #f0f0f0;}
#pdpPage .tiles-layout.three-col-tiles .tiles-col-r-l {float:left;} 
#pdpPage .tiles-layout.three-col-tiles .tiles-col-r-r {float:left;}

#pdpPage .tiles-layout.four-col-tiles .tiles-col-l {float:left; width:87%; margin-right:0px; }
#pdpPage .tiles-layout.four-col-tiles .tiles-col-l-l {float:left; display: table-cell;}
#pdpPage .tiles-layout.four-col-tiles .tiles-col-l-l .tiles-col-l-l1 {float:left; display: table-cell; width:25px;}
#pdpPage .tiles-layout.four-col-tiles .tiles-col-l-l .tiles-col-l-l2 {float:right; display: table-cell;}
#pdpPage .tiles-layout.four-col-tiles .tiles-col-l-r {display: table-cell;}
#pdpPage .tiles-layout.four-col-tiles .tiles-col-l-r1 {display: table-cell;}
#pdpPage .tiles-layout.four-col-tiles .tiles-col-l-r2 {display: table-cell; padding-left:20px;}
#pdpPage .tiles-layout.four-col-tiles .tiles-col-r {float:left; width:13%; /*text-align:right;*/ }

#pdpPage .tiles-layout.four-col-tiles .tiles-col-l-r1 {width:25%;}
#pdpPage .tiles-layout.four-col-tiles .tiles-col-l-r2 {width:75%;}  
#pdpPage .tiles-layout.four-col-tiles .tiles-col-l-r1 dl.tiles-content {border-right:1px solid #d6d6d6; margin-right:0;}

#pdpPage .tiles-layout.four-col-tiles.type-b .tiles-col-l {float:left; width:50%; margin-right:0px; }
#pdpPage .tiles-layout.four-col-tiles.type-b .tiles-col-r {float:left; width:50%; /*text-align:right;*/ }
#pdpPage .tiles-layout.four-col-tiles.type-b .tiles-col-r1 {float:left; width:33.3%; /*text-align:right;*/ }
#pdpPage .tiles-layout.four-col-tiles.type-b .tiles-col-r2 {float:left; width:33.3%; /*text-align:right;*/ }
#pdpPage .tiles-layout.four-col-tiles.type-b .tiles-col-r3 {float:left; width:33.3%; /*text-align:right;*/ }

#pdpPage .tiles-layout.four-col-tiles.type-b.b1 .tiles-col-l {float:left; width:48%; margin-right:0px; }
#pdpPage .tiles-layout.four-col-tiles.type-b.b1 .tiles-col-r {float:left; width:52%; /*text-align:right;*/ }
#pdpPage .tiles-layout.four-col-tiles.type-b.b1 .tiles-col-r1 {float:left; width:41%; /*text-align:right;*/ }
#pdpPage .tiles-layout.four-col-tiles.type-b.b1 .tiles-col-r2 {float:left; width:41%; /*text-align:right;*/ }
#pdpPage .tiles-layout.four-col-tiles.type-b.b1 .tiles-col-r3 {float:left; width:18%; text-align:right; }

#pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-l {float:left; width:370px; margin-right:15px; border-right:1px solid #d6d6d6; min-height: 1px;}
#pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-r {float:left; width:690px; text-align:left; margin-right:5px; min-height: 1px;}
#pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-r1 {float:left; width:200px; text-align:left; margin-right:15px; padding-right:15px; border-right:1px solid #d6d6d6; min-height: 1px;}
#pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-r1 .form-col {float:left;}
#pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-r1 ul.form-col:nth-child(1) {margin-right:15px;}
#pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-r2 {float:left; width:420px; text-align:left; margin-right:15px; min-height: 1px;}
#pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-r3 {float:left; text-align:left; margin-right:5px;}

#pdpPage .tiles-layout.four-col-tiles.type-c.noborders .tiles-col-l,
#pdpPage .tiles-layout.four-col-tiles.type-c.noborders .tiles-col-r1 {border-right:none;}

#pdpPage .tiles-layout.table-tiles.title-box {background-color:#f6f6f6;padding: 20px 20px 20px 0;  border: solid 1px #d6d6d6 !important;}
    #pdpPage .tiles-layout.table-tiles.title-box span.type-icon {overflow: hidden; border-radius: 100%;}
    #pdpPage .tiles-layout.table-tiles.title-box span.type-icon img {
       -webkit-filter: none;
       -moz-filter: none;
       filter: none;
       width: 48px;
       height: 48px;
    }
#pdpPage {}
    #pdpPage .steps-wrapper {border-collapse: collapse;
    border-spacing: 0;padding: 30px 0 40px 0; margin: -1px 0 0 0 ; max-width: none; background-color: #f6f6f6;    border: solid 1px #d6d6d6 !important;
    border-width: 0 1px 0 1px !important;}
    #pdpPage .steps-wrapper li.steps {width:16.65%;}
    #pdpPage .steps-wrapper li.steps .steps-lnk { border-top: solid 3px #d6d6d6;}
    #pdpPage .steps-wrapper li.steps.first .steps-lnk,
  #pdpPage .steps-wrapper li.steps.last .steps-lnk { border-top: solid 3px transparent;}
    #pdpPage .steps-wrapper li.steps .steps-lnk .step-title {white-space:normal; text-indent:0; font-weight: normal; color: #aaa;}
    #pdpPage .steps-wrapper li.steps .steps-lnk.step-completed {}
    #pdpPage .steps-wrapper li.steps .steps-lnk.step-completed span.step-no { background-size: 14px; background: #0572ce url(/st_toolkit/common/images/icons/step-completed.png) center center no-repeat; border: solid 5px #0572ce;}
    #pdpPage .steps-wrapper li.steps .steps-lnk.step-curr .step-title,
    #pdpPage .steps-wrapper li.steps .steps-lnk.step-completed .step-title {color: #333; }
    #pdpPage .steps-wrapper li.steps .steps-lnk.step-curr .step-title {font-weight: bold;}
    #pdpPage .steps-wrapper li.steps .steps-lnk span.step-no {font-size: 0; border: solid 5px #d6d6d6; width:16px; height: 16px; line-height: 16px; font-weight:normal; color: #fff;}
    #pdpPage .steps-wrapper li.steps .steps-lnk.step-curr span.step-no { border: solid 5px #0572ce;}
    #pdpPage .steps-wrapper li.steps .steps-lnk .top-border {background-color: #d6d6d6;}
    #pdpPage .steps-wrapper li.steps .steps-lnk.step-completed .top-border,#pdpPage .steps-wrapper li.steps .steps-lnk.step-curr .top-border { background-color: #0572ce;}
    #pdpPage .pdp-main-cta {padding: 20px 0 20px 20px; margin: 0; background-color: #f6f6f6; border: solid 1px #d6d6d6 !important; border-width: 0 1px 1px 1px !important;}
    #pdpPage .pdp-bottom-nav {padding: 20px 0 20px 20px; margin: 0; background-color: #f6f6f6; border: solid 1px #d6d6d6 !important; border-width: 1px 1px 1px 1px !important;}
    #pdpPage .pdp-blurb {padding:0; margin:20px 0;}
    #pdpPage .pdp-blurb.title-style {font-size: 12px; padding:0; margin:20px 0 20px 62px;}
    
  #pdpPage .pdp-main-cta input:nth-child(1), #pdpPage .pdp-bottom-nav input:nth-child(1){float:left;}
  #pdpPage .pdp-main-cta input:nth-child(2), #pdpPage .pdp-bottom-nav input:nth-child(2){float:left;}
  #pdpPage .pdp-main-cta input:nth-child(3),
  #pdpPage .pdp-main-cta input.btn.next,
  #pdpPage .pdp-bottom-nav input:nth-child(3),
  #pdpPage .pdp-bottom-nav input.btn.next {float:right; background-image: url("/st_toolkit/common/images/icons/2015/btn-next.png") !important; background-position: right 8px center !important; background-repeat: no-repeat !important; padding-right:30px !important;}
  
  #pdpPage .pdp-main-cta input.btn.back, .pdp-bottom-nav input.btn.back { background-image: url("/st_toolkit/common/images/icons/2015/btn-back.png") !important; background-position: 8px center !important; background-repeat: no-repeat !important; padding-left:30px !important;}
  
  #pdpPage .pdp-main-cta input.btn.save, .pdp-bottom-nav input.btn.save { background-image: url("/st_toolkit/common/images/icons/2015/btn-save.png") !important;background-position:  right 8px center !important; background-repeat: no-repeat !important; padding-right:30px !important;}
  
  #pdpPage .collapsible-container {}
    #pdpPage .collapsible-container .collapsible-header,
    #pdpPage .widgets .collapsible-header.coll {border-bottom: 1px solid #d6d6d6 !important;}
    #pdpPage .listview .tiles-layout.table-tiles:first-child{border-top: none ;}
    #pdpPage .widgets .collapsible-header.exp {border-bottom: none !important;}
    #pdpPage .collapsible-container .collapsible-header .tiles-layout.table-tiles.sectionHeader {padding:15px 0;}
    #pdpPage .collapsible-container .collapsible-content {/*padding:0 38px;*/}
    #pdpPage .pdp-nested-summary {padding:10px 0; border:none; border-bottom: 1px solid #d6d6d6;}
    #pdpPage .pdp-no-nested-summary {padding:0 30px; border:none; border-bottom: 1px solid #d6d6d6;}
    #pdpPage .pdp-nested-summary .pdp-nested-parent {padding:0 30px;}
    #pdpPage .pdp-nested-summary ul.form-col li.form-fields label textarea,
    #pdpPage .pdp-no-nested-summary ul.form-col li.form-fields label textarea {width:98%;}
        
        #pdpPage .three-col-tiles .pdp-nested-parent .tiles-col-l {width: 50%; text-align:left;}
        #pdpPage .three-col-tiles .pdp-nested-parent .tiles-col-l.threeeightpercent {width: 38%; text-align:left;}
        #pdpPage .three-col-tiles .pdp-nested-parent .tiles-col-r {width: 50%; text-align:left;}
        #pdpPage .three-col-tiles .pdp-nested-parent .tiles-col-r.threeeightpercent {width: 62%; text-align:left;}
        #pdpPage .three-col-tiles .pdp-nested-parent .tiles-col-r .tiles-col-r-l,
        #pdpPage .three-col-tiles .pdp-nested-parent .tiles-col-r .tiles-col-r-r {width:50%; /*text-align:right;*/}
        
        #pdpPage .two-col-tiles .pdp-nested-parent {padding:0;}
        #pdpPage .two-col-tiles .pdp-nested-parent .tiles-col-l.eightypercent {width: 80%; text-align:left;}
        #pdpPage .two-col-tiles .pdp-nested-parent .tiles-col-r.eightypercent {width: 20%;}
        #pdpPage .two-col-tiles.pdp-nested-summary .pdp-nested-child {padding-right:0;}
        
        #pdpPage .pdp-nested-parent .tiles-col-r ul.form-col li.form-fields .input-label-txt {text-align:left;}
        #pdpPage label.lbl .input-label-txt {font-size: 14px; color: #333; font-weight: bold;}
        #pdpPage ul.form-col label.lbl:focus .input-label-txt,#pdpPage label.lbl .input-label-txt.onFocus {color: #0572ce;}
        #pdpPage ul.form-col .radiogroup label.lbl.rd{color: #333;}
        #pdpPage .pdp-nested-summary .parent-pdp-firstCol {cursor:pointer;} 
        #pdpPage .pdp-nested-summary .parent-pdp-firstCol .icon {float:left; width: 5%; margin: 0;}
        #pdpPage .pdp-nested-summary .parent-pdp-firstCol .tiles-content {padding-left:35px;}
        #pdpPage .pdp-nested-summary .parent-pdp-firstCol .parent-pdp-name {float:left; display:block; font-weight:bold; width: 87%; padding-right: 5%;}
        #pdpPage .pdp-nested-summary .parent-pdp-firstCol .parent-pdp-name .parent-pdp-name-ext {display:block; font-weight:normal; font-size:12px; cursor:default;}
    #pdpPage .pdp-nested-summary .parent-pdp-firstCol .parent-pdp-name ul {list-style:none; margin:0; padding:0;}
    #pdpPage .pdp-nested-summary .pdp-nested-child {display:none; /*padding:0 25px 0 40px; */padding:0 25px 0 70px; /*font-size:12px;*/font-size:14px;}
        #pdpPage .pdp-nested-summary .pdp-nested-child > div {margin-top:10px;}
        #pdpPage .pdp-nested-summary .pdp-nested-child  .pdp-nested-child-desc {}
        #pdpPage .pdp-nested-summary .pdp-nested-child .pdp-nested-child-main {font-weight:bold; border-bottom: 1px solid #757575; padding-bottom:5px;}
        #pdpPage .pdp-nested-summary .pdp-nested-child .pdp-nested-child-main span {display:inline-block; margin-right:20px;}
        #pdpPage .pdp-nested-summary .pdp-nested-child .pdp-nested-child-free dl dt {font-weight: bold;}
        #pdpPage .pdp-nested-summary .pdp-nested-child .pdp-nested-child-subtitlebar {background-color:#f0f0f0; padding:10px;}
        #pdpPage .pdp-nested-summary .pdp-nested-child .pdp-nested-child-subtitlebar .parent-pdp-name-ext {font-weight:bold;}
        #pdpPage .pdp-nested-summary .pdp-nested-child .pdp-nested-child-subtitlebar .lov_list {background:transparent url(../images/icons/icon-plus-red.png) 0 3px no-repeat; padding-left:18px; margin-left:30px;}
        
    #pdpPage .three-col-tiles.child-row .tiles-col-l {width: 50%; text-align:left;}
        #pdpPage .three-col-tiles.child-row .tiles-col-l.threeeightpercent {width: 38%; text-align:left;}
        #pdpPage .three-col-tiles.child-row .tiles-col-r {width: 50%; text-align:left;}
        #pdpPage .three-col-tiles.child-row .tiles-col-r .tiles-col-r-l,
        #pdpPage .three-col-tiles.child-row .tiles-col-r .tiles-col-r-r {width:50%;}
        
    #pdpPage .pdp-nested-summary .pdp-nested-child .pdp-nested-summary:last-child{border:none ;}
    #pdpPage .pdp-nested-summary .pdp-nested-child .pdp-nested-summary.four-col-tiles.type-c:first-child {border-top:solid 1px #757575;}
    #pdpPage .tiles-layout dl.tiles-content ul.primary-tiles-content {margin-top:-5px;}
    #pdpPage .tiles-layout dl.tiles-content ul.secondary-tiles-content {margin-top: 10px;}

    #pdpPage .header-bar-actions {margin:30px 0 0 0;}
    #pdpPage .header-bar-actions .header-bar-action-l {float:left;}
    #pdpPage .header-bar-actions .header-bar-action-l1,
    #pdpPage .header-bar-actions .header-bar-action-l2 {float:left;}
    #pdpPage .header-bar-actions .header-bar-action-r {float:right;} 
    #pdpPage .header-bar-actions .header-bar-action-r1,
    #pdpPage .header-bar-actions .header-bar-action-r2 {float:left;} 
    
    #pdpPage .multi-2dbarcharts {margin-left:22px; margin-bottom:5px;}
    #pdpPage .multi-2dbarcharts:last-child {margin-bottom:0;}
    #pdpPage .multi-2dbarcharts.with-labels {}
    #pdpPage .multi-2dbarcharts.with-labels .multi-2dbarchart-label {float:left; width:220px; margin-right:10px; text-align: right;}
    #pdpPage .multi-2dbarcharts.with-labels .multi-2dbarchart-fccontainer {float:left}
    #pdpPage .multi-2dbarcharts.with-labels .multi-2dbarchart-fc {width:830px; height:20px;} 
    #pdpPage .single-2dbarcharts {margin-left:22px; margin-bottom:5px;}
    #pdpPage .single-2dbarcharts:last-child {margin-bottom:0;}
    #pdpPage .single-2dbarchart-fc {width:230px; height:10px;}

#pdpPage .tiles-layout dl.tiles-content ul li.label-value.contain-fc-bar {vertical-align: text-top;}
    #pdpPage .tiles-layout dl.tiles-content ul li.label-value.contain-fc-bar .label-text {float:left;}
    #pdpPage .tiles-layout dl.tiles-content ul li.label-value.contain-fc-bar .value-text {float:left; padding-top:5px;}
#pdpPage a.lov_list {width:auto; height:auto;}
#pdpPage .tiles-layout .icon.expand-tree.small.disabled,
#pdpPage .tiles-layout .icon.collapse-tree.small.disabled {opacity: 0.3; filter:alpha(opacity=30);}
#pdpPage .tiles-layout .icon.small, .tiles-layout.rating-commnet-wrp .icon.small {padding:5px !important;}
#pdpPage #pdp_cycle_files div#file_upload .file-uploaded-list li a {word-wrap: break-word; word-break:break-word; -ms-word-break: break-word;}
#pdpPage #pdp_cycle_files div#file_upload .file-uploaded-list {margin:15px!important;}
#pdpPage .tiles-col-r ul:last-child {margin-right:0;}

/* Bundle style*/
.bundle-wrp{}
.bundle-wrp .tiles-layout.table-tiles{padding:10px;}
.tiles-layout.table-tiles.bundleHeader {border:0!important;}
.bundle-options-wrp{border:solid 1px #d6d6d6;clear: both;background-color: #fff;padding:0 15px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.bundle-options-wrp .bundle-search {float: right;}
.bundle-options-wrp:after,
.bundle-options:after {display: block; content: '';clear: both;}
.bundle-options {padding:0; margin:0;float: left; margin-top:23px;}
.bundle-options .bundle-option{float:left;display: inline-block;}
.bundle-options .bundle-option .bundle-option-link{display: block;padding:10px;color:#757575;}
.bundle-options .bundle-option .bundle-option-link.selected {color:#333; font-weight: bold;padding:10px 10px 0;}
.bundle-options .bundle-option .bundle-option-link.selected:hover{text-decoration: none;}
.bundle-options .bundle-option .bundle-option-link.selected:after {display: block; content: ''; background-color: #333;height: 3px;margin-top:10px;}
.totalsummary {background-color: #fff; border: solid 1px #d6d6d6;padding:15px; width: 270px; float: right;}
.totalsummary:after {content:''; display: block; clear: both;}
.totalsummary .total{border-top:solid 1px #333; font-weight: bold; text-transform: uppercase;}
.totalsummary input.btn.search {float: right;}
.bundle-wrp div[id^="location_list"],
.bundle-wrp div[id^="language_list"],
.bundle-wrp div[id^="offering_language_list"]{display:block;}

/* Bundles */
form[name="bundleForm"] #col_left div.details_box h2 {text-transform: uppercase; line-height: normal;}
#learner-page .header ul li#context_reports,
#learner-page .header ul li#context_modules,
#learner-page .header ul li#edit_module,
#learner-page .header ul li#help_module{display:none;}

#multiBundleContainer {}
    #multiBundleContainer h2 {margin-top:5px; color: #00234b; font-size: 14px; font-weight: bold; text-transform: uppercase;}
    #multiBundleContainer #multiBundleOptionAndSelection {overflow:hidden; position: relative;}
    #multiBundleContainer .multi-bundle-l {float:left; width:650px; margin-right:10px;}
    #multiBundleContainer .multi-bundle-r {float:left;width:225px;}
    #multiBundleContainer #multiBundleSelectedContainer #multiBundleSelectedList {}
    #multiBundleContainer #multiBundleSelectedContainer .emptyBundleSelectedList {background-color:#FFF; height:50px; border:1px dotted grey;}
    #multiBundleContainer #multiBundleSelectedContainer ol,
    #multiBundleContainer #multiBundleSelectedContainer ul {list-style: outside none none; margin: 0; padding: 0;}
    #multiBundleContainer #multiBundleSelectedContainer ul li {margin-bottom:5px !important;}
    #multiBundleContainer #multiBundleSelectedContainer ul li a {
        background-color: #f5f5f5;
        background-image: none;
        border: 1px solid #d9d9d9;
        border-radius: 3px;
        display: block;
        font-size: 12px !important;
        line-height: 20px;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        padding: 0 10px !important;
        text-decoration:none;
    }
    #multiBundleContainer #multiBundleSelectedContainer ul li a span {
        background: transparent url(/st_toolkit/common/images/icons/btn-remove_16.png) no-repeat right center !important;
        color: #424242 !important;
        font-weight: normal;
        display: inline-block;
        margin: 0;
        padding: 0 15px 0 0 !important;
        text-decoration: none !important;
    }

#learner-page div.details_box.bundle-wrapper {overflow:visible !important;}
    .details_box.main-content {}
    #learner-page .bundle-wrapper.details_box h2.table_heading.bundle-item-title {margin-bottom:0 !important; padding-left:0 !important;}
    .bundle-wrapper h2.table_heading.bundle-item-title p {font-size: 14px; font-weight: normal; text-transform: none; padding-left:30px;}
    .bundle-wrapper .widgets h2.table_heading,
    .bundle-wrapper .bundle-offerings-wrapper h2.table_heading,
    .bundle-wrapper h3,
    .details_box.main-content h2 {font-size: 1em !important;}
    .bundle-wrapper h2.table_heading a.expcol-link {padding-left:25px; }
    .bundle-wrapper h2.table_heading a.expcol-link:hover {text-decoration:none;}
    .bundle-wrapper h2.table_heading a.expcol-link.exp {background:transparent url(/st_toolkit/common/images/icons/2015/arrow-down-grey-solid-16.png) left 8px no-repeat;}
    .bundle-wrapper h2.table_heading a.expcol-link.col {background:transparent url(/st_toolkit/common/images/icons/2015/arrow-side-grey-solid-16.png) left 8px no-repeat;}
    .bundle-wrapper h2.table_heading a.expcol-link span.type-icon {vertical-align:middle;}
    .bundle-wrapper .widgets:first-child {margin-top:0px;}
    .bundle-wrapper .widgets {display:block; margin-top:15px; margin-bottom:10px !important;}
    .bundle-wrapper .bundle-content-collapsible {display:none; padding-left:0px;}
    .bundle-wrapper .widgets .collapsible-header h2.table_heading.coll .expcoll-icon {vertical-align: top !important;}
    .bundle-wrapper .bundle-content-collapsible.expanded {display:block;}
    .bundle-wrapper .bundle-offerings-wrapper {padding-left:0px;}
    #learner-page .bundle-wrapper .oTblContainer {border:none !important;}
    .bundle-wrapper .oTblContainer #scrollBodyTableDiv {height:auto !important;}
    .bundle-wrapper .oTblContainer #fixedHeaderTableDiv {display:block !important; background-color:transparent !important;}

    #learner-page .bundle-wrapper h2.table_heading .table-heading-wrapper .table-heading-l .table-heading-l-l {line-height: normal;}
    #learner-page #bodycontent_inner .bundle-wrapper p {color: #666; line-height: 16.8pt;}

/** 
 *  ClearFix 
 * */
#learner-page .ui-tab-div:after,
#search-page #header:after,
#search-page ul.trigger-icons:after,
#search-page .form-controls:after,
#learner-page h2.table_heading:after,
.content-2cols:after,
#dialogPage #dialogPageContent:after,
#learner-page #learnerContent:after,
#learner-page .ui-layout-content.content:after,
.wrapper.tabcontent:after,
.heading-action:after,
#dialogBoxContent .two-col-dialog:after,
#learner-page .header:after,
#dialogPage #dialogPageContent .details_box_2col .user-profile-details:after,
#iplusOverlayContent  .details_box_2col .user-profile-details:after, 
#dialogBoxContent .header:after,
#dialogPage #dialogPageContent .details_box_2col .view-details dl:after,
#iplusOverlayContent  .details_box_2col .view-details dl:after,
h2.calendar:after,
#iplusOverlayHeader:after,
#learner-page #homePage:after,
form:after,
.tiles-layout a.row-links:after,
#dialogBoxContent:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
*+html #iplusOverlayHeader {min-height:1%;}

/* --------- User Calndar --------*/
div.x-scroll table.data.calendar-table td.cName {padding:15px !important;}
div.x-scroll table.data.calendar-table td.cName span.type-icon{margin:0;} 
div.x-scroll  #cal{width:100%;}
#cal td.caldays {padding:0 4px!important;font-size: 0.7em; */}
#cal .calweeks {border-left:solid 1px #d6d6d6 !important;}
#cal .caldays.calweeks {border-left:solid 1px #aaa !important;}
#cal td,table.data tr td.link {padding:0 !important;}
#cal td .course-details-col{margin:15px 0;}
td.link div span.calendar-details-sec h4 {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    color: #045fbb;
}
td.link .cal-scheduled .icon.small {-webkit-box-shadow:0 0 0 -1px;-moz-box-shadow:0 0 0 -1px;box-shadow:0 0 0 -1px;-webkit-transition: box-shadow 0.2s ease-out;-moz-transition: box-shadow 0.2s ease-out;transition: box-shadow 0.2s ease-out; border-radius: 0;}
td.link.active .cal-scheduled .icon.small {-webkit-box-shadow:0 0 0 3px #fff;-moz-box-shadow:0 0 0 3px #fff;box-shadow:0 0 0 3px #fff, 0 0 0 5px #333; -webkit-transition: box-shadow 0.2s ease-out;-moz-transition: box-shadow 0.2s ease-out;transition: box-shadow 0.2s ease-out;}
td.link div span.calendar-details-sec {border:0;padding: 20px; margin:0;}
td.link div span.calendar-details-sec .cal-status .status-text {font-size: 14px;}
td.link div span.calendar-details-sec p,
td.link div span.calendar-details-sec p.session-name {font-size: 14px;}
td.link div span.calendar-details-sec p.session-name {font-weight: bold;}
td.link div span.calendar-details-sec p.session-day {font-size: 12px;}
td.link div span.calendar-details-sec .cal-status {border-bottom: 1px solid #aaa; padding:7px 0;}
div.x-scroll {/*position: relative;*/}
td.link div .cal-popup-pointer {display:none;}
td.link div .cal-popup-content {margin-top: 0;}
td.link div, td.link_hover div {border-radius:3px;border: 1px solid #aaa; left: calc(50% - 200px); top:30%; padding:0; width:400px; position: fixed;}
td.link div a.close-popup{    background: transparent url(/st_toolkit/common/images/icons/2015/icon-close.png) no-repeat center center; width: 18px; height: 18px; top: 10px; right: 8px;}
table.data tr td.link .cal-pointer{background:none;display: none;}
table.data tr td.link .cal-scheduled{background-color: transparent; padding: 0 1px 0 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
table.data.calendar-table tr { border-bottom: 1px solid #E7E7E7;}

/** 
 *  IE6
 * */
* html  #search-page #header,
  * html  #search-page ul.trigger-icons,
  * html  #search-page .form-controls {content:"."; display:inline-block; height:1%; clear:both; visibility:hidden;}
  
/**
 * Global ClearFix 
 * */
 .clearboth:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

/* checkboxes */
.st-cp {cursor:pointer;}

/**
 * Global ClearFix & Div grids
 * */
 .clearboth:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
 .st-fl {float:left;}
 .st-fr {float:right;}
 
/** 
 *  FROM OLD GUI.CSS - CAN BE REMOVED IF NOT NEEDED 
 * */
#sub_cats {border:1px solid #000;}
  #sub_cats .data {width:100%;}
textarea.displayEditor{width:920px;}
textarea.tsandcs{width:945px; height:300px;}
div.column_box.search {}
  div.column_box.search div {padding-left:0; padding-right:0;}
  div.column_box.search form {padding-top:0px;}
  div.column_box.search form .form-field {overflow:hidden; margin:0 0 10px 0; padding:0;}
  div.column_box.search form .form-field.last {margin-bottom:0;}
  /*div.column_box.search form .form-field label {float:left; width:13px; height:13px; margin:6px 9px 0 0; background:transparent url(../images/framework/icon-search.gif) 0 0 no-repeat; text-indent:-9999px; }*/
  div.column_box.search form .form-field .rhs-search-input {float:left; width:120px; height:25px; padding:0 3px; margin-right:3px; border:1px solid #dedede; border-radius:3px;}
  div.column_box.search form .form-field .rhs-search-btn {float:left; margin-top:3px !important; margin-right:0;}
  div.column_box.search form .form-field a:link,
  div.column_box.search form .form-field a:active,
  div.column_box.search form .form-field a:visited {display:block; font-size:12px; margin:0 0 5px 0; /*text-decoration:none; color:#31456a;*/}
  div.column_box.search form .form-field a:hover {/*text-decoration:underline;*/}
  div.column_box.search form .form-field a {margin-bottom:0;}
#shim{position:absolute; z-index:0; top:0; left:0; width:1px; height:1px; visibility:hidden;}
table.column_box_table{background-color:#E9E9E9; width:195px;}
  table.column_box_table tr th,
  table.column_box_table tr td {background-color:#FFF; padding:3px; text-align:left; vertical-align:top; font-size:11px;  width:50%;}
  textarea.input1{margin:5px 0 0 0;width:100%;}
  table {width:100%;}
  *html table{width:98%;}
  td.subhead, 
  td.subHead {text-align:left;font-weight:bold;}
  td.mainsubhead, 
  td.mainSubHead {background:url(../images/table-images/data_table_header.gif) -2px bottom no-repeat #C1C1C1;font-weight:normal;padding:5px;}
  td.subheadbg, 
  td.subHeadbg {font-weight:bold;font-size:12px;background-color:#F2F2F2;}
  .textbg {background-color:#F2F2F2;}
div.fusion_container{margin-top:5px; background-color:#F8F8F8; border:1px solid #EAEAEA;}
.doughnut span.fusioncharts-container svg { background-color: transparent !important;
  background: -webkit-radial-gradient(circle, white 60%,transparent 40%);
  background: -moz-radial-gradient(circle, white 60%,transparent 40%);
  background: -o-radial-gradient(circle, white 60%,transparent 40%);
  background: radial-gradient(circle, white 60%,transparent 40%);
    }
  div.fusion_container object {width:100%;}
  div.fusion_grid{float:left; margin:10px;}
  div.fusion_grid object{width:320px; margin-top:5px;}
ul.tabs {border-bottom:0 !important; padding-bottom:0 !important;}
.attachment{ background: url("../images/icons/attachment_small.png") no-repeat scroll 0 0 transparent;
    height: 12px;
    width: 13px;}
  .attachment-icon{margin:0 5px;}
.selected-row{background-color:#fdfde3;}


.hide,
.action-but-wrapper.hide,
.offering-details .action-but-wrapper.hide, 
.offering-details .action-but-wraper.hide, 
.user-details .action-but-wrapper.hide, 
.user-details .action-but-wraper.hide, 
.course-details .action-but-wrapper.hide, 
.course-details .action-but-wraper.hide {display:none;}
.hidden-el,
ul.form-col li.form-fields label.hidden-el {display:none !important;}

/* file upload */
#learner-page.fileUploadFunctionFactory {width: auto;}
#learner-page.fileUploadFunctionFactory #wrapper {width: auto; margin-top:-0.5em;}
input.file {position: relative;text-align: right;-moz-opacity:0 ;filter:alpha(opacity: 0);opacity: 0;z-index:-1;width:0px;height:0px;}
#localfilepath {height: 3.3em; width:350px;}
div.fileinputs {height:3.3em; width:500px;}

/* Manager Tasks */
#chartdiv1.manager-compliance-in-box {width:278px;height:150px; margin-top: -15px; text-align: center;}

/** 
 *  MOBILE.CSS:
 *  These elements hidden in desktop
 * */
.mobile-only-el, #logoMobile, #main-nav, .slideleftmenu-close, .sliderightmenu-close {display: none;}

/* iPad landscape */
body.container-resize-module-js #learner-page.login-page-v2.ios #container {position:static !important;overflow-x: hidden;padding-top: 0px;}
body.container-resize-module-js #learner-page.login-page-v2.ios.landscape #bodycontent_inner{width: auto !important;}
body.container-resize-module-js #learner-page.login-page-v2.ios.portrait #footer {display:block !important;}


/* Course Catalogue V2 */
#catalogSearchBrowsePage .two-col-advancedsearch {}
#catalogSearchBrowsePage .two-col-advancedsearch .adv-search-l {float:left; width:53%; border-right: 1px solid #d6d6d6;}
#catalogSearchBrowsePage .two-col-advancedsearch .adv-search-r {float:right; width:45%; padding-left:20px;} 
#catalogSearchBrowsePage .ant-select {display:block; width:100% !important; /*517px*/}

#catalogSearchBrowsePage h2.table_heading .table-heading-wrapper {width:100%;}
#catalogSearchBrowsePage h2#catalogSearchBrowseHeader {/*border-bottom:solid 1px #d6d6d6*/}
#catalogSearchBrowsePage h2#catalogSearchBrowseHeader span.pageination-wrapper #displayedRecStart,
#catalogSearchBrowsePage h2#catalogSearchBrowseHeader span.pageination-wrapper #displayedRecEnd,
#catalogSearchBrowsePage h2#catalogSearchBrowseHeader span.pageination-wrapper .header-total {font-weight:bold;}
#catalogSearchBrowsePage .widget-type-set span a.widget-type {display: inline-block; text-indent: -200px; overflow: hidden; height: 18px; width: 18px; padding: 5px; border: solid 1px transparent; border-radius: 3px; background-color: transparent; background-position: center center; background-repeat: no-repeat;}
#catalogSearchBrowsePage .widget-type-set span a.widget-type.tile {background-image: url(../images/icons/2015/tileView.png);}
#catalogSearchBrowsePage .widget-type-set span a.widget-type.list {background-image: url(../images/icons/2015/listView.png);}
#catalogSearchBrowsePage .widget-type-set span a.widget-type:hover {opacity: 1; text-decoration: none; border: solid 1px #d6d6d6; background-color: #fff;}
#catalogSearchBrowsePage .widget-type-set span a.widget-type.list.active, 
#catalogSearchBrowsePage .widget-type-set span a.widget-type.list.active:hover,
#catalogSearchBrowsePage .widget-type-set span a.widget-type.tile.active, 
#catalogSearchBrowsePage .widget-type-set span a.widget-type.tile.active:hover {display: none; opacity: 0.25;}

/*#catalogSearchBrowsePage #more-onavd {display:none; width: 100%; margin: 0 auto; background-color: #fcfcfc;}
#catalogSearchBrowsePage #more-onavd #loading-obj-nav {display:none; margin: 0 auto; padding: 15px 0;}
#catalogSearchBrowsePage #more-onavd a#more-onav {display: block; width: 100%; font-size: 16px; font-weight: normal; color: #757575; border: solid 1px #d6d6d6; border-radius: 3px; font-size: 16px; margin: 0 auto; padding: 10px 0; text-decoration: none; text-align: center;}
#catalogSearchBrowsePage #more-onavd a#more-onav:hover {background-color: #0572ce; color: #fff;}*/
#catalogSearchBrowsePage #more-onavd {width: 100%; margin: 0 auto 0 auto; background-color:transparent;}
#catalogSearchBrowsePage #more-onavd a#more-onav { 
    display:block;
    width: 48px;
    height: 48px;
    background: #FFF;
    border: solid 1px #d6d6d6;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding:0;
    text-indent:-9999px;
    text-decoration: none;
    text-align: center;
    margin:0 auto;
    -webkit-box-shadow: 0 2px 15px #d6d6d6;
    box-shadow: 0 2px 15px #d6d6d6;
}
#catalogSearchBrowsePage #more-onavd a#more-onav {background: #FFF url(/st_toolkit/common/images/icons/2015/arrow-down-grey-solid-16.png) center center no-repeat;}

#catalogSearchBrowsePage #more-onavd a#more-onav.animated-more {background: #FFF url(/st_toolkit/common/images/icons/loading.gif) center center no-repeat;}

#catalogSearchBrowsePage #more-onavd a#more-onav:hover{-webkit-box-shadow: 0 0 3px #d6d6d6; box-shadow: 0 0 3px #d6d6d6;}
#catalogSearchBrowsePage #more-onavd span#loading-obj-nav {display: none; margin: 0 auto; padding: 10px 0; text-align: center; border: solid 1px #d6d6d6;}

/*#catalogSearchBrowsePage .tiles-layout.one-col-tiles {width:260px; margin:15px 17px 15px 0;}*/

#catalogSearchBrowsePage .multi-col-form ul.form-col#categoriesContainer {display:block; width:100%;}
#catalogSearchBrowsePage .multi-col-form ul.form-col#categoriesContainer li.form-fields {display:block; width:100%;}
#catalogSearchBrowsePage .multi-col-form ul.form-col#categoriesContainer li.form-fields label {display: block !important; width: 100%;}
#catalogSearchBrowsePage #selectedItemsWithTriggers {margin-bottom: 15px; width:100%;}
#catalogSearchBrowsePage #selectedItemsWithTriggers ul {margin:0; padding: 0; list-style: none; overflow: hidden;}
#catalogSearchBrowsePage #selectedItemsWithTriggers ul li {margin-bottom: 5px; display: inline-block; margin-right: 10px;}
#catalogSearchBrowsePage #selectedItemsWithTriggers ul#selectedCategoriesWrapper{margin-bottom:15px;}
#catalogSearchBrowsePage #selectedItemsWithTriggers a.lov_list {
  width:auto;
  height:auto;
  padding: 10px 40px 10px 15px!important;
  margin: 0 15px 0 0px !important; 
  box-shadow: 0 0 3px #ccc;
  font-size: 14px !important;
  font-weight:normal;
  transition: background-color 0.3s ease;
  background-image: url(../images/icons/2015/icon-plus-small.png) !important;
  background-position: right 10px center;
  background-repeat:no-repeat;
}
#catalogSearchBrowsePage #selectedItemsWithTriggers a.lov_list:hover {opacity:0.9;text-decoration: none;background-color:#f6f6f6;}
#catalogSearchBrowsePage #selectedItemsWithTriggers a.action.small,
#catalogSearchBrowsePage #selectedItemsWithTriggers a.lov_list {
  margin-bottom: 0 !important;
  background-color: #fff;
  background-image: none;
  border: 1px solid #aaa;
  border-radius: 3px;
  display: inline-block;
  line-height: 20px;
  color:#333;
}
#catalogSearchBrowsePage .ant-select-selection--multiple {padding-bottom:0;}

#catalogSearchBrowsePage #selectedItemsWithTriggers a.action.small{padding:2px 5px!important; font-size: 12px!important; }
#catalogSearchBrowsePage #selectedItemsWithTriggers a.action.small span {color: #333 !important; font-weight: normal; line-height: 19px; margin: 0; text-decoration: none !important; padding: 0 20px 0 0 !important;}
#catalogSearchBrowsePage #selectedItemsWithTriggers a.action.small.valpicker span {background: url(../images/icons/2015/icon-delete-small.png) no-repeat right center transparent !important;}
#catalogSearchBrowsePage #selectedItemsWithTriggers a.action.small.add span {background: url(../images/icons/courseadd_16.png) no-repeat right center transparent !important;}
#catalogSearchBrowsePage #selectedItemsWithTriggers a.action.small.add.disabled span {}
#catalogSearchBrowsePage .tiles-layout.table-tiles:first-child {}

#catalogSearchBrowseResult > .tilelargeview,
#catalogSearchBrowseResult > .listview {padding-bottom:0; border-bottom: 0;}
#catalogSearchBrowsePage .tiles-layout.table-tiles:last-child, 
#catalogSearchBrowsePage .tiles-layout.table-tiles:only-of-type {}

/* NEW TILE PROTOTYPE - start with Cat V2 tiles */
.listview {}
.listview .tiles-layout.table-tiles.three-col-tiles,
.listview .tiles-layout.four-col-tiles.type-f  {display: flex; align-items: center; height:auto;}

/*#channelPage .listview .tiles-layout.table-tiles.three-col-tiles,*/
#homePage .listview .tiles-layout.table-tiles.three-col-tiles,
#catalogSearchBrowseResult .listview .tiles-layout.table-tiles.three-col-tiles,
#learner-requests .tiles-layout.four-col-tiles.type-f {height:60px;}
#homePage .listview .tiles-layout.three-col-tiles .tiles-col-l-l,
#catalogSearchBrowseResult .listview .tiles-layout.three-col-tiles .tiles-col-l-l {vertical-align: middle;}

#managerTasksHomepage #homePage .listview .tiles-layout.table-tiles.three-col-tiles {height:auto;}

#pdpPage .listview .tiles-layout.table-tiles.three-col-tiles {display: block; height: auto;}
.tiles-layout.three-col-tiles dl.tiles-content dt .ratings{vertical-align: top;}
.tilelargeview {}
.tilelargeview .tiles-layout.one-col-tiles.narrow {width:190px !important; margin:0 30px 15px 0; padding:10px ; /*overflow:hidden;*/}
#col_left .tilelargeview .tiles-layout.one-col-tiles.narrow{margin:0 10px 15px 0; }
#browseV2R .tilelargeview .tiles-layout.one-col-tiles.narrow {margin:0 15px 15px 0; }
#col_left .tilelargeview .tiles-layout.one-col-tiles.narrow:hover,
#browseV2R .tilelargeview .tiles-layout.one-col-tiles.narrow:hover,
.tilelargeview .tiles-layout.one-col-tiles.narrow:hover { box-shadow: 0 3px 20px -8px #333;transition: box-shadow 0.15s ease-in;}
.tilelargeview .tiles-layout.one-col-tiles.narrow .tiles-img .icon {}
.tilelargeview .tiles-layout.one-col-tiles.narrow .tiles-img a {}
.tilelargeview .tiles-layout.one-col-tiles.narrow:hover {cursor: pointer;}
.tilelargeview .tiles-layout.one-col-tiles.narrow .tiles-pretitle {margin-bottom:3px;}
.tilelargeview .tiles-layout.one-col-tiles.narrow .tiles-pretitle span.value-text {color:#aaa;}
.tilelargeview .tiles-layout.one-col-tiles.narrow span.mandatory, 
.tilelargeview .tiles-layout.one-col-tiles.narrow span.compliance, 
.tilelargeview .tiles-layout.one-col-tiles.narrow span.rolemandatory, 
.tilelargeview .tiles-layout.one-col-tiles.narrow span.mandatory.comp, 
.tilelargeview .tiles-layout.one-col-tiles.narrow span.mandatory.role {vertical-align: middle; float:right;}
.tilelargeview .tiles-layout.one-col-tiles.narrow .tiles-title {margin-bottom:0; display: flex; justify-content: center; flex-direction: column;}
.tilelargeview .tiles-layout.one-col-tiles.narrow .tiles-img {margin: -10px -10px 5px -10px; position: relative;}
.tilelargeview .tiles-layout.one-col-tiles.narrow .tiles-title a.tiles-title {display:block; height:auto; font-size:14px; color:#333; line-height:19px; font-weight:bold; white-space:normal; word-wrap:normal;}
.tilelargeview .tiles-layout.one-col-tiles.narrow label.label-text {font-weight:normal;}
.tilelargeview .tiles-layout.one-col-tiles.narrow .tiles-title a.tiles-title:hover {text-decoration: none; opacity:0.8; }
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowmain {margin-bottom:14px; overflow:hidden;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowmain .tiles-details-row {float:none; display:inline-block; margin-bottom:0; vertical-align: top;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowmain .tiles-details-row span.value-text {color:#aaa;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowmain .tiles-details-row span.value-text.Date {font-size: 11px;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowmain .tiles-details-row:empty,
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowmain .tiles-details-row.hidden-el {display:none;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowmain .tiles-details-row:not(.hidden-el) span.value-text:not(:empty)::after {content:'\00a0 \00a0'; margin:0;display:inline-block;line-height: 12px; font-size:12px;color: #000;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowmain .tiles-details-row:not(.hidden-el):last-child span.value-text::after{content:''; margin:0;}

.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext {}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .tiles-details-r {}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext a.action.small {float:left; display:inline-block; padding:1px 10px !important; margin-right:10px !important ; -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow: none;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext a.action.small:hover { opacity:0.8; }
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext a.action.small.disabled{opacity: 0.4}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext a.action.small span {font-size:12px;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .actionlabel {float:left; padding:1px 10px; margin-right:10px;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext a.action.small:last-child,
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .actionlabel:last-child {margin-right:0 !important;}
#learner-page #homePage .tilelargeview #more-onavd[style*='display: none;'] + .mand-legend-cont {margin:-20px 0 0 0;}

/*.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .ratings {margin:5px 0;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .rate {background: url(../images/icons/2015/ratings.png) 0 0 no-repeat; width: 54px; height: 10px;display: inline-block;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .stars-0-0 {}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .stars-0-5 {background-position:0 -10px;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .stars-1-0 {background-position:0 -20px;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .stars-1-5 {background-position:0 -30px;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .stars-2-0 {background-position:0 -40px;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .stars-2-5 {background-position:0 -50px;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .stars-3-0 {background-position:0 -60px;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .stars-3-5 {background-position:0 -70px;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .stars-4-0 {background-position:0 -80px;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .stars-4-5 {background-position:0 -90px;}
.tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext .stars-5-0 {background-position:0 -100px;}*/

/* variants of fixed height */
.tilelargeview .tiles-layout.one-col-tiles.type-250 {max-height:230px; height:230px;}
.tilelargeview .tiles-layout.one-col-tiles.type-250 .tiles-img .icon {height:105px;}
.tilelargeview .tiles-layout.one-col-tiles.type-250 .tiles-img a {height:105px;}
.tilelargeview .tiles-layout.one-col-tiles.type-250 .tiles-pretitle {}
.tilelargeview .tiles-layout.one-col-tiles.type-250 .tiles-title {height:40px;}
.tilelargeview .tiles-layout.one-col-tiles.type-250 .tiles-img a img {max-height:105px; height:105px;}
.tilelargeview .tiles-layout.one-col-tiles.type-250 .tiles-details.tile-details-rowmain {height:33px;}
.tilelargeview .tiles-layout.one-col-tiles.type-250.no-rowext .tiles-details.tile-details-rowmain {height:70px; margin-bottom:0px;}
.tilelargeview .tiles-layout.one-col-tiles.type-250 .tiles-details.tile-details-rowmain .tiles-details-l {line-height:17px;}
.tilelargeview .tiles-layout.one-col-tiles.type-250 .tiles-details.tile-details-rowmain .tiles-details-r {}
.tilelargeview .tiles-layout.one-col-tiles.type-250 .tiles-details.tile-details-rowmain .ratings-row {display:block; margin-top:0;}
.tilelargeview .tiles-layout.one-col-tiles.type-250 .tiles-details.tile-details-ratingsrow {height:17px; margin-bottom:3px; margin-top:-14px;}
.tilelargeview .tiles-layout.one-col-tiles.type-250.no-rowext .tiles-details.tile-details-rowext {display:none;}
.tilelargeview .tiles-layout.one-col-tiles.type-250 .tiles-details.tile-details-rowext .tiles-details-r {height:20px;}

.tilelargeview .tiles-layout.one-col-tiles.type-300 {max-height:277px; height:277px;}
.tilelargeview .tiles-layout.one-col-tiles.type-300 .tiles-img .icon {height:105px;}
.tilelargeview .tiles-layout.one-col-tiles.type-300 .tiles-img a {height:105px;}
.tilelargeview .tiles-layout.one-col-tiles.type-300 .tiles-pretitle {}
.tilelargeview .tiles-layout.one-col-tiles.type-300 .tiles-title {height:40px;}
.tilelargeview .tiles-layout.one-col-tiles.type-300 .tiles-img a img {max-height:105px; height:105px;}
.tilelargeview .tiles-layout.one-col-tiles.type-300 .tiles-details.tile-details-rowmain {height:33px;}
.tilelargeview .tiles-layout.one-col-tiles.type-300.no-rowext .tiles-details.tile-details-rowmain {height:118px; margin-bottom:0px;}
.tilelargeview .tiles-layout.one-col-tiles.type-300 .tiles-details.tile-details-rowmain .tiles-details-l {line-height:17px;}
.tilelargeview .tiles-layout.one-col-tiles.type-300 .tiles-details.tile-details-rowmain .tiles-details-r {}
.tilelargeview .tiles-layout.one-col-tiles.type-300 .tiles-details.tile-details-rowmain .ratings-row {display:block; margin-top:0;}
.tilelargeview .tiles-layout.one-col-tiles.type-300.no-rowext .tiles-details.tile-details-rowext {display:none;}
.tilelargeview .tiles-layout.one-col-tiles.type-300 .tiles-details.tile-details-rowext .tiles-details-r {height:20px;}

/* Custom styles */
 .tiles-layout dl.tiles-content ul li.label-value{margin-bottom: 0;}

label.label-text,
span.value-text {font-weight: normal; color: #aaa;}
 label.label-text{ color:#333;} 
 span.value-text.desc,
  .tiles-layout.table-tiles.three-col-tiles .desc-txt{
    overflow: hidden;
    max-width: 99%;
    width:665px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;}
     .tiles-layout.table-tiles.three-col-tiles.noBox .desc-txt,
    .tiles-layout.table-tiles.three-col-tiles.sectionHeader .desc-txt {overflow: visible;max-width:none;width: auto; white-space: normal; text-overflow: all;}
span.value-text.Status{
    overflow: hidden;
    max-width: 100%;
    width:190px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;}
.tiles-layout.table-tiles.three-col-tiles.noBox .desc-txt .desc-txt-l,
.tiles-layout.table-tiles.three-col-tiles.noBox .desc-txt .desc-txt-r {}
#learner-page #homePage .tilelargeview .mand-legend-cont,
#dialogBox .tilelargeview .homepagewidget .mand-legend-cont{margin-top:-38px;}
#learner-page #homePage .tilelargeview #more-onavd[style*='display: none;'] + .mand-legend-cont,
#dialogBox .tilelargeview .homepagewidget #more-onavd[style*='display: none;'] + .mand-legend-cont {margin:-20px 0 0 0;}
#learner-page #homePage .listview #more-onavd[style*='display: none;'] + .mand-legend-cont,
#dialogBox .listview .homepagewidget #more-onavd[style*='display: none;'] + .mand-legend-cont{margin:-5px 0 0 0;}
 .tiles-layout.three-col-tiles .tiles-col-l-l {float: none; vertical-align: top;}
 .tiles-layout.table-tiles.three-col-tiles.indent-0 .tiles-col-l-l ,
.tiles-layout.table-tiles.three-col-tiles.indent-10 .tiles-col-l-l ,
.tiles-layout.table-tiles.three-col-tiles.indent-20 .tiles-col-l-l ,
.tiles-layout.table-tiles.three-col-tiles.indent-30 .tiles-col-l-l ,
.tiles-layout.table-tiles.three-col-tiles.indent-40 .tiles-col-l-l ,
.tiles-layout.table-tiles.three-col-tiles.indent-50 .tiles-col-l-l ,
.tiles-layout.table-tiles.three-col-tiles.indent-60 .tiles-col-l-l ,
.tiles-layout.table-tiles.three-col-tiles.indent-70 .tiles-col-l-l ,
.tiles-layout.table-tiles.three-col-tiles.indent-80 .tiles-col-l-l ,
.tiles-layout.table-tiles.three-col-tiles.indent-90 .tiles-col-l-l ,
.tiles-layout.table-tiles.three-col-tiles.indent-100 .tiles-col-l-l {white-space: nowrap;}


 .tiles-layout.table-tiles.three-col-tiles{ background-color: #fff; border-right:solid 1px #d6d6d6;border-left:solid 1px #d6d6d6; padding: 8px 8px 8px 0;}
#channelPage #channelDiscussionPage #channelTopicDetails .tiles-layout.table-tiles,
#channelPage #channelDiscussionPage #channelTopicDetails .tiles-layout.table-tiles:hover {border: 0; background-color: transparent;}
#channelPage #channelDiscussionPage #channelTopicDetails .tiles-layout.three-col-tiles .tiles-col-l-r,
#channelPage #channelDiscussionPage #channel_topics .tiles-layout.three-col-tiles .tiles-col-l-r{width:100%;}
#channelPage #channelDiscussionPage #channelTopicDetails .tiles-layout dl.tiles-content{margin:0;}
.tiles-layout.table-tiles.three-col-tiles.noBox,
.tiles-layout.table-tiles.three-col-tiles.sectionHeader,
.tiles-layout.table-tiles.three-col-tiles.noBox:hover,
.tiles-layout.table-tiles.three-col-tiles.sectionHeader:hover {background-color: transparent; border:0; display:block; height: auto;}

#course-structure-v2 .tiles-layout.table-tiles.three-col-tiles {height: auto;}
.tiles-layout.table-tiles.three-col-tiles:hover{background-color:#f9f9f9;}
.tiles-layout.table-tiles.three-col-tiles.indent-0{padding:8px;}
.tiles-layout.table-tiles.three-col-tiles.indent-10{padding:8px 8px 8px 48px;}
.tiles-layout.table-tiles.three-col-tiles.indent-20{padding:8px 8px 8px 88px;}
.tiles-layout.table-tiles.three-col-tiles.indent-30{padding:8px 8px 8px 128px;}
.tiles-layout.table-tiles.three-col-tiles.indent-40{padding:8px 8px 8px 168px;}
.tiles-layout.table-tiles.three-col-tiles.indent-50{padding:8px 8px 8px 208px;}
.tiles-layout.table-tiles.three-col-tiles.indent-60{padding:8px 8px 8px 248px;}
.tiles-layout.table-tiles.three-col-tiles.indent-70{padding:8px 8px 8px 288px;}
.tiles-layout.table-tiles.three-col-tiles.indent-80{padding:8px 8px 8px 328px;}
.tiles-layout.table-tiles.three-col-tiles.indent-90{padding:8px 8px 8px 368px;}
.tiles-layout.table-tiles.three-col-tiles.indent-100{padding:8px 8px 8px 408px;}
#course-structure-v2 .collapsible-content .tiles-layout.three-col-tiles .treeNode,
#search_results .tiles-layout.three-col-tiles .treeNode{padding: 8px 5px 8px 0;}

 .tiles-layout dl.tiles-content dt,
 .tiles-layout.three-col-tiles .tiles-title,
 .tiles-layout.three-col-tiles dl.tiles-content dt,
 .tiles-layout.three-col-tiles dl.tiles-content dt a {font-size: 14px; font-weight: bold; color:#333; margin-bottom: 0;}
 .tiles-layout.three-col-tiles dl.tiles-content dt a:hover{text-decoration: none; opacity: 0.8;}

#learner-page #homePage #col_right .homepagewidget.list-module,
#learner-page #homePage #col_right .homepagewidget,
#learner-page #col_right .box.collapsible-container {background-color:transparent;}
#learner-page #homePage #col_right .homepagewidget #scrollBodyTableDiv,
#learner-page #homePage #col_right .collapsible-header.coll,
#learner-page #col_right .box.collapsible-container #chartdiv1,
#learner-page #col_right .box.collapsible-container #fullcalendar-mini {background-color: #fff;}


/*Floating header on Scroll*/
/*.mobile-header{transition: all 0.3s ease;-webkit-box-shadow: 0 0px 1px #aaa;-moz-box-shadow: 0 0px 1px #aaa;box-shadow: 0 0px 1px #aaa;}
.mobile-header{position: fixed;z-index:10000;width: 100%;-webkit-box-shadow: 0 3px 20px #aaa;-moz-box-shadow: 0 3px 20px #aaa;box-shadow: 0 3px 20px #aaa;}
.mobile-header.header-pinned{top:0;}
.mobile-header.header-unpinned{top:-60px;box-shadow: 0 0px 1px #aaa;}*/

#header{transition: all 0.3s ease;}
#learner-page.activePadding,
#learner-page.activePadding{padding-top:117px;}
#learner-page.header-top{padding-top:0;}
#learner-page.header-unpinned #header{-webkit-box-shadow: 0 0px 1px #aaa;-moz-box-shadow: 0 0px 1px #aaa;box-shadow: 0 0px 1px #aaa;}
#learner-page.scrollUp.activePadding #header,
#learner-page.scrollDown.activePadding #header,
#header.header-pinned{top:0;position: fixed;z-index:900;}
#learner-page.header-top #header,
#learner-page.header-top #header.header-pinned{position: static;}
#header.header-pinned,
#learner-page.activePadding  #header.header-pinned {position: fixed;top:0;z-index:900;}
#header.header-unpinned,
#learner-page.scrollDown.activePadding #header.header-unpinned,
#learner-page.scrollDown.activePadding #header.header-pinned{position: fixed;top:-67px;box-shadow: 0 0px 1px #aaa;z-index:900;}
#learner-page.activePadding #header.header-pinned,
#learner-page.activePadding #header.header-pinned{top:0;}
#learner-page.activePadding #header.header-unpinned{/*transition: all 0s ease;*/}

.go-top {z-index:900; cursor:pointer; transform: translateX(65px); transition: all 0.3s ease; position:fixed; bottom:80px; right:0;  border-radius:20px 0 0 20px; box-shadow:0 0 15px #d6d6d6;  width:55px;height: 40px; background-color:#fff; background-image:url(../images/icons/2015/arrow-up-grey-solid-16.png);border:solid 1px #d6d6d6; background-position:  10px center; background-repeat: no-repeat;}
.go-top:hover {background-position:  10px 10px; box-shadow: 0 0 20px #aaa;}
.go-top.active {transform: translateX(2px);}
.go-top a{display: block;height: 40px; }

/* User Calendar V2 */
.date-selector{display: flex; align-items: flex-end;/* justify-content: space-between;*/}
.date-selector .multi-col-form{margin:0 10px;}
.date-selector .multi-col-form ul.form-col,
.date-selector .multi-col-form ul.form-col li.form-fields,
.date-selector .multi-col-form ul.form-col li.form-fields label{margin:0;}

/* Browse Catalogue page - WIP - move to globalnonadmin2015 POST 5.7 */
#categoryBrowserPage {}
#categoryBrowserPage .categoryBrowseSearch {border:1px solid #d6d6d6; margin-bottom:20px;}
#categoryBrowserPage .categoryBrowseSearch-left {float:left; width:46%; padding:15px 10px;}
#categoryBrowserPage .categoryBrowseSearch-right {float:right; width:47%; background-color:#F0F0F0; padding:15px 27px; position:relative; height:240px;}
#categoryBrowserPage .categoryBrowseSearch-right .arrow-right {position:absolute; top:40%; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #FFF; margin-left:-27px;}
#categoryBrowserPage .categoryBrowseSearch .article-2col {}
  #categoryBrowserPage .categoryBrowseSearch .article-2col .article-img {float:left; width:35%; margin-right:20px;}
  #categoryBrowserPage .categoryBrowseSearch .article-2col .article-txt {float:right; width:60%;}
  #categoryBrowserPage .categoryBrowseSearch .article-2col .article-txt dl {}
  #categoryBrowserPage .categoryBrowseSearch .article-2col .article-txt dl dt {font-weight:bold; margin-bottom:15px; font-size:14px;}
  #categoryBrowserPage .categoryBrowseSearch .article-2col .article-txt dl dd {font-size:12px; color:#333;}
#categoryBrowserPage .categoryBrowseSearch .multi-col-form ul.form-col {margin-right:0;}
#categoryBrowserPage .categoryBrowseSearch .multi-col-form ul.form-col.btns {margin-top:0; margin-right:0;}
#categoryBrowserPage .categoryBrowseSearch input.btn.search {margin:0;}
#categoryBrowserPage #cat_breadcrumb {box-shadow: none; background-color: #fff; border: 0 none; color: #333; font-size: 16px; padding: 0; z-index: 9;}
#categoryBrowserPage #cat_breadcrumb div {background: none; padding-left: 0; margin-top: 0; margin-bottom: 0; line-height:25px; font-size:14px;}
#categoryBrowserPage #cat_breadcrumb div a {font-weight: bold; background:none; width: auto; height: auto; padding: 0px 5px 0 0 !important; background-position:0 0; font-weight: normal; color:#333;}
#categoryBrowserPage #cat_breadcrumb div a.cat-status {display:inline-block; background-image:url(/st_toolkit/common/images/icons/2015/icon-plus.png); background-position: 0 0; background-repeat:no-repeat; width:11px; height:11px; margin-right:0;}
#categoryBrowserPage #cat_breadcrumb div a.cat-status.active-cat-browser {background-image:url(/st_toolkit/common/images/icons/2015/icon-minus.png); background-position:0 0 !important; padding: 0px 7px 0 0 !important;}
#categoryBrowserPage #cat_breadcrumb div a:hover {text-decoration:none;}

#categoryBrowserPage div.nocourses{color:#808080;}
#categoryBrowserPage div.in1 {display:none;}
#categoryBrowserPage div.in2{margin-left:5px;}
#categoryBrowserPage div.in3{margin-left:22px;}
#categoryBrowserPage div.in4{margin-left:37px;}
#categoryBrowserPage div.in5{margin-left:52px;}
#categoryBrowserPage div.in6{margin-left:67px;}
#categoryBrowserPage div.in7{margin-left:82px;}
#categoryBrowserPage div.in8{margin-left:97px;}
#categoryBrowserPage div.in9{margin-left:112px;}
#categoryBrowserPage div.in10{margin-left:127px;}
#categoryBrowserPage div.in11{margin-left:142px;}
#categoryBrowserPage div.in12{margin-left:157px;}
#categoryBrowserPage div.in13{margin-left:172px;}
#categoryBrowserPage div.in14{margin-left:187px;}
#categoryBrowserPage div.in15{margin-left:202px;}
#categoryBrowserPage #sortMenu{padding:0 0 12px 0;}
#catalogSearchBrowsePage h2#catalogSearchBrowseHeader  {padding:0 0 10px 0;}

#browseV2L {float: left; width: 258px; margin-right:20px;}
#browseV2L .multi-col-form ul.form-col li.form-fields .checkboxgroup label.lbl.ck,
#browseV2L .multi-col-form ul.form-col li.form-fields label.lbl.ck .input-label-txt {color: #aaa; font-weight: normal; margin-bottom: 0;padding: 0;}
#browseV2L .multi-col-form ul.form-col li.form-fields .input-label-txt {color: #000; font-weight: bold; padding:2px 0;margin-bottom: 10px;}
#browseV2L ul.form-col label.lbl.keyword .ctrl.txt {border-radius:3px 0 0 3px;}
#browseV2L #in_searchA {
 font-size: 0!important;
 border: solid 1px #005aa7 !important;
 background-color: #007feb !important;
 background-image: url(/st_toolkit/common/images/icons/2015/search-icon-white.png)!important;
 background-repeat: no-repeat;
 background-position: center;
 background-size: 18px;
 padding:7px 18px 8px 18px!important;
 box-shadow:none!important;
 border-radius:0 3px 3px 0;
  }
/*#browseV2 h1.new-page-headings {margin-bottom:10px;}*/
#browseV2L #in_searchA:hover{opacity:0.8;}
#browseV2L .form-col {margin: 0; display: flex; align-items: flex-end;}
#browseV2L .form-col .form-fields{float: left;}
#browseV2L ul.form-col li.form-fields label{margin:0;}
#browseV2L .search-wrapper{border-radius: 0 0 3px 3px ; }
#browseV2L .search-wrapper .form-col {display: block;}
#browseV2L .search-wrapper .form-col .form-fields {margin:2px 0;}
#browseV2L #collapsible-search {}
#browseV2L .keyword .keyword-help{top:7px;}

#browseV2 #categoryAsPageTitle{padding:10px 0 0 0; font-size: 18px; }
#browseV2 #browseV2PageTitle {background-color:#fff; font-size: 18px; border:solid 1px #d6d6d6; border-bottom:0; padding:10px; border-radius: 3px 3px 0 0;}
#categoriesList {border-radius:3px; min-height:200px; padding:20px 15px; border:1px solid #d6d6d6; background-color: #fff;}
#categoriesList.set {background:#fff url(/st_toolkit/common/images/icons/loading-whitescrn-64.gif) no-repeat scroll 50% 30%; opacity:0.4 !important;}
#categoriesList a img {position: relative; overflow: hidden; padding: 0; box-sizing: border-box; text-indent:-9999px !important; }
#categoriesList a img.expandLovNode {display:inline-block; background: transparent url(../common/images/icons/2015/icon-plus.png) 0 center no-repeat; width:8px; height:8px;}
#categoriesList a img.collapseLovNode {display:inline-block; background: transparent url(../common/images/icons/2015/icon-minus.png) 0 center no-repeat; width:8px; height:8px;}
#categoriesList img.empty-nodes-lov {display:inline-block; background: transparent url(../common/images/icons/empty-node.gif) 0 0 no-repeat; width:10px; height:16px; content:url(../common/images/spacer.gif);}
#categoriesList a img.expandLovNode.expandedcollapsed,
#categoriesList a img.collapseLovNode.expandedcollapsed {width:16px; height:11px; background: transparent url(../common/images/icons/2015/loading11.gif) 0 0 no-repeat !important;}
#categoriesList .coursePathNums {font-size: 10px; color:  #aaa;}
#categoriesList ul,
#categoriesList li {margin:0; padding:2px 0; list-style: none; border:solid 1px transparent;}
#categoriesList .category {font-size:12px; margin-bottom:10px;}
#categoriesList .sub-category {padding-left:10px;}
#categoriesList .parent {color:#000; cursor: pointer; pointer-events: all; font-weight:bold;}
#categoriesList .parent:hover {color: #007feb;}
#categoriesList .parent.selected {/*color: #007feb;*/ background-color:#e8f5ff;border:solid 1px #c4d8e8;}
#categoriesList .parent.selected:hover{color:#000; text-decoration: none;}
#categoriesList .sub-parent {}
#categoriesList .sub-parent .sub-parent-main {display:inline-block;}
#categoriesList .child {cursor: pointer;}
#categoriesList .sub-category .child {} 
#categoriesList .child.selected {color: #333; background-color:#e8f5ff;border:solid 1px #c4d8e8;}
#categoriesList .child:hover,
#categoriesList li a:hover {color: #007feb; text-decoration: none;}
#categoriesList .child.selected:hover {color: #333; text-decoration: none;}
#categoriesList .child {color:#aaa;}
#categoriesList .child:hover {/*text-decoration: underline;*/}
#categoriesList .sub-parent .sub-parent-main,
#categoriesList .child {/*margin-bottom:5px;*/ padding-left:10px;}

#browseV2R #catalogSearchBrowsePage .catList {list-style: none; padding:0; margin: 0; /*display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-flow: row wrap; flex-wrap:wrap; flex-direction: row; -ms-flex-pack:space-between; justify-content:space-between;*/}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item {float: left; display:table-cell; vertical-align:middle; line-height:30px; box-sizing: border-box; width:33%;border: 1px solid #d5d5d5; margin-right:0.5%; margin-right:16px \9; margin-bottom:4px; position: relative;}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item .cat-img {width:100%; height: 150px; background-position: center; background-repeat: no-repeat; background-size: cover;}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item .text-description{
  width: 100%;
  position: absolute;
  top:50%;
  z-index: 2;
  transition: top .35s,transforms .35s;
  transform: translate3d(0,-50%,0);
  padding: 0 5%;
  box-sizing: border-box;}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item .text-description .txt-desc{opacity: 0; width:90%; overflow: hidden; position: absolute; z-index: 2; font-size: 12px; line-height: normal;}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item.cat-item a{text-decoration: none; color:#333; display: block;}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item.cat-item a:before{background-color: rgba(0,0,0,0.3);content: ''; display: block; position: absolute;height: 100%; width: 100%; z-index: 1;}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item.cat-item a:hover::before {background-color: #fff;}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item.cat-item a:hover .text-description{
  top: 0;
  transform: translateZ(0);
}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item.cat-item a:hover .text-description h2{color:#333;}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item.cat-item a:hover .text-description .txt-desc {transition: opacity .35s; opacity: 1;}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item:nth-child(3n+3) {margin-right:0;}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item:hover{border: 1px solid #d6d6d6;}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item:hover img{filter: brightness(100%);-webkit-filter: brightness(100%); opacity:1;}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item h2 {margin:10px 0 5px 0;position: relative; line-height:25px; color: #fff; text-shadow: 0 0px 1px #000;}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item:hover h2{ text-shadow: none;}
#browseV2R #catalogSearchBrowsePage .catList li.cat-item img{width:100%; width:396px;};
#browseV2R #catalogSearchBrowsePage .catList li.cat-item .txt-desc{padding:10px; line-height:25px;}