@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic|PT+Mono');
/* Standard CSS Colors */
:root {
    --css-light-blue:  #00b6de;
    --css-blue:        #0076c0; /* primary blue - used on page header */
    --css-medium-blue: #24408e;
    --css-dark-blue:   #06357a;
    --css-light-teal:  #6cbcc8; /* Talent */
    --css-teal:        #0099b0; /* Talent */
    --css-orange:      #c9521a;
    --css-light-grey:  #e8e5e2;
    --css-grey:        #4d4d4d;
    --css-dark-grey:   #505352; /* Talent */
    --css-gold:        #ccb577;
    --css-light-gold:  #f5f1e7;
    --css-light-green: #8dc63f; /* UYC */
}

#fancybox-frame { background: url(/images/progressbar.gif) 50% 50% no-repeat; }

/* resets */
html { color:#000; background:#FFF !important;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style:inherit; font-weight:inherit; }
a img { border:none; }
del, ins { text-decoration:none; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
legend { color: #000; }
input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
body { font:13px/1.231 arial, helvetica, clean, sans-serif; }
select, input, button, textarea, button { font:99% arial, helvetica, clean, sans-serif; }
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; line-height:100%; }
body { text-align:left; }

html, body, form {  }

#pageWrap { min-height: 100%; }
.personabar-visible #pageWrap {
    /*width: calc(100% - 80px);
    margin-left: 80px;*/
}
.personabar-visible iframe#launcher {
    left: 300px !important;
}
#main { padding-bottom: 300px;}  /* must be same height as the footer */
#footerWrap { position: relative; clear:both;} 
/*Opera Fix*/
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }
/* END Sticky footer */

/* clearfix */
.clearfix:after {content: ".";display: table;height: 0;clear: both;visibility: hidden;}.clearfix {display: inline-block;}/* Hides from IE-mac \*/ * html .clearfix { height: 1%;}.clearfix {display: block;}/* End hide from IE-mac */

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */
/* End clearfix */

/* Layout Styles */
#Body, form, body { min-height:100%; height:98.5vh; }
#Body { background: #ffffff; }
html { }
iframe #Body { background: none !important; }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#cookieAgreementBtn {
    padding: 2px 8px;
    margin: 5px 0 0;
    background: #fff;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    float: left;
    border: 1px solid #fff;
    border-radius: 4px;
}

#cookieAgreement {
    position: fixed;
    top: 20%;
    width: 35%;
    background: #006abf;
    color: #fff;
    padding: 20px;
    left: 32.5%;
    z-index: 999;
    line-height: 28px;
    border: 1px solid #ccc;
    border-radius: 14px;
}
#cookieAgreement span {
    display: block;
}

#pageWrap { position:relative; min-height: 100%; }

.subpage-skin #header, .fullwidth-skin #header {
    color: white;
    background-color: #0076C0; /* CSS blue */
}
    .navbar .btn-navbar { margin: 3px; padding: 7px; }
	#logoWrap { margin: 10px 20px 10px 0; display: inline-block; width: 130px; }
	#dnn_dnnLOGO_hypLogo { display: inline-block; width: 100%; }
	#navWrap { background:#5a5b5c; }
    #loginBarWrap a { color: #fff; text-decoration:none; padding: 1px 7px; border: 1px solid #fff; border-radius: 4px; font-size: 12px; margin: 5px 0 5px 5px; display: inline-block; }
    #loginBarWrap a .icon { display: none; }
    #header .icon { vertical-align: middle; margin: 0; }
    #loginBarWrap a:hover { text-decoration:none !important; }
	#headerWrap { clear:both; background-size: 100% auto; position:relative; }
        
    #headerWrapInner { padding: 0 10px; }
#headerWrapOuter-sticky-wrapper {
    height: 50px;
}
.personabar-visible #headerWrapOuter-sticky-wrapper.is-sticky #headerWrapOuter {
    width: calc(100% - 80px);
    z-index: 999999;
    left: 80px;
}
        #headerWrapOuter { width: 100%; z-index: 999999; position: sticky; top: 0; }
        #headerWrapOuter-sticky-wrapper.is-sticky { height: 50px; }
        #headerWrapOuter-sticky-wrapper.is-sticky #headerWrapOuter { background: #2D363B; z-index: 999; }
        #headerWrapOuter-sticky-wrapper.is-sticky #logoWrap { vertical-align: top; display: inline-block; width: 130px; -moz-transition: width 0.3s ease-out; -webkit-transition: width 0.3s ease-out; transition: width 0.3s ease-out; -o-transition: width 0.3s ease-out; }
        #headerWrapOuter-sticky-wrapper.is-sticky #loginBarWrap { bottom: 6px; }
        #headerWrapOuter-sticky-wrapper.is-sticky #headerWrap { background: none; }
        #headerWrapOuter-sticky-wrapper.is-sticky .nav-collapse { display: inline-block; margin: 8px 0 0 -5px; }
        #headerWrapOuter-sticky-wrapper.is-sticky .megamenu li .sub { margin-left: -150px; }

        ul.megamenu li.level0 { margin-left: 15px !important; }
        ul.megamenu a.level0 { color: #444 !important; font-size: 13px; text-transform: uppercase; font-weight: 700; font-family: 'Open Sans', sans-serif; }
        ul.megamenu .sub ul li.subheader a { font-size: 20px; color: #444 !important; font-weight: bold; font-family: 'Roboto Condensed'; }

	.wide-pane { clear:both; }

	#breadcrumb { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: sticky; top: 50px; background: white; z-index: 999;}
	#breadcrumbWrap { clear:both; }
    #breadcrumbInner { padding: 10px 10px 0; }
    .breadcrumb { background:white; padding:0; }
    #dnn_dnnBreadcrumb_lblBreadCrumb { display: inline-block; margin-bottom: 10px; }


		#loginBarWrap { text-align:right; }
		.rc-home { display: none; }
	.header-pane { clear:both; }
	.public #pagetitle { background: #fff url(images/header-top-shadow.png) repeat-x; margin-bottom: 25px; }
	    .public #pagetitleInner { /* background: url(images/header-bottom-shadow.png) repeat-x 0 100%; */ overflow: hidden; border-bottom: 1px solid #ccc; }
	#pagetitleWrap { margin-bottom: 10px; padding: 0 10px; }
    #contentWrap { padding: 0; }
	.public #pagetitleWrap { margin-bottom: auto; }
	    .page-icon { display:block;float:left;margin:25px 5px 5px 0; max-width:20%; }
	    .page-desc { display:none; }
	    .public .page-desc { display: inline-block; margin:0 0 20px; line-height:180%; }
	    .public #pageIcon { margin: 5px 0 0; max-height: 190px; }
	#content, #toppane { height: 100%; padding: 0 20px; }
	.main-content-pane { float:left; position: relative; }

	.home-skin .side-bar-pane { float:right; }
	.subpage-skin .sidebar-outer { float:right; }
		.subpage-skin .sidebar-outer .sidebar { min-height:10px; margin-bottom:-20px; }
		.subpage-skin .sidebar-outer .sidebar .side-bar-pane { min-height:300px;}
	.subpage-alt-skin .sidebar-outer { float:left; padding-right:25px; }
		.subpage-alt-skin .sidebar-outer .sidebar { padding-right:25px; min-height:10px;}
		.subpage-alt-skin .sidebar-outer .sidebar .side-bar-pane { padding-left:0; padding-right:25px; min-height:10px; }
		.subpage-alt-skin .main-content-pane { float:left; margin:0 0 0 30px; clear:none;}

#footerWrap { background:url(/Portals/_default/Skins/CSSB2B/images/footer-bg.jpg) repeat-x;} /* height set in Sticky footer settings at top of CSS */
	#innerFooter { height:125px; margin:0 auto; padding: 0 10px 10px 10px; position:relative;}
		.footer4 { float:right; }

#footerWrapSub {
    color: #000;
    background-color: #FFF;
    padding-bottom: 20px;
    border-top: 1px solid #ccc;
}

        #footer-sub-inner { padding: 0 10px; }
		#bottomLeft { bottom: 0; line-height:13px;}
		#bottomLeft br { display: none;}
		#dnn_dnnCOPYRIGHT_lblCopyright { margin-top:10px; margin-right: 20px;}
		.bottom-right-pane { text-align:right; bottom: 0; }
			.bottom-right-pane p { font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:500; line-height:46px; padding-bottom:0!important;}
				.bottom-right-pane p span { font-size:20px;}
                .bottom-right-pane .DNNLinks { margin-top: 10px; display: inline-block; font-size:12px; }

#footerLogoWrap {
    margin: 10px 20px 10px 10px;
    display: inline-block;
    width: 130px;
}

	
.paneOutline { border:none;}
.paneOutline center{ color:#FFF!important; background-color:#BCB1A0; margin:0 1px; }
.DNNEmptyPane { display:none !important; }

/* Container Styles */
.ContentBody[style] { padding: 15px !important; }
.ContentBody { position:relative; }
/* .DnnModule { z-index: auto; } */
.NormalContainer{ clear:both; padding-bottom: 0; margin-bottom: 20px; }
	.NormalContainer h1, .NormalContainer h2 { color:#4f585b; display:block; font-size:24px; line-height:150%; font-weight:bold; }
	#footerWrap  .NormalContainer h2 { color:#4f585b; height:auto; display:block; font-size:24px; padding-bottom:10px;text-shadow: black 0 1px -1px;}
	.footer1 h2, .footer2 h2, .footer3 h2, .footer4 h2 { text-shadow: black 1px 1px;}
	.container-fieldset { margin: 0; border-radius:6px; }
	.container-fieldset > legend { font-size:24px; font-weight:normal; font-family:Helvetica, Arial, sans-serif; color:#33393c; text-shadow: white 1px 1px; }
	.side-bar-pane h2 { font-size: 18px; line-height: 180%; }
	
/* No Title Container */
.no-title { padding-bottom: 0;}
.no-title .ContentBody { padding: 0; margin: 0 !important; }
.action-link { float:left; clear:both; }
.action-link input[type=image] { vertical-align: middle; }

/* Icon Container */
.IconContainer .header-icon { width:10%; float:left;}
.IconContainer h2 { float:right; margin-bottom:10px; width:87%; }
.IconContainer .ContentBody { float:right; width:87%; }

/* Dark Box Container */
.DarkBoxContainer { background: #d4d3d1; border: 1px solid #999; padding: 10px; border-radius: 6px; }
    .DarkBoxContainer h2 { margin: 0 0 10px 0; padding-bottom: 0; }
	
/* Light Box Container */
.LightBoxContainer { background-color: white; border: 1px solid whitesmoke; padding: 10px; border-radius: 6px; min-height: 200px;}
.LightBoxContainer h2 { 
    margin: 0; 
    padding-bottom: 0;
    top: -7px;
    position: relative;
    font-size: 29px;
    font-weight: normal;
    line-height: normal;
}

/* Standard Styles */
h1 { font-size:35px; font-family:Helvetica, Arial, sans-serif; color:#4f585b; text-shadow: white 1px 1px; font-weight:bold; }
	h1.page-title { clear:both; margin: 10px 0 0; font-size:32px; color:#4f585b; text-shadow: white 1px 1px; display: inline-block; line-height: 100%; font-weight:bold; }
	.public h1.page-title { margin:30px 0 20px; }
h2 { font-size:22px; font-weight:normal; font-family:Helvetica, Arial, sans-serif; color:#33393c; text-shadow: white 1px 1px; }
	#footerWrap h2, #footerWrap h2 .Head { font-size:20px; color:#FFF!important; text-shadow: black 0 1px -1px !important;}
h3 { font-size:18px; font-weight:normal; font-family:Helvetica, Arial, sans-serif; color:#33393c;}
h4 { font-size:16px; font-weight:normal; font-family:Helvetica, Arial, sans-serif; color:#33393c;}
h5 { font-size:14px; font-weight:normal; font-family:Helvetica, Arial, sans-serif; color:#33393c;}
h6 { font-size:12px; font-weight:normal; font-family:Helvetica, Arial, sans-serif; color:#33393c;}
.subhead { margin-top:20px; width:100%; float:left;}

body, .Normal, .NormalBold, .normal, pre  { font-family:Helvetica, Verdana, Geneva, sans-serif; font-size:14px; line-height:150%; color:#33393c;}
	#footerWrap .Normal { color:#ece9e3; font-size:11px;}
	#footerWrap .footer4 .Normal { color:#ece9e3;}
p { padding-bottom:20px;}
	#footerWrap p { padding-bottom:10px;}
.Head { font-family: Helvetica, Arial; font-size: 14px; font-weight: bold; color: #333; }
.SubHead { font-family: Helvetica, Arial; font-size: 11px; font-weight: bold; color: #333; }
	
strong, b { font-weight:700;}
em, i { font-style:italic;}
pre  { font-family:Verdana, Geneva, sans-serif; font-size:13px!important; line-height:150%!important; color:#262626; white-space:normal; padding:0 0 20px 60px;}
.indented-text { padding-left:60px;}
select { max-width: 60%; }

a { text-decoration:none; color:#2B8DCC; }
a:link, a:visited, .Normal a:link, .Normal a:visited { color:#0077c1; text-decoration:none; }
a:focus { outline: none; }
	.Normal a:hover, a:hover { color:#333; text-decoration:underline;}
	.Normal a:active, a:active { color:#000; text-decoration:underline;} /* pushes link down on click to resemble a button */
.DNNLinks { color:#6d6d6d!important; font-size:11px;}
.ContextLinks { color:#FFF!important;}
.licensing { color:#C69A1F; font-weight:700; padding-bottom:5px;}
.read-more { text-align:right; padding-right:20px; text-decoration:none; display:block;}
	.read-more:hover { color:#333!important;}
	.read-more:before{ content:"\00BB \00A0 "; color:#333;}
h2 a { text-decoration:none!important;}
h2 a:hover { text-decoration:underline!important;}

body:not([id]) ul, body:not([id]) ol { margin-left: 25px !important; }
body:not([id]) ul li { list-style-type: disc !important; }

ul {margin-left: 20px;}
ul li{list-style-type:inherit;}
	ul li li{list-style-type:disc;}
		ul li li li{list-style-type:circle;}
ol li{list-style-type:decimal;}
	ol ol li{list-style-type:lower-alpha;}
		ol ol ol li{list-style-type:lower-roman;}
ol ul li{list-style-type:disc;}
.Normal ul, .Normal ol { margin: 0; padding: 0;} /* resets list margin and padding across browsers */
	.Normal li { margin-left: 30px; padding: 0;} /* resets list margin and padding across browsers and sets list item height */
		.Normal ul li { list-style:disc;}
			.Normal ul li ul, .Normal ul li ol { margin:0; padding: 0;} /* indents sub list */
			.Normal li li { margin:0 0 0 30px; padding: 0;} /* indents sub list */
				.Normal ul li li { list-style:circle;}

table td{ padding:4px;} /* reapplies padding from reset styles */

fieldset { border:1px dotted #CCC; padding:15px; }
	legend { font-size:150%;}

.NormalTextBox {
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    background: #fffff5;
    -moz-box-shadow: inset 0 0 3px 3px #fffbe1;
    -webkit-box-shadow: inset 0 0 3px 3px #fffbe1;
    box-shadow: inset 0 0 3px 3px #fffbe1;
    border-color: #bcb691;
    border-width: 1px;
    margin: 0;
    width: inherit;
    font-family: Helvetica,Arial,Verdana,sans-serif;
}
input[type=radio] { border:none; background:none; min-height: inherit; box-shadow:none; }
input[type=image] { padding:0; margin:0; vertical-align: middle; border:none; }
input[type=submit], input[type=button] {
	cursor: default; background-color: #E7E5E2;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
	background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
	border: 1px solid gainsboro; border: 1px solid rgba(0, 0, 0, 0.1);
	color: #444; font-size: 11px; font-weight: bold; height: 29px; line-height: 27px;
	margin: 0 8px 0 0; padding: 0 8px; border-image: initial; }
input:focus, select:focus { outline: 0; }
input[type=submit]:not(.rdpPageNext):not(.rdpPagePrev):not(.ruButton):active, 
input[type=button]:not(.rdpPageNext):not(.rdpPagePrev):not(.ruButton):active {
	cursor: default; background-color: #E7E5E2; position:relative; top:1px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
	background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
	border: 1px solid gainsboro; border: 1px solid rgba(0, 0, 0, 0.1);
	color: #444; font-weight: bold; border-image: initial; }
input[type=submit]:not(.rdpPageNext):not(.rdpPagePrev):not(.ruButton):focus { outline: 0; }
input[type=submit]:not(.rdpPageNext):not(.rdpPagePrev):not(.ruButton):hover, 
input[type=button]:not(.rdpPageNext):not(.rdpPagePrev):not(.ruButton):hover {
    cursor: pointer; background-color: #F8F8F8;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); 
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 1px solid #C6C6C6; color: #333; border-image: initial; }
input[type=submit].aspNetDisabled, input[type=button].aspNetDisabled, 
input[type=submit][disabled=disabled], button[disabled=disabled] { color: #ccc; }

.blank-skin .dnnActionMenuBorder { padding:0; width:98%; }

.RadComboBox { max-width: 250px !important; }
.dnnControlPanel { min-width: 95% !important; width: 95% !important; }
#ControlBar_ControlPanel * { box-sizing: content-box; }
.dnnGrid *, .dnnDropDownList *, .dnnModuleDigitalAssetsBackground * { box-sizing: content-box; }

.ui-progressbar {  }

.dnnFormItem > label, .dnnFormItem .dnnFormLabel, .dnnFormItem .dnnTooltip, .dnnFormItem .dnnLabel { display: block; width: 30%; text-align: left; margin-right: 16px; font-weight: bold; float: left; }
input.dnnFormRequired, textarea.dnnFormRequired, select.dnnFormRequired, p.dnnFormRequired span { border-left: 5px #F00 solid !important; }

ul.dnnAdminTabNav { border-radius: 0 !important; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.ui-tabs-vertical .dnnAdminTabNav { margin-top: 0; }
    .ui-tabs-vertical .dnnAdminTabNav > li > a { border: 0; margin-top: 0; text-align: left; position: relative; }
    .ui-tabs-vertical li { margin-top: 0; margin-right: 0 !important; }

.dnnFormPopup .dnnDialog { padding: 10px 0; }
.dnnFormPopup .ui-dialog-buttonpane button { margin: 0.5em 0.8em 0.5em 0em; }
.dnnFormPopup .ui-resizable-se { position: absolute; right: 10px; bottom: 10px; }
.dnnDialog { padding: 10px 10px 0 10px; }
.dnnDialog p:last-child { padding-bottom: 0; }
.ui-dialog-titlebar-close span { background: none; }
.dnnFormPopup .ui-dialog-titlebar { height: 45px; 
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.dnnFormPopup .ui-dialog-buttonpane button { border: 1px solid #ccc; position:relative; top:0; padding: 0.1em 1em; }
.dnnFormPopup .ui-dialog-buttonpane button:active { border: 1px inset #ccc; position:relative; top:1px; }
.dnnFormPopup .ui-dialog-buttonpane button:hover { background: #999; color: #fff; }

.actionMenu * { box-sizing: content-box; }
.dnnActionMenuBorder { box-sizing: content-box; }
.dnnActionMenu { width:95px; right: 0; left: auto; }
    .right-of-icon .dnnActionMenu { top: -30px; }
    .side-bar-pane .dnnActionMenu { top: -30px; }
    .no-title .dnnActionMenu, .edit-container .dnnActionMenu { top: 0; }
    .IconContainer .dnnActionMenu { top: -40px; }
    .main-content-pane .dnnActionMenu { top: 0; }
    .fullwidth-skin .main-content-pane .dnnActionMenu { top: -30px; }
    .fullwidth-skin .main-content-pane .no-title .dnnActionMenu { top: 0; }
    .fullwidth-skin .main-content-pane .edit-container .dnnActionMenu { top: 0; }
    
.dnnActionMenuTag { cursor: move; height: 28px; }
.dnnForm fieldset legend { font-family: Helvetica, Arial; font-size: 24px; position: relative; padding: 0 .5em; font-weight: normal; color:#999; }
.dnnFormMessage{
	display:block;
	padding:17px 18px;
	border:1px solid rgb(47,170,247);/* blue */
	background:rgb(47,170,247);/* blue */		
	-webkit-border-radius: 3px;
	border-radius: 3px;
	max-width: none;
	margin: auto auto 1.5em;
	color: #fff !important;
	text-shadow: none;
}
.dnnFormMessage a {
    color: #fff !important;
}
.dnnFormMessage span { text-shadow: none; }
.dnnFormMessage.dnnFormError, 
.dnnFormMessage.dnnFormValidationSummary{
	background-color:rgb(247,75,47); /* red */
	border-color:rgb(247,75,47); /* red */
}
.dnnFormMessage.dnnFormWarning{
	background-color:rgb(248,203,47); /* yellow */
	border-color:rgb(248,203,47); /* yellow */
    color: #424242 !important /* gray */
}
.dnnFormMessage.dnnFormWarning a {
    color: #424242 !important;
    text-decoration: underline;
}
.dnnFormMessage.dnnFormSuccess{
	background-color:rgb(126,183,46); /* green */
	border-color:rgb(126,183,46); /* green */
}
.dnnFormMessage.dnnFormInfo{
	background-color:rgb(47,170,247); /* blue */
	border-color:rgb(47,170,247); /* blue */
}

.dnnFormInfo, .dnnFormSuccess, .dnnFormWarning, .dnnFormError, .dnnFormValidationSummary { color: #fff; }
.dnnFormExpandContent { top:5px; z-index: 999; display:none; }
ul.dnnActions { width:100%; display: inline-block; }
ul.dnnActions li { margin-right:10px !important; overflow: visible; }
h2.dnnFormSectionHead { margin: 0 auto 0; padding-bottom:0 !important; position:relative; line-height:150%; font-size: 24px; font-family: Helvetica, Arial, sans-serif; text-shadow: white 1px 1px; font-weight:normal !important; background-color: #f7f7f7; }
h2.dnnFormSectionHead a, h2.dnnFormSectionHead a:hover { color: #666 !important; letter-spacing: 0 !important; text-decoration:none !important; font-weight:bold !important; background-position: 99% 50% !important; padding: 0 0 0 8px; }
.DNNTree img { vertical-align: middle; }
.FileManagerTreeNode { margin:0 5px; }
.dnnModuleAuditControl { width: auto; margin: -50px auto 0; float: right; text-align: right; }
.dnnModuleAuditControl p { padding-bottom:0 !important; }
.dnnFormItem label, .dnnFormItem .dnnFormLabel, .dnnFormItem .dnnTooltip { font-weight:normal;  }
.dnnFormItem > div { display: inline-block; max-width: 65%; }
div[id$=DivRichTextBox] > div, .dnnFormItem > .dnnTextEditor { max-width: none; }
.dnnTextPanelView { height: initial !important; }
    .dnnTextPanelView .dnnLabel { display: none; }
.dnnFormItem .dnnLabel { width: 30%; }
div.dnnFormRadioButtons, div.dnnHSRadioButtons, span.dnnFormRadioButtons, span.dnnHSRadioButtons { padding: 0; margin: 0; }
.dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction, .dnnLogin .LoginTabGroup span { 
	display:inline-block;
	padding:9px 9px;
	/*margin-bottom:9px;*/
	cursor: pointer; 
	min-width:75px;
		
	overflow: visible;
	border:1px solid #c2c2c2;
	background:#eaeaea;
	-webkit-border-radius: 3px;
	border-radius: 3px;
		
	color:#333;
	font-size: 12px;
    font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-decoration:none !important;
	text-align:center;
}
.dnnTertiaryAction, a.dnnTertiaryAction {
    background: forestgreen;
	color:#efefef !important;
	text-shadow: none !important;
	filter: none !important;
    padding: 0 1.2em;
    line-height: 2.5;
}
.dnnTertiaryAction:hover, a.dnnTertiaryAction:hover {
    background: forestgreen;
}
.dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea { max-width: none; margin-bottom: initial; font-size: 99%; padding: 5px; }
.dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnFormItem input[type="submit"],
.dnnPrimaryAction, 
.dnnSecondaryAction, 
.dnnTertiaryAction{ padding: 6px 6px; }
.dnnForm .dnnFormItem { padding: 10px 5px; clear: both; min-height: 2em; text-align: left; position: relative; display: inline-block; }
    .dnnForm .dnnFormItem:not(:last-of-type) { border-bottom: 1px dotted #ccc; }
    .dnnFormItem:first-of-type { padding-top: 0; }
    .dnnFormItem:last-of-type { padding-bottom: 0; }
.dnnFormItem input[type="text"], .dnnFormItem textarea {  }
.dnnFormItem input, .dnnFormItem input[type="text"], .dnnFormItem input[type="email"], .dnnFormItem .dnnFormInput, .dnnFormItem textarea, .dnnFormItem select {
    float: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    background: #fffff5;
    -moz-box-shadow: inset 0 0 3px 3px #fffbe1;
    -webkit-box-shadow: inset 0 0 3px 3px #fffbe1;
    box-shadow: inset 0 0 3px 3px #fffbe1;
    border: 1px solid #bcb691;
    margin: 0;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    max-width: 65%;
    width: initial;
}
.dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active,
.dnnSecondaryAction[disabled], .dnnSecondaryAction[disabled]:hover, .dnnSecondaryAction[disabled]:active { cursor: not-allowed; }
input[type=image] {
max-width: initial;
background: none;
border: 0;
padding: 0;
box-shadow: none;
}
	
/* Primary Action */
	
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, 
a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
	border-color: #267CE0 !important;
	background:#267CE0 !important;
		
	-o-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
		
	color:#efefef !important;
	text-shadow: none !important;
	filter: none !important;
    padding: 0 1.2em;
    line-height: 2.5;
}
	
.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover{
	border-color:#267CE0 !important;
	background: #267CE0 !important;
	color:#fff !important;
} 
	
.dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active{
	border-color:#004697 !important;
	background: #267CE0; 
		
	-o-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
		
	color:#fff;
} 
	
.dnnPrimaryAction[disabled]:link, .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active
{
    background:#ccc !important;
	border: none !important;
	-o-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
        
    color: #aaa !important;
    text-shadow: none;
}
    
/* Secondary Action */
.dnnFormItem button, .dnnFormItem input[type="button"], 
.dnnFormItem input[type="reset"], 
.dnnSecondaryAction, 
a.dnnSecondaryAction,
.dnnLogin .LoginTabGroup span{
	background: #CCCCCC !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
		
	text-shadow:none !important;
	color:#555 !important;
    padding: 0 1.2em;
    line-height: 2.5;
}
.dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover, 
	.dnnFormItem input[type="reset"]:hover, 
	.dnnSecondaryAction:hover, 
	a.dnnSecondaryAction:hover, 
	ul.dnnAdminTabNav li a:hover,
	.dnnLogin .LoginTabGroup span:hover{
		background: #CCCCCC !important;		
		color:#000 !important;
}
ul.dnnAdminTabNav { height: initial; }
ul.dnnAdminTabNav li a { text-shadow: none; letter-spacing:0; }
	
.value-points .img-left { clear:both;}
.value-points h3 { float:left; font-size:300%; width:500px;}
.value-points p { float:left; width:500px; padding-bottom:40px;}

/* Footer Social Icons */
.Normal .footer-social-icons { margin:15px 0 0!important; padding:0!important;}
	.Normal .footer-social-icons li { float:left; list-style:none; margin:0 5px 0 0; padding:0;}
	.Normal .footer-social-icons .last { margin-right:0;}

/* sidebar icon list */
.sidebar-icons { margin:0; padding:0;}
	.sidebar-icons li { list-style:none; padding:0; margin:0 0 21px 0; background:url(images/sidebar-list-bg.jpg) bottom no-repeat; clear:both;}
		.sidebar-icons li a { text-decoration:none!important; display:block; width:262px; height:47px; padding-top:12px; font-size:10px; color:#9b9b9b!important;}
			.sidebar-icons li a img {  margin:-14px 10px 0 8px; float:left;}
			.sidebar-icons li a span { font-family:Verdana, Geneva, sans-serif; font-size:22px;}

/* About Overview */
.about-img { background:url(/portals/7/images/header-about.jpg) no-repeat; background-size: 100%; }

/* About > Values */
.three-column-wrap h3 { margin-top:10px; height: 40px; clear:both;}
.three-column-wrap .first-column, .three-column-wrap .second-column { width:31%; float:left; margin-right:3.5%;}
.three-column-wrap .third-column { width:31%; float:left;}

/* About > Our People */
.people-item { display:inline-block; vertical-align:top; }
.people-view { float:left; width:145px; margin-right:2px; }
	.people-img-link { display:block; padding:4px 0 0; text-align:center; width:90%; text-decoration:none!important; position:relative; z-index:1; line-height:100%; }
        .people-img-link div { border: 1px solid #ccc; padding: 4px 2px; background:#eee; margin:0 0 5px; }
	    .people-img-link div:after { z-index: -1; position: absolute; content: ""; bottom: 30px; left: auto; right:10px; width: 80%; top: 60%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); }
		.people-img-link img { width:95%; }
	.people-view p { margin: 5px 0; }
	.people-name { display:block; font-family: Helvetica, Arial; font-size: 18px; color: #777; font-weight:bold; }
	.people-name span{ padding-right:5px;}
	.people-title { display:block; font-weight:700; font-size:95%;}
	.people-email { display:block; font-size:90%;}
	.people-phone { display:block; font-size:90%; font-weight:700;}
	.social-links [class^="icon-"] { width: auto !important; height: auto !important; }
.people-hidden { width:400px; padding:18px;}
	.people-hidden .left-column { width:130px; float:left;}
		.people-img img, .people-img canvas { padding:2px; background:#FFF; width:120px !important; }
	.people-hidden .social-links { display:inline-block; padding-bottom:0; }
	.people-hidden .phone { font-size:90%; display:inline-block; padding-bottom:0; }
	.people-hidden .qrcode { margin-left:-10px; }
	.people-hidden .right-column { width:253px; float:right;}
	.people-hidden .people-read-bio { clear:both; text-align:right; padding:10px 0 0!important;}
		.people-hidden .people-read-bio a { display:inline-block; line-height:22px; padding-right:25px; background:url(images/read-more-arrow.jpg) right no-repeat;}
		.people-hidden span[id*='popName'] { font-size: 26px; color: #777; }
		.people-hidden span[id*='popTitle'] { font-weight: bold; font-size: 11px; color: #095BA6; }
		
/* How Clients See Us Video */
.clients-video { font-size:120%; line-height:150%; margin-top:10px;}
	.clients-video .img-right { margin:0 0 0 3px!important;}

/* About > Our People > Our People Detail pages */
.people-detail .left-column { float:left; width:23%; margin: 0 20px 20px 0;}
	.people-detail .left-column .people-detail-image { margin:5px 0; width:100% !important; }
	.people-detail .social-links, .people-detail .phone { padding-bottom:3px!important;}
	.people-detail .social-links a { padding-right:5px;}
.people-detail .right-column { width:70%;}
	.people-detail h4 { font-size:200%!important;}
	.people-detail .title { font-size:150%!important;}
	.people-detail .people-phone { font-size:100%!important;}
	.people-detail p:empty, .people-detail span:empty { display: none; }
	.people-detail #baseMoreDiv { margin:20px 0; }

/* Services > Performance > Measures of Performance */
.measures { width:420px;}

/* Services > Testimonials */
.testimonials-author { width:60%; text-align:left; padding: 0 0 10px 15px; line-height:150%; margin-top:-15px; float:left;}
.testimonials-author-right { width:85%; text-align:right; padding: 0 0 10px 25px; line-height:150%; margin-top:-15px; float:left;}
.testimonials-author a{ font-style:normal;}
.testimonials-link { width:30%; float:right; text-align:right;}

.testimonial { color:#6c6c6c; font-style:italic; line-height:26px;}
.testimonial-signature { text-align:right; font-size:11px;}

blockquote { margin: 15px 0 40px 0; padding: 0; color:#262626; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
blockquote.quote, blockquote.quote-right  { width: 85%; background-color:#DED9D3; padding: 25px; position: relative; }
blockquote.quote p, blockquote.quote-right p{ padding-bottom: 0;}
.quote .arrow, .quote-right .arrow-right { width: 0; height: 0; line-height: 0; position: absolute; bottom: -20px; border-top: 20px solid #DED9D3;}
.quote .arrow { border-right: 70px solid #00ff00; border-left: 10px solid #e7e5e2; left: 30px;}
.quote-right .arrow-right { border-left: 70px solid #e7e5e2; border-right: 10px solid #e7e5e2; right: 30px;}

.rmLink:hover { cursor: pointer!important; }

.footerMenu ul { margin: 0; padding: 0; float:left; position: relative; min-width: 130px; }
    .footerMenu li { padding-left:0!important; margin-left:0!important; list-style-type: none; list-style-position: outside; }
        .footerMenu li a { width:86px; margin:0 10px 0 0; color:#ece9e3; padding-left:0; line-height:20px; text-decoration:none!important; text-transform: uppercase; font-size: 10px; }
        .footerMenu li a:hover { border-bottom:1px dotted #CCC5B5; color: #CCC5B5; }

/* custom - pages */

/* online learning > how selling > self assessment */
.page_764 .sidebar-outer { display:none; }

/* services > training > coaching */
.page_650 #services .title { padding:20px; border-right:2px solid #666; text-align:right; width:30%; }
.page_650 #services .message { padding:10px 0 10px 20px; width:70%; }

/* services > training > dww */
.page_788 .course-outline { float:left; width:300px; margin-top:30px; }
.page_788 .course-outline li { list-style-type:none !important; margin-left:50px; font-size:12px; }
.page_788 .course-outline span { font-weight:bold;margin: 0 0 10px;display: inline-block; }

/* blogs */
.page_870 .DnnModule-1917 h2, .page_870 .DnnModule-1892 h2 { margin: 20px 0; display: block; font-size: 20px; }
.page_870 .blog-item { margin-bottom: 70px; vertical-align: middle; position: relative; }
.page_870 .blog-item img { margin: 20px 0; }
.page_870 .offset1.span7:before { content: ''; background: #999; width: 1px; height: 100px; position: absolute; left: 35%; top: -10%; }
@media (max-width: 767px) {
    .page_870 .offset1.span7:before { content: normal; }
}

/* services > tactics > inbound-marketing > inbound-marketing-forum-2012 */
.page_859 #countdown { color: white; width: 260px; overflow: hidden; text-align: center;  }
.page_859 #countdown p { background: #333; float: left; height: 45px; width: 65px; margin: 0; }
.page_859 #countdown p span  { display: block; font-size: 26px; font-weight: bold; padding: 15px 0 5px; }
.page_859 #countdown div.space { color: #ccc; display: block; line-height: 1.0em; font-size: 50px; float: left; height: 65px; width: 30px; }
.page_859 .coupon { color: #333 !important; font-size: 50px; font-weight: bold; }
.page_859 .multi_clock { border: 1px solid #666; color: #333; float: left; margin: 10px; padding: 5px; }
.page_859 pre {background-color: #eee; border: 1px solid #ccc; line-height: 1.4em; padding: 10px; margin: 0;}

/* services > tactics > inbound-services */
.page_936 .page-title { background-image: url(/portals/7/Images/services/inbound-marketing.png); background-size: 258px; background-repeat: no-repeat; background-position: 0 25px; position: relative; height: 12px; width: 400px; padding-top: 80px !important; }
.page_936 .heading { background: #4C5E6A; white-space: nowrap; color: white; }

/* general fixes */

a[href^=tel] { text-decoration: none; color: #fff; }
a.rmLink.rmRootLink[href$='login'] { display:none; }
img[id$='menuActionsImage'] { float: left; margin: 3px; }
.html_preview { position:relative; }
#register, #support { display:none; }
.reToolbarWrapper { height: auto !important; }

.rwStatusbarRow { display:none; }
.CommandButton { font-size: 12px; text-decoration: none !important; }
.blank-skin .DnnModule { padding: 15px; display:block; position:relative; }
.blank-skin h1, .blank-skin h2 { white-space: nowrap !important; }
.ControlPanel { border-right: 0 solid; border-top: 0 solid; border-left: 0 solid; border-bottom: #999 1px solid; }
.ControlPanel label, .ControlPanel span { padding:0 5px 0 0; }
.ControlPanel input { display: inline-block; vertical-align: middle; margin: 0 3px 3px; }
#dnnOtherTools { display: none; }
.PagingTable { background-color: inherit; border: none; height:auto; font-size:10px; }
.dnnForm { min-width:0 !important; }
.rlbButtonText { height: auto !important; }
body > form > .rcbSlide { position: relative; }

/* default container with icon (container) */
.container-icon { margin:5px 5px 0 0; float:left; max-width:40px; }
.right-of-icon { float:left; width:80%; clear:right; margin-top:3px; }
.header-list span, .sidebar-icons a span { font-family: Helvetica, Arial; }
.console-large h3, .console-small h3 { font-family: Arial !important; font-size: 11px; }

div[id*='_UP_Prog'], .RadAjax, .RadAjax .raDiv {
    position: fixed !important; /*use position:fixed for non IE-6*/
    top:0 !important; left:0 !important; width:100% !important; height:100% !important;
    z-index :1000001; text-align:center; background-color: #fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;
}
div[id*='_UP_Prog'] img { position:absolute !important; bottom:50%; left:50%; z-index :1000002; }
.RadAjax_Default .raDiv { background-image: url(/images/progressbar.gif) !important; background-repeat: no-repeat; background-position: 50% 50%; }
/*
.RadAjax .raDiv:before {
    content: " ";
    height:18px;
    width:18px;
    margin:-8px 10px;
    position:relative;
    -webkit-animation: progress-rotation .6s infinite linear;
    -moz-animation: progress-rotation .6s infinite linear;
    -o-animation: progress-rotation .6s infinite linear;
    animation: progress-rotation .6s infinite linear;
    border-left:6px solid rgba(9,118,188,.15);
    border-right:6px solid rgba(9,118,188,.15);
    border-bottom:6px solid rgba(9,118,188,.15);
    border-top:6px solid rgba(9,118,188,.8);
    border-radius:100%;
    display: inline-block;
}
.RadAjax .raDiv:after {
    content: "Loading...";
}
*/
@-webkit-keyframes progress-rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} }
@-moz-keyframes progress-rotation { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);} }
@-o-keyframes progress-rotation { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);} }
@keyframes progress-rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} }



#toggleMenu { display:none; }

.services-overview { background:#E7E5E2 url(/Portals/7/images/services/talent_climber.gif) left top no-repeat ; padding-left:200px}

.sm-badges:hover { border: none !important; color: inherit !important; }
.sm-badges:before { content: " "; width: 40px; height: 40px; display: inline-block; background-image: url(images/sm-badges.png); background-repeat: no-repeat; }
.sm-badges.linkedin:before { background-position: 0 0; }
.sm-badges.facebook:before { background-position: -40px 0; }
.sm-badges.twitter:before { background-position: -80px 0; }
.sm-badges.plus:before { background-position: -120px 0; }
.sm-badges.rss:before { background-position: -160px 0; }

#hdWidgetLink { right: 291px !important; }
#hdWidgetLink, #hdWidgetContainer { z-index: 999999; border: 0 !important; }
#hdWidgetLink:active { top: inherit; }

#helpFrame {
width: 300px;
left: -300px;
background: #FFF;
position: fixed;
z-index: 999999;
padding: 20px 10px;
height: 380px;
top: 30%;
border: 1px solid #ccc;
-moz-transition: left .5s ease-out; -webkit-transition: left .5s ease-out; transition: left .5s ease-out; -o-transition: left .5s ease-out;
}

#help { position: fixed;
top: 50%;
left: -30px;
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
background: #267CE0;
color: #fff;
font-weight: bold;
padding: 6px 15px 2px;
z-index: 999999;
text-decoration: none;
-moz-transition: left .5s ease-out; -webkit-transition: left .5s ease-out; transition: left .5s ease-out; -o-transition: left .5s ease-out;
}
#help:hover { background: #0057BD; }

#helpFrame.open { left: 0px; -moz-transition: left .5s ease-out; -webkit-transition: left .5s ease-out; transition: left .5s ease-out; -o-transition: left .5s ease-out; }
    #helpFrame.open #help { left: 275px; -moz-transition: left .5s ease-out; -webkit-transition: left .5s ease-out; transition: left .5s ease-out; -o-transition: left .5s ease-out; }

.nav-collapse.collapse.hidden-phone.hidden-tablet {
    padding-bottom: 80px;
}

/* Bootstrap mobile submenu fix */
.dropdown-backdrop { position: static; }
.nav li { list-style-type:none !important; }


.RegisterLogin {
    color: white !important;
}

.css-body {
    position: relative;
    float: left;
    width: 100%;
    background-color: rgb(47, 47, 47);
    min-height: 100vh;
}
.css-breadcrumb-title {
    /* font-weight: bold; */
}
.css-column-menu {
    position: sticky;
    top: 50px;
    float: left;
    width: 100px;
    height: 100%;
    background-color: rgb(47, 47, 47);
    z-index: 999;
}
.css-column-content {
    position: relative;
    float: left;
    height: 100%;
    background-color: white;
    min-height: 100vh;
    
    width: calc(100% - 100px);
}
.css-welcome-background {
    padding-left: 0 !important;
    background-image: url(/Portals/8/Images/home/home_page.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: 43px;
    background-position-x: -1px;
}
.css-talent-background {
    padding-left: 0 !important;
    background-image: url(/Portals/8/Images/talent/OverlayBackground.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: 43px;
    background-position-x: -1px;
}
.css-learning-background {
    padding-left: 0 !important;
    background-image: url(/Portals/_default/Skins/CSS/Images/background-learning.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: 43px;
    background-position-x: -1px;
    position: relative;
}
.css-welcome-wrap {
    display: inline-block;
    position: relative;
    background-color: none;
    font-size: 36px;
    color: white;
    height: 300px;
}
.css-welcome-message {
    display: inline-block;
    position: relative;
    top: 30%;
}
.css-welcome-username {
    margin-top: 30px;
}

#userBarWrap {
    text-align: right;
    margin-top: 15px;
    width: auto;
    margin-right: 50px;
}

.css-learner-welcome-wrap {
    font-size: clamp(10px,1vw,40px);
    color: white;
    background-color: transparent;
    height: 16em;
    min-height: 130px;
    padding-top: 3em;
    width: 45%;
    float: left;
}
.css-learner-welcome-header {
    font-size: 1.5em;
    font-weight: bold;
    padding: 1em 0 0 1.4em;
}
.css-learner-welcome-message {
    font-size: 1em;
    padding: .5em 2em 1em 2em;
}
.css-learner-video-wrap {
    float: left;
    width: 50%;
    padding: .75em 0 .75em 0;
}
.css-learner-video {
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 65%;
    min-width: 225px;
    aspect-ratio: 16/9;
    border-radius: 7px;
    border: 1px solid white;
}

/* Large desktop - no nav collapse */
@media (min-width: 1100px) {
    #pageWrap {
        
    }

    #push { /*height: 60px;*/
    }

    #navWrap {
        display: none;
    }

    #loginBarWrap {
        text-align: right;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    #loginBarWrap[class^='span'] {
        position: relative;
        top: auto;
        bottom: auto;
    }

    .nav {
        margin: 5px 0 0;
    }

        .nav li a {
            text-decoration: none !important;
            text-shadow: none !important;
            font-family: Tahoma,Geneva,sans-serif !important;
            font-size: 14px !important;
            background: none !important;
        }

        .nav > li > a {
            padding: 10px !important;
            color: #fff !important;
        }

            .nav > li > a:hover {
                color: #AF9E96 !important;
            }

    .dropdown-toggle {
        display: none !important;
    }

    .dropdown-menu a:hover {
        color: #000 !important;
    }

}
      
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1099px) {
    #help {
        top: 40%;
    }

    #pageWrap {
        margin: 0 auto -115px;
    }

    #push {
        height: 60px;
    }

    #headerWrap {
        background: none;
    }

    #userBarWrap {
        margin-right: 5px;
    }

    #navWrap {
        margin-bottom: 0;
    }

    #dnn_dnnLOGO_hypLogo {
        display: block;
    }

    #dnn_dnnLOGO_imgLogo {
        display: block;
    }

    #menu-collapse {
        float: left !important;
    }

    #m-help {
        float: left;
    }

    .nav-collapse {
        background: #2D363B;
        border-radius: 6px;
    }

    .nav li {
        list-style-type: none;
        position: relative;
        text-align: left;
    }

    .btn-navbar {
        color: #000 !important;
        text-decoration: none !important;
        font-size: 11px;
        border-radius: 4px;
        margin-bottom: 5px;
        border: 1px solid #999;
    }

    .dropdown-submenu > a:after {
        display: none;
    }

    .nav li a {
        color: #ece9e3 !important;
        text-decoration: none !important;
        text-shadow: none !important;
        font-family: Tahoma,Geneva,sans-serif !important;
        font-size: 18px !important;
        line-height: 100%;
        padding: 13px 15px !important;
    }

    .nav > li > a {
        background: #3F4549 !important;
        border-radius: 4px;
    }

    .nav > li > ul > li > a {
        background: #383D41 !important;
        border-radius: 4px;
    }

    .nav > li > ul > li > ul > li > a {
        background: #262E32 !important;
        border-radius: 4px;
    }

    .dropdown-menu {
        margin: 0 0 !important;
    }

        .dropdown-menu > li > a {
            margin-bottom: 2px;
        }

            .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
            .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
                background: inherit;
            }

    .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        background: #262E32;
    }

    .nav a[data-toggle] {
        position: absolute;
        top: 0;
        right: 4px;
        padding: 0 0 !important;
        width: 45px;
        height: 44px;
        border: 0;
        border-radius: 0 !important;
        border-left: 1px solid #000 !important;
        margin: 0 !important;
    }

        .nav a[data-toggle] b {
            display: block;
            margin: 12px auto;
            color: #eee;
        }


    #footerWrap {
        background: #252628;
    }

    #innerFooter {
        background: none;
    }

    .footer3 {
        width: auto !important;
    }

    .sticky-wrapper {
        height: auto !important;
    }

    .sticky-wrapper.is-sticky > div {
        position: inherit !important;
        top: auto !important;
        height: auto !important;
    }

    #cookieAgreement {
        position: fixed;
        top: 25%;
        width: 55%;
        background: #fff;
        color: #000;
        padding: 20px;
        left: 20%;
        z-index: 999;
        line-height: 28px;
        border: 1px solid #ccc;
        border-radius: 14px;
    }

    #breadcrumb { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: sticky; top: 95px; background: white; z-index: 999;}
}
/* Bootstrap override */
@media (min-width: 768px) and (max-width: 1099px) {
    .hidden-desktop {
        display: inherit !important;
    }
    .visible-desktop {
        display: none !important ;
    }
    .visible-tablet {
        display: inherit !important;
    }
    .hidden-tablet {
        display: none !important;
    }
}  
/* Bootstrap override */
@media (max-width: 1099px) {
    body {
      padding-top: 0;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      position: static;
    }
    .navbar-fixed-top {
      margin-bottom: 20px;
    }
    .navbar-fixed-bottom {
      margin-top: 20px;
    }
    .navbar-fixed-top .navbar-inner,
    .navbar-fixed-bottom .navbar-inner {
      padding: 5px;
    }
    .navbar .container {
      width: auto;
      padding: 0;
    }
    .navbar .brand {
      padding-left: 10px;
      padding-right: 10px;
      margin: 0 0 0 -5px;
    }
    .nav-collapse {
      clear: both;
    }
    .nav-collapse .nav {
      float: none;
      margin: 0;
    }
    .nav-collapse .nav > li {
      float: none;
    }
    .nav-collapse .nav > li > a {
      margin-bottom: 2px;
    }
    .nav-collapse .nav > .divider-vertical {
      display: none;
    }
    .nav-collapse .nav .nav-header {
      color: #777777;
      text-shadow: none;
    }
    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
      padding: 9px 15px;
      font-weight: bold;
      color: #777777;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }
    .nav-collapse .btn {
      padding: 4px 10px 4px;
      font-weight: normal;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    .nav-collapse .dropdown-menu li + li a {
      margin-bottom: 2px;
    }
    .nav-collapse .nav > li > a:hover,
    .nav-collapse .nav > li > a:focus,
    .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .dropdown-menu a:focus {
      background-color: #f2f2f2;
    }
    .navbar-inverse .nav-collapse .nav > li > a,
    .navbar-inverse .nav-collapse .dropdown-menu a {
      color: #999999;
    }
    .navbar-inverse .nav-collapse .nav > li > a:hover,
    .navbar-inverse .nav-collapse .nav > li > a:focus,
    .navbar-inverse .nav-collapse .dropdown-menu a:hover,
    .navbar-inverse .nav-collapse .dropdown-menu a:focus {
      background-color: #111111;
    }
    .nav-collapse.in .btn-group {
      margin-top: 5px;
      padding: 0;
    }
    .nav-collapse .dropdown-menu {
      position: static;
      top: auto;
      left: auto;
      float: none;
      display: none;
      max-width: none;
      margin: 0 15px;
      padding: 0;
      background-color: transparent;
      border: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
    .nav-collapse .open > .dropdown-menu {
      display: block;
    }
    .nav-collapse .dropdown-menu:before,
    .nav-collapse .dropdown-menu:after {
      display: none;
    }
    .nav-collapse .dropdown-menu .divider {
      display: none;
    }
    .nav-collapse .nav > li > .dropdown-menu:before,
    .nav-collapse .nav > li > .dropdown-menu:after {
      display: none;
    }
    .nav-collapse .navbar-form,
    .nav-collapse .navbar-search {
      float: none;
      padding: 10px 15px;
      margin: 10px 0;
      border-top: 1px solid #f2f2f2;
      border-bottom: 1px solid #f2f2f2;
      -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
      -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    }
    .navbar-inverse .nav-collapse .navbar-form,
    .navbar-inverse .nav-collapse .navbar-search {
      border-top-color: #111111;
      border-bottom-color: #111111;
    }
    .navbar .nav-collapse .nav.pull-right {
      float: none;
      margin-left: 0;
    }
    .nav-collapse,
    .nav-collapse.collapse {
      overflow: hidden;
      height: 0;
    }
    .navbar .btn-navbar {
      display: block;
    }
    .navbar-static .navbar-inner {
      padding-left: 10px;
      padding-right: 10px;
    }
  }
    
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #pageWrap {
        margin: 0 auto -115px;
    }

    #push {
        height: 60px;
    }

    #headerWrap {
        background: none;
    }

    #userBarWrap {
        margin-right: 5px;
    }

    #dnn_dnnLOGO_hypLogo {
        display: block;
    }

    #dnn_dnnLOGO_imgLogo {
        margin: 0 auto;
        display: block;
    }

    #loginBarWrap {
        float: none !important;
        display: inline-block;
    }

    #menu-collapse {
        float: left !important;
    }

    #m-help {
        float: left;
    }

    .navbar {
        margin: 0 !important;
    }

    .nav-collapse {
        background: #2D363B;
        border-radius: 6px;
    }
    .nav-collapse .nav {
        margin: 0;
    }

    .nav li {
        list-style-type: none;
        position: relative;
        text-align: left;
    }

    .btn-navbar {
        color: #000 !important;
        text-decoration: none !important;
        font-size: 11px;
        border-radius: 4px;
        margin-bottom: 5px;
        border: 1px solid #999;
    }

    .dropdown-submenu > a:after {
        display: none;
    }

    .nav li a {
        color: #ece9e3 !important;
        text-decoration: none !important;
        text-shadow: none !important;
        font-family: Tahoma,Geneva,sans-serif !important;
        font-size: 18px !important;
        line-height: 100%;
        padding: 13px 15px !important;
    }

    .nav > li > a {
        background: #3F4549 !important;
        border-radius: 4px;
    }

    .nav > li > ul > li > a {
        background: #383D41 !important;
        border-radius: 4px;
    }

    .nav > li > ul > li > ul > li > a {
        background: #262E32 !important;
        border-radius: 4px;
    }

    .dropdown-menu {
        margin: 0 0 !important;
    }

        .dropdown-menu > li > a {
            margin-bottom: 2px;
        }

            .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
            .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
                background: inherit;
            }

    .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        background: #262E32;
    }

    .nav a[data-toggle] {
        position: absolute;
        top: 0;
        right: 4px;
        padding: 0 0 !important;
        width: 45px;
        height: 44px;
        border: 0;
        border-radius: 0 !important;
        border-left: 1px solid #000 !important;
        margin: 0 !important;
    }

        .nav a[data-toggle] b {
            display: block;
            margin: 12px auto;
            color: #eee;
        }

    #innerFooter {
        background: none;
    }

    #footerWrap {
        background: #252628;
    }

    .footer3 {
        width: auto !important;
    }

    .Normal ul.footer-social-icons {
        margin: 15px 0 15px !important;
    }

    .DnnModule-CodingStaffSubNavigation {
        display: none;
    }

    .container {
        padding: 0 10px;
    }

    .subpage-skin .sidebar-outer {
        float: right;
        background: none;
    }

        .subpage-skin .sidebar-outer .sidebar {
            background: none;
            min-height: 10px;
            margin-bottom: -20px;
        }

            .subpage-skin .sidebar-outer .sidebar .side-bar-pane {
                padding-left: 0;
                background: none;
                min-height: 10px;
            }

    .sticky-wrapper {
        height: auto !important;
    }

        .sticky-wrapper.is-sticky > div {
            position: inherit !important;
            top: auto !important;
            height: auto !important;
        }

    .css-content-column {
        width: 100%
    }

    .css-welcome-background {
        background-size: 200%;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .page_870 .blog-item .dnnLeft {
        width: 50%;
        padding: 0;
        margin-bottom: 20px;
    }

    .page_870 .blog-item .dnnRight {
        width: 100%;
        border-left: 0;
        padding: 0;
    }

    #dnn_dnnUSER_lblName {
        display: none;
    }

    .page-icon {
        display: none;
    }

    #help {
        top: 60%;
    }

    #cookieAgreement {
        position: fixed;
        top: 30%;
        width: 80%;
        background: #fff;
        color: #000;
        padding: 20px;
        left: 10%;
        z-index: 999;
        line-height: 28px;
        border: 1px solid #ccc;
        border-radius: 14px;
    }

    .personabar-visible {
        margin-left: 0 !important;
    }

    .personaBarContainer {
        display: none !important;
    }
}


/* phone & tablet - nav collapsed with Menu Button at top */
@media (max-width: 1099px) {
    .css-column-content {
        width: 100%;
    }
    .css-column-menu {
        width: 100%;
        height: 100%;
    }
}
/* Bootstrap override */
/*
@media (min-width: 980px) {
    .nav-collapse.collapse div {
        height: 0 !important;
        overflow: hidden !important;
    }
}
*/
@media (min-width: 1100px) {
    .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
    }
}