/*
 * IE8+
 *
 */

/* Hide element if screen width is lower than the width specified in the class name */
.lte-ie8 .hide-below-1680 { display:inherit !important; }
.lte-ie8 .hide-below-1440 { display:inherit !important; }
.lte-ie8 .hide-below-1360 { display:inherit !important; }
.lte-ie8 .hide-below-1280 { display:inherit !important; }

/* Borders instead of dropdown shadows
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Main menu drop-down */
#nav .level0-wrapper,

/* Main menu drop-down (classic style) */
#nav.classic .parent > ul,

/* Search autocomplete */
.header .form-search .search-autocomplete ul,

/* Dropdown */
.dropdown-menu
{
	border:1px solid #e5e5e5;
}

/* Remember Me popup, MAP popup, credit card number */
.remember-me-popup,
.map-popup,
.tool-tip { border:1px solid #e5e5e5; }


/* Caption
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Dark + white text */
.caption.dark1 .heading,
.caption.dark1 p,
.caption.dark2 .heading,
.caption.dark2 p,
.caption.dark3 .heading,
.caption.dark3 p { background-color:rgba(0,0,0, 0.65); background-color:#000; }

/* Light + black text */
.caption.light1 .heading,
.caption.light1 p,
.caption.light2 .heading,
.caption.light2 p,
.caption.light3 .heading,
.caption.light3 p { background-color:rgba(255,255,255, 0.8); background-color:#fff; }

/* Search
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/*Fix for header layout*/
/*.header .form-search .input-text { float:none !important; }*/
/* Fix button position */
.header-top-search-wrapper { width:24%;}
.header .form-search .button { background-color:transparent; }
.header .form-search .button span { background-color:transparent; }

/*-----Form elements------*/
/* Base for label styling */
.input-box [type="checkbox"] + label,
.input-box [type="radio"] + label {
    text-shadow: none;
    color: #45555f;
    font: 14px/18px 'Montserrat', sans-serif;
    text-align: left;
}

[type="checkbox"].unchecked,
[type="checkbox"].checked,
[type="radio"].unchecked,
[type="radio"].checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"].unchecked + label,
[type="checkbox"].checked + label,
[type="radio"].unchecked + label,
[type="radio"].checked + label {
    position: relative;
    padding: 5px 0 0 28px;
    cursor: pointer;
    display: inline-block;
}

/* checkbox aspect */
[type="checkbox"].unchecked + label:before,
[type="checkbox"].checked + label:before,
[type="checkbox"].unchecked + label:after,
[type="checkbox"].checked + label:after,
[type="radio"].unchecked + label:before,
[type="radio"].checked + label:before,
[type="radio"].unchecked + label:after,
[type="radio"].checked + label:after {
    content: '';
    position: absolute;
    left:0;
    top: 3px;
    width: 19px;
    height: 19px;
    background: url(https://www.thegreatcourses.com/skin/frontend/enterprise/tgc/images/tgc/sprite.png);
}

[type="radio"].unchecked + label:before,
[type="radio"].checked + label:before {
    background-position: 0 -22px;
}

/* checked mark aspect */
[type="checkbox"].unchecked + label:after,
[type="checkbox"].checked + label:after {
    content: '';
    position: absolute;
    background: url(https://www.thegreatcourses.com/skin/frontend/enterprise/tgc/images/tgc/sprite.png) -22px 0;
}

[type="radio"].unchecked + label:after,
[type="radio"].checked + label:after {
    background-position: -22px -22px;
}

/* checked mark aspect changes */
[type="radio"].unchecked + label:after,
[type="checkbox"].unchecked + label:after {
    visibility: hidden;
}

[type="radio"].checked + label:after,
[type="checkbox"].checked + label:after {
    visibility: visible;
}

/* disabled checkbox */
[type="checkbox"].disabled.unchecked + label:before,
[type="checkbox"].disabled.checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"].disabled.checked + label:after {
    color: #999;
}

[type="checkbox"].disabled + label {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
}

.login-form-dropdown{
    background: rgb(250, 250, 250);
    max-width: 880px;
}

.logged-in-user-dropdown{
    background: rgb(250, 250, 250);
}

/*Partner page*/
.partner_page .partner_professors .professor_info,
.partner_professors .professor_info .professor_desc { overflow: hidden; }

/** IE8 upgrade overlay & message**/
.ie-dimmer-overlay {
    background: url("https://www.thegreatcourses.com/skin/frontend/enterprise/tgc/images/dimmer-ie.png") repeat scroll 0 0 transparent;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000000;
}

.ie-upgrade-message {
    background: none repeat scroll 0 0 white;
    font: 500 23px/26px 'IBM Plex Serif',serif;
    height: 300px;
    left: 50%;
    margin-left: -250px;
    margin-top: -200px;
    padding: 30px;
    position: absolute;
    top: 50%;
    width: 500px;
    display: block !important;
}

.ie-upgrade-message p {
    margin-top: 25px !important;
}


.ie-upgrade-message img {
    margin-bottom: 10px;
}