@charset "utf-8";

#header #logo, #header #logo img {float:left}
#header #logo img {width:158px !important; height:55px !important;  background:url(../images/logo-admin.png) no-repeat 0 0;}
.heading-action h1.new-page-headings label{/*padding-left:80px; text-indent: -80px; display: inline-block;*/}
#header{background:url(../images/banner.png) no-repeat center bottom;}
#header #top-search-wrp #headerSearchForm.visible {width:160px;}
#headerInner{background-color: #fff;}
#primNavInner{background-color: #1a1a1a;}
#primNavInner:after {clear:both;content:''; display:block;}
#header #primary_navigation.themed {    background-color: transparent;}
#header #headerInner #headerInnerLeft #logo a{line-height:41px; display:inline-block;padding:0 20px; color: #000;}
/*#header #top-search-wrp #headerSearchForm .rhs-search-input{color:#fff;}*/
#primary_navigation #primNavInner{position: relative;}
#header #top-search-wrp {top: -50px; float: none; display: inline-block; position: absolute; right: 0;} 
#primary_navigation li a, #primary_navigation li a:link, #primary_navigation li a:active, #primary_navigation li a:visited {color:#fff;}
#primary_navigation li { border-right: solid 1px #4A4A4A;}
#primary_navigation li.dd.prim-nav-hover a,
#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{color:#757575;}
#primary_navigation li.prim-nav-active a{color:#757575;}
#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.prim-nav-active span:after,
#primary_navigation li.dd a:active span:after {border-top: solid 5px #EF1209;}
#primary_navigation li.dd a span, #primary_navigation li.dd a:active span,
#primary_navigation li.dd a:visited span{ background: transparent url("/st_toolkit/common/images/framework/prim-nav-arrow-white.png") no-repeat right 8px; border-left:0;}
#primary_navigation li.dd.prim-nav-hover span,
#primary_navigation li.dd.prim-nav-active span{ background: transparent url("/st_toolkit/common/images/framework/prim-nav-arrow-dark.png") no-repeat right 8px;}
#header #top-search-wrp a#activateSearchForm {background: transparent url(/st_toolkit/common/images/icons/2015/search-icon-white.png) 0 0 no-repeat;}
#leftBanner,#rightBanner{float:left; display:inline-block;}
#leftBanner{width: 30%;}
#rightBanner{width:70%;}
#leftBanner .logo {vertical-align: top; width: 173px;    height: 69px;    background: url(../images/logo.png) no-repeat 0 0; display: inline-block;}
#logoSlogan {line-height:normal; color: #fff; font-size: 20px; width:100px;display: inline-block; border-left:solid 3px #fff; padding:10px 20px;}
#subscriptionWrp{padding:0;margin:0;    width: 400px;    float: right;}
#subscriptionWrp #leftSub,#subscriptionWrp #rightSub{display:table-cell;}
#subscriptionWrp #leftSub{background-color: rgba(204,0,0,0.4); color: #fff; vertical-align: middle;padding:20px; line-height: normal;}
#subscriptionWrp #leftSub #days{font-size: 30px;font-weight: bold;}
#subscriptionWrp #rightSub{width:120px;}
#banner {width:1200px; margin:0 auto; padding:0;height:120px;padding:80px 0;}
#learner-page .tiles-layout a.action.small:hover,#learner-page table.data td a.action.small:hover,#learner-page a.action.small:hover,
#learner-page input.btn:hover { background-color: #cc0000 !important;color:#fff!important;}
    #collapsible-search input.btn.search:hover, #collapsible-search input.btn.clear-fields:hover,
.tiles-layout a.action.small:hover span, table.data td a.action.small:hover span, a.action.small:hover span{color:#fff!important;}
.homepagewidget #more-onavd a#more-onav {background-color:#FFF;}

 #learner-page a.action.small.primary, #learner-page a.action.small.primary:hover{
    background-color: #cc0000 !important; }
#learner-page a.action.small.primary span, #learner-page a.action.small.primary:hover span{color:#fff!important; padding:0 40px!important;}
.tiles-layout.one-col-tiles {min-height:300px;}
.tiles-layout.one-col-tiles .tiles-title {min-height:65px;}
.tiles-layout.one-col-tiles .tiles-title a.tiles-title {display:inline; overflow: hidden; width: 90%; display: inline-block; white-space: normal; overflow: visible; text-overflow: unset;}


#footer{background-color:#1a1a1a;}
#footer #footerInner #footer_links{float:right;}
#footer #footerInner #footer_links li.footer-logo{float:right;}
#footer #footerInner #footer_links li.footer-logo img { width: 116px;height: 32px; background: url(../images/summit.png) no-repeat 0 0;}
#footer #footerInner #footerRight { float: left;}
/*   Support menu  */
#leftColumn,#rightColumn{float:left;}
#leftColumn {width:25%;}
#rightColumn{width:73%;margin-left:2%;}
#supportLinks {list-style: none;padding:0; margin:0;}
#supportLinks li a.supportlnk{padding:20px;display: block; background-color: #fff; color:#3a3632; text-align: center; text-decoration: none;
 -webkit-box-shadow: 0 0px 0px #000; -moz-box-shadow: 0 0px 0px #000;    box-shadow: 0 0px 0px #000;}
#supportLinks li a.supportlnk:hover{color:#fff; background-color: #cb2026;
 -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
 -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.4);    box-shadow: 0 2px 10px rgba(0,0,0,0.4);}

.icon.self-paced.small{background:transparent url(../images/icons/icon-self-paced-small.png) no-repeat center center;}
.tiles-layout .icon.self-paced.small{background:transparent url(../images/icons/icon-self-paced-large.png) no-repeat center center;background-size: contain;}
.icon.self-paced.large{background:transparent url(../images/icons/icon-self-paced-large.png) no-repeat center center;background-size: contain !important;}

.icon.scheduled.small{background:transparent url(../images/icons/icon-scheduled-small.png) no-repeat center center;}
.tiles-layout .icon.scheduled.small{background:transparent url(../images/icons/icon-scheduled-large.png) no-repeat center center;background-size: 34px;}
.icon.scheduled.large{background:transparent url(../images/icons/icon-scheduled-large.png) no-repeat center center;background-size: 34px !important;}

.icon.virtual.small{background:transparent url(../images/icons/icon-virtual-small.png) no-repeat center center;}
.tiles-layout .icon.virtual.small{background:transparent url(../images/icons/icon-virtual-large.png) no-repeat center center;background-size: contain;}
.icon.virtual.large{background:transparent url(../images/icons/icon-virtual-large.png) no-repeat center center;background-size: contain !important;}

.icon.modality-ES.small{background:transparent url(../images/icons/icon-modality-VC-small.png) no-repeat center center;}
.tiles-layout .icon.modality-ES.small{background:transparent url(../images/icons/icon-modality-VC-large.png) no-repeat center top;background-size: 34px;}
.icon.modality-ES.large{background:transparent url(../images/icons/icon-modality-VC-large.png) no-repeat center center;background-size: 34px !important;}

.icon.modality-VC.small{background:transparent url(../images/icons/icon-modality-ES-small.png) no-repeat center center;}
.tiles-layout .icon.modality-VC.small{background:transparent url(../images/icons/icon-modality-ES-large.png) no-repeat center center;background-size: 34px;}
.icon.modality-VC.large{background:transparent url(../images/icons/icon-modality-ES-large.png) no-repeat center center;background-size: 34px !important;}

.icon.modality-R.small{background:transparent url(../images/icons/icon-modality-R-small.png) no-repeat center center;}
.tiles-layout .icon.modality-R.small{background:transparent url(../images/icons/icon-modality-R-large.png) no-repeat center center;background-size: 34px;}
.icon.modality-R.large{background:transparent url(../images/icons/icon-modality-R-large.png) no-repeat center center;background-size: 34px !important;}

.icon.modality-EX.small{background:transparent url(../images/icons/icon-modality-EX-small.png) no-repeat center center;}
.tiles-layout .icon.modality-EX.small{background:transparent url(../images/icons/icon-modality-EX-large.png) no-repeat center center;background-size: 34px;}
.icon.modality-EX.large{background:transparent url(../images/icons/icon-modality-EX-large.png) no-repeat center center;background-size: 34px !important;}

.icon.modality-RC.small{background:transparent url(../images/icons/icon-modality-RC-small.png?3) no-repeat center center;border-radius: 0;}
.tiles-layout .icon.modality-RC.small{background:transparent url(../images/icons/icon-modality-RC-large.png?3) no-repeat center center;background-size: 34px;border-radius: 0;}
.icon.modality-RC.large{background:transparent url(../images/icons/icon-modality-RC-large.png?3) no-repeat center center;background-size: 34px !important;border-radius: 0;}

.icon.modality-SN.small{background:transparent url(../images/icons/icon-modality-SN-small.png?3) no-repeat center center;border-radius: 0;}
.tiles-layout .icon.modality-SN.small{background:transparent url(../images/icons/icon-modality-SN-large.png?3) no-repeat center center;background-size: 34px;border-radius: 0;}
.icon.modality-SN.large{background:transparent url(../images/icons/icon-modality-SN-large.png?3) no-repeat center center;background-size: 34px !important;border-radius: 0;}

.icon.modality-K.small{background:transparent url(../images/icons/icon-modality-K-small.png?3) no-repeat center center;border-radius: 0;}
.tiles-layout .icon.modality-K.small{background:transparent url(../images/icons/icon-modality-K-large.png?3) no-repeat center center;background-size: 34px;border-radius: 0;}
.icon.modality-K.large{background:transparent url(../images/icons/icon-modality-K-large.png?3) no-repeat center center;background-size: 34px !important;border-radius: 0;}

.icon.modality-OS.small{background:transparent url(../images/icons/icon-modality-OS-small.png?3) no-repeat center center;border-radius: 0;}
.tiles-layout .icon.modality-OS.small{background:transparent url(../images/icons/icon-modality-OS-large.png?3) no-repeat center center;background-size: 34px;border-radius: 0;}
.icon.modality-OS.large{background:transparent url(../images/icons/icon-modality-OS-large.png?3) no-repeat center center;background-size: 34px !important;border-radius: 0;}


.tiles-layout.one-col-tiles .tiles-img .icon.self-paced {background:url(../images/icons/bigtile-self-paced-default.jpg) no-repeat center center;}
.tiles-layout.one-col-tiles .tiles-img .icon.scheduled {background:url(../images/icons/bigtile-scheduled-default.jpg) no-repeat center center;}
.tiles-layout.one-col-tiles .tiles-img .icon.virtual {background:url(../images/icons/bigtile-virtualclass-default.jpg) no-repeat center center;}
.tiles-layout.one-col-tiles .tiles-img .icon.modality-ES {background:url(../images/icons/bigtile-modality-VC-default.jpg) no-repeat center center;}
.tiles-layout.one-col-tiles .tiles-img .icon.modality-VC {background:url(../images/icons/bigtile-modality-ES-default.jpg) no-repeat center center;}
.tiles-layout.one-col-tiles .tiles-img .icon.modality-R {background:url(../images/icons/bigtile-modality-R-default.jpg) no-repeat center center;}
.tiles-layout.one-col-tiles .tiles-img .icon.modality-EX {background:url(../images/icons/bigtile-modality-EX-default.jpg) no-repeat center center;}
.tiles-layout.one-col-tiles .tiles-img .icon.modality-RC {background:url(../images/icons/bigtile-modality-RC-default.jpg?3) no-repeat center center;}
.tiles-layout.one-col-tiles .tiles-img .icon.modality-SN {background:url(../images/icons/bigtile-modality-SN-default.jpg?3) no-repeat center center;}
.tiles-layout.one-col-tiles .tiles-img .icon.modality-K {background:url(../images/icons/bigtile-modality-K-default.jpg?3) no-repeat center center;}
.tiles-layout.one-col-tiles .tiles-img .icon.modality-OS {background:url(../images/icons/bigtile-modality-OS-default.jpg?3) no-repeat center center;}


.tiles-layout .icon.modality-ES.small.completed,
.tiles-layout .icon.modality-VC.small.completed,
.tiles-layout .icon.modality-R.small.completed,
.tiles-layout .icon.modality-EX.small.completed {position: relative;}

.tiles-layout .icon.modality-ES.small.completed:before,
.tiles-layout .icon.modality-VC.small.completed:before,
.tiles-layout .icon.modality-R.small.completed:before,
.tiles-layout .icon.modality-EX.small.completed:before {
    content: '';
    display: inline-block;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url(/st_toolkit/common/images/icons/2015/icon-tick-small.png) no-repeat center center;
    z-index: 1;
    border: solid 1px transparent;
}
.tiles-layout .icon.modality-ES.small.completed:after,
.tiles-layout .icon.modality-VC.small.completed:after,
.tiles-layout .icon.modality-R.small.completed:after,
.tiles-layout .icon.modality-EX.small.completed:after{
    content: '';
    display: inline-block;
    height: 18px;
    width: 18px;
    border-radius: 9px;
    background-color: #3baf85;
    position: absolute;
    right: 0;
    top: 0;
    border: solid 1px #fff;
}
span.rolemandatory img, span.mandatory.role img,
.mand-legend span.mandatory.role img {    background: url(../images/icons/icon-rolemandatory.png) no-repeat 0 0; width:13px; height:18px;}
/*.tiles-layout.one-col-tiles .tiles-img .icon.learning-path {background:url(../images/tiles-images/bigtile-learningpath-default.jpg) no-repeat center center;}*/
.tiles-layout dl.tiles-content dd ul li.label-value.togglecourse{float:right; margin-right: 0; padding-right: 15px; background:url("/st_toolkit/common/images/framework/prim-nav-arrow-dark.png") no-repeat right center;}

/* Admin Page */
/*#admin-page #header #logo img {background: url(../images/logo-admin.png) no-repeat scroll 0 0 transparent !important; height: 41px !important; margin: 18px 40px 5px 25px;}*/
 /* ---- Login ----*/
 .XLR8LOGINLOGIN #header {background-color: transparent; visibility:visible; display:block;}
 .XLR8LOGINLOGIN #login-page{width: 60%; right: 20%; top: 370px; position: unset; margin:0 auto;}
 .XLR8LOGINLOGIN #bodycontent {background-image: none;}
 .XLR8LOGINLOGIN,
 .XLR8LOGINLOGIN #learner-page {background-color: #f3f3f3; background-image: none;}
 .XLR8LOGINLOGIN #footer{background-color: #1a1a1a;}
 .XLR8LOGINLOGIN #footer #footerInner {width:1200px;}
 .XLR8LOGINLOGIN #learner-page {background:#f3f3f3;}
 .XLR8LOGINLOGIN #footer #footerInner #footer_links li, .XLR8LOGINLOGIN #footer #footerInner #footerRight li {  color: #fff;}
 .XLR8LOGINLOGIN #footer #footerInner #footerRight li a, .XLR8LOGINLOGIN #footer #footerInner #footer_links li a { color: #ffffff;}
 #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 {font-size:100%; color: #045fab;}

/* Portrait */
@media only screen and (max-device-width: 768px){
    #banner {width:768px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
    #banner {width:980px;}
    #leftBanner { width: 40%;}
    #rightBanner { width: 60%;}
    #primary_navigation ul {width:760px; display: inline-block;}
}