span.external {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMkU1RjY1MUUwQTMxMUUwQTlFQjk2Q0E1NEEzNUE4QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMkU1RjY1MkUwQTMxMUUwQTlFQjk2Q0E1NEEzNUE4QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkYyRTVGNjRGRTBBMzExRTBBOUVCOTZDQTU0QTM1QThBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyRTVGNjUwRTBBMzExRTBBOUVCOTZDQTU0QTM1QThBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZN5IZgAAAGxJREFUeNpi/P//PwMxgImBSMACIrYrqoGo90AsgK7A8/4tRhDNCLKakZGRAeYEoKZ6INWArhCb1Q043bhNQRVm2n9cGuAmoikCWdeITSHIEweQFMHABTgLORxBToA5A8oXAMmDPUxsgAMEGACU+SgZu3UsKwAAAABJRU5ErkJggg==");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 10px;
}
.two-col a[href$='.pdf']:after, .two-col a[href$='.PDF']:after {
	position: relative;
padding-left: 0;	
}
.helper-text {
	margin: -10px 0 20px !important;
}
.control-group {
    margin-bottom: 0 !important;
}
.iframe-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
/* 16x9 Aspect Ratio */
.iframe-container {
  padding-bottom: 56.25%;
}
.iframe-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.home-img {margin-top: 57px;}
.chat {
    position: absolute;
    right: -635px;
    top: 44px;
}
.carousel-caption {
    background-color: rgba(0, 0, 0, 0.4);
    text-align: left;
    width: 100%;
    left:0;
    bottom: 0;
    font-size: 20px;
    padding: 15px;
}
#search-stack {
    top: 17px!important;
}
#sidebar {
	margin-top: 50px !important;
}
.interior #sidebar {
	margin-top: -10px !important;
}
.red {	
	color: #9D2235;
}
.applications .col-sm-6 {
	 vertical-align: bottom;
}
.two-col {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    column-gap: 40px;
    -moz-column-gap: 40px;
}
.three-col {
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    column-gap: 40px;
    -moz-column-gap: 40px;
}
a.btn-default.gold {
    background-color: #B49516;
    border-color: #B49516;
    color: #fff;
	width: 100%;
}
a.btn-default.gold:hover {background-color:#F2F2F4;color:#B49516;border-color:#B49516;}
a.btn-default.dark-blue-green {
    background-color: #334D5C;
    border-color: #334D5C;
    color: #fff;
}
a.btn-default.light-blue-green {
    background-color: #45B29D;
    border-color: #45B29D;
    color: #fff;
	width: 100%;
}
.uaRed {
	width: 100%;
}
a.btn-default.orange {
    background-color: #E27A3F;
    border-color: #E27A3F;
    color: #fff;
	width: 100%;
}
a.btn-default.green {
    background-color: #648031;
    border-color: #648031;
    color: #fff;
	width: 100%;
}
a.btn-default.green:hover {background-color:#F2F2F4;color:#648031;border-color:#648031;}
a.btn-default.purple {
    background-color: #5A6691;
    border-color: #5A6691;
    color: #fff;
	width: 100%;
}
a.btn-default.purple:hover {background-color:#F2F2F4;color:#5A6691;border-color:#5A6691;}
.nav > li > a.coaching:hover, .nav > li > a.coaching:focus {
    background-color: rgba(180, 149, 22, 0.2);
    text-decoration: none;
}
.nav > li > a.si:hover, .nav > li > a.si:focus {
    background-color: rgba(157, 34, 53, 0.2);
    text-decoration: none;
}
.nav > li > a.tutoring:hover, .nav > li > a.tutoring:focus {
    background-color: rgba(90, 102, 145, 0.2);
    text-decoration: none;
}
.nav > li > a.writing:hover, .nav > li > a.writing:focus {
    background-color: rgba(100, 128, 49, 0.2);
    text-decoration: none;
}
#site-heading { font-size: 4em; line-height: .2em; margin-top: .3em;}

#site-heading .exegis { font-size: .3em; font-style: italic; line-height: 1.5em; display: block; color:#4c4d4f;}

h1 {
	margin:0 0 20px 0;
	font-size:2.5em;
	font-weight:500;
}

h2 {
	font-weight:400;
	font-size:1.8em;
}


/* Home Page */

.plus {
	font-size:1.2em;
}

body.landing #content {
	margin-top: 0;
}

#banner_cont.puesnada {
	display:none;
}

#spinner-background {
	max-height: 100%;
	min-height:400px;
	max-width:100%;
	min-width:1170px;
	background: url('/_resources/images/banner_images/campus-blurry-class1170x400.jpg');
	position: relative;
}

#spinner-cont {
    overflow: hidden;
	position: absolute;
	top:252px;
	width: 100%
/*	margin: 60px; 
	max-height: 100%;
	min-height:400px;
	max-width:100%;
	min-width:1170px;
	background: url('/_resources/images/banner_images/campus-blurry-class1170x400.jpg')*/
}

#spinner {
/*	height:60px; */
    position: absolute;
	top: 0;
	left: 275px;
 /*   margin-top:249px;
	margin-left: 275px;*/
}


#spinner-cont:before {
	content:'CLASS+';
	display: block;
	float:left;
	width: 241px;
	height: 60px;
	text-indent: -3000em;
}

#spinner ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#spinner li {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 57px;
	font-weight: 100;
	line-height: 1em;
	color:#fff;
}


#midsection {
	margin-top: 40px;
	margin-bottom: 40px;
	padding-left:15px;
}

#midsection img {
	border-radius: 10px;
}

#midsection h2 {
	font-size: 1.7em;
	font-weight: light;
}

#supplemental-instruction {
	font-size:22px !important;
}

.home-features  {
	width:270px;
    height:179px;
	padding:0;
    box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
	background-size:cover;
	border-radius:10px;
	overflow:hidden;
	margin: 15px 1%;
}

.home-features.coaching {
	    background:url(*** Broken Link ***);
}

.home-features.instruction {
	background:url(*** Broken Link ***);
}

.home-features.tutoring {
	background:url(*** Broken Link ***);
}

.home-features.support {
	background:url(*** Broken Link ***);
}

.home-features.graduate {
	background:url(*** Broken Link ***);
}

.home-features.recovery {
	background:url(*** Broken Link ***);
}

.home-features.acadsupport {
	background:url(*** Broken Link ***);
}

.home-features.faculty {
	background:url(*** Broken Link ***);
}

.overlay-features    {
	background:rgba(66,66,66,.75);
	border-radius:10px;
	width:inherit;
	height:inherit;
	padding:5px 10px 10px 10px;
	opacity:0;
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
}

.home-features:hover .overlay-features {
	opacity:1;
}

.text-features       {
/*	font-family:Helvetica;
	font-weight:900;
	font-size:96px; */
	color:rgba(255,255,255,.9);
	font-weight:100;
}

.home-features h2 {
	margin:0;
	color:#fff;
	text-shadow: 1px 1px 7px #000;
	
}

.home-features p {
	margin: 15px 0;
	color:#fff;
    line-height: 1.3;
    text-shadow: 1px 1px 7px #000;
}

/*
.home-academiccoaching {
	background-image:url();
	overflow:hidden;
	height:180px;
	width:270px;
}

.home-academiccoaching:hover {
	background-color:rgba(163, 33, 54, .5)
}
*/

/************/

#appointment {
	margin-bottom: 20px;
}

#right-col-menu li {
	margin-top: 6px;
	margin-left: 10px;
}
	

#mainnav > li > a {
	width: auto;
}

#disciplines {
	margin-top: 20px;
}

#disciplines a {
	background-color: #f7f7f7;
	text-decoration: none;
	font-size: 1.2em;
	color: #5a5a5a;
}

#disciplines a:hover {
	color: #a00;
}

#disciplines li {
	margin: 0 0 10px 0;
}


#main-container .zero-in {
    list-style-type: none;
    counter-reset: numbers;
    margin-left: 0px;
	margin-top: 30px;
}

#main-container .zero-in li {
	min-height: 80px;
    margin-left: 35px;
	margin-top: 10px;
	font-size: 1.2em;
}

#main-container .zero-in li:before{
    position: absolute;
    margin-left: -80px;
	margin-top: -4px;
    content: counter(numbers) "";
    counter-increment: numbers;
	background-color: #333;
	color: #fff;
    padding: 10px 16px;
    border-radius: 30px;
    font-size: 20px;
    line-height: normal;
}

/* ------ Tabbed Navigation Sections ------ */

.tab-content.seniorwalk.ul {
    padding: 20px 20px 20px 0 !important;
}

.nav.nav-tabs.seniorwalk {
	margin-bottom:0 !important;
}

.nav-tabs.seniorwalk>li.active>a {
		background-color:#f9f9f9;
}

.tab-content.seniorwalk {
    border-right: solid 1px lightgrey;
    border-left: solid 1px lightgrey;
    border-bottom: solid 1px lightgray;
    padding: 20px 20px 20px 20px;
	background-color:#f9f9f9;
	border-radius:0 0 5px 5px;
}


/* ----- TUTORING -------- */

.contentblock {
	background-color: #f7f7f7;
	padding: 5px 20px;
	margin-top: 20px;
	border-radius:5px;
	border:solid 1px #ddd;
}

/* --------- SUPPLEMENTAL INSTRUCTION / SI ---------- */

#si-course-list li {
	margin-bottom:5px;
}







@media(min-width:1200px){
    #mainnav > li > a {
    padding: 0 14px;
}
	#disciplines li { margin: 0 3% 3% 0; width: 30%; }
	
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    #site-heading { margin-top: .3em;}
    #disciplines {-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
    #disciplines li { margin: 0 3% 3% 0; display: inline-block; width: 46%; text-align: center; vertical-align: top;}
	#disciplines a i {font-size: 1px; display: block;}
	#disciplines a i:before {opacity: .7; margin-bottom: 8px; font-size: 50px;}
	#mainnav > li > a { font-size: 14px; }
	.chat { position: absolute; right: -435px; top: 44px;}
	#mainnav { width: 82%; }
	#mainnav > li > a { padding: 0 5px; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    #other-resources dl {margin-top: 0;}
	#other-resources dt, #other-resources dd { display: inline; font-size: 1.3em;}
	#other-resources dt a { color: #5a5a5a; text-transform: uppercase; font-weight: 600; }
	#other-resources dt:after { content: ''; display: inline-block; margin-right: 5px;}
	#other-resources dd:after { content: ''; display: block; margin-bottom: 20px;}
	#mainnav > li > a { font-size: 13px; padding: 0 7px; }
	#mainnav { width: auto; margin-left: 20px; }
	.chat { position: absolute; right: -250px; top: 25px;}
	#opener .brand { background-size: cover!important; width: 150px!important; height: 145px!important; margin-left: 40px!important;}
	#search-stack {top: 0!important; right: 10px!important;}
	#mainnav > li > a span { display: inline!important;}
	.navbar { margin-top: 100px!important;}
	#site-heading {margin-top: .6em;}
	.home-img {margin-top: 0;}
	#header-bg {height: auto!important;}
	.interior #sidebar {margin-top: 10px !important;}
	.pull-right {
		float: none !important;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	#site-heading {margin:0;padding-top: 30px;}
    #site-heading .exegis {line-height: 1.3em;}
	#mainnav.nav > li { display: inline-block;}
	#mainnav > li > a { font-size: 15px; padding: 0 7px; }
	#mainnav { width: auto; margin-left: 0; }
	.chat { position: absolute; right: 20px; top: 165px;}
	#mainnav > li > a span { display: inline!important;}
	.navbar { margin-top: 0!important;max-height: 95px;}
	#search-stack {top: -95px!important; display: block!important;}
	nav.navbar.navbar-default .collapse.navbar-collapse.navbar-ex1-collapse {display:block!important;text-align: left;}
	nav.navbar.navbar-default .navbar-header button.navbar-toggle {display: none!important;}
	nav.navbar.navbar-default div.container div.navbar-header {display:none;}
	#header-bg {top:0;height: 260px;}
	#search-stack form input {width: 40%;}
	.interior #sidebar {margin-top: 10px !important;}
	.pull-right {
		float: none!important;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	#site-heading {margin:0;padding-top: 10px;}
	#search-stack {top: -10px !important;right: 10px;}
	.chat { position: absolute; right: 15px;
    top: 125px;}
	.navbar-collapse {left: 0; min-width: 0; top: 0;width: 110%;}
	#opener {
		height: 275px;}
#header-bg {
	height: 280px;}
	nav.navbar.navbar-default .collapse.navbar-collapse.navbar-ex1-collapse ul#mainnav.nav.navbar-nav li{display: block;margin-bottom: 10px;}
	#search-stack form input { width: 80%;}
	.pull-right {
		float: none !important;
	}
}