/*------- Header -------*/
#skip {position:absolute;z-index:9999;left:-10000px;top:0;width:100%;margin-left:0;text-align:center;list-style:outside none;}

#skip li {list-style-type:none;}

#skip a {position:absolute;left:-999em;overflow:hidden;top:0;}

.name {padding: 20px 0 0; text-align: center;}

#search-wrapper {
	height: 28px;
	background: #5b8ead url(/img/search-icon.png) no-repeat right center;
	padding: 4px 0;
	margin: 14px 0px 14px 30px;
	position:relative;
}

#search-wrapper-mobile {
	height: 28px;
	background: #5b8ead url(/img/search-icon.png) no-repeat right center;
	padding: 4px 0;
	margin: 14px 0px 14px 30px;
	position:relative;
}

.top-bar-section .head-form, .left-off-canvas-menu .head-form, .top-bar-section .button.green {
	display:inline-block;
	vertical-align: middle;
	}
	
.top-bar-section .right .has-form a:first-of-type {
	color: #fff;
	margin-right: 20px;
	font-size: 0.765rem;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}

		.top-bar-section .right .has-form a:first-of-type:hover {
    	color: #8fb500;
		}


/***** BUTTONS *****/
.columns.btn.green input
{
padding: .2rem 1rem;	
}

.button.green, .btn, .btn-link a {
  background-color: #8fb500;
  border-width: 0px;
  cursor: pointer;
  font-weight: normal;
  line-height: 1.1;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  color: white;
	background-repeat: no-repeat;
	background-position: .25rem 50%;
	font-family: 'Source Sans Pro', "Trebuchet", Arial, Helvetica, sans-serif !important;
	font-size: 0.938rem;
	margin-bottom: 0;
	padding: 0; 
/*	padding: .2rem 1rem; */
}

.btn.next em {
padding: 0 1rem 0 0;
background: url(/_resources/images/btn/next.png) no-repeat right;
}

.btn.blue {background-color: #5b8ead;}

.btn.large.blue {display: inline !important;}

.button, .btn, .btn-link a {text-decoration: none !important;}
.button.green.chat, .button.green.donate, .button.green.login, .button.green.help {padding: .2rem 1.25rem .2rem 1.70rem}

.button.green:hover, .button.green:focus, .btn:hover, .btn:focus, .btn-link a:hover, .btn-link a:focus {background-color: #99cc00; color: #fff;}

.button.green.chat {background-image: url(/img/icon-chat.png);}

.button.green.donate {background-image: url(/img/icon-donate.png);}

.button.green.login {background-image: url(/img/icon-login.png);}

.button.green.help {background-image: url(/img/icon-help.png);}

.btn span, .btn input {
overflow: visible;
display: inline-block;
line-height: 26px;
margin: 0px;
text-transform: uppercase;
font-size: .875rem;
font-weight: bold;
color: #fff;
background: none;
border: none;
cursor: pointer;
}

.innerbox + .center > .btn {
margin-top: 10px;
}

.btn + .btn {
margin-top: 10px;
}

/***** end BUTTONS *****/


/***** SEARCH *****/
/* old seach box styles 
.searchbox {
	border:0px;
	background-color: #9dbbce;
	font-family: 'Source Sans Pro', "Trebuchet", Arial, Helvetica, sans-serif !important;
	height: 18px;
	margin: 4px;
	padding: 4px;
	top:-6px !important;
	font-size: 0.765rem;
	position: relative;
}
*/


.searchbox {
    border: 0px;
    background-color: #9dbbce;
    font-family: 'Source Sans Pro', "Trebuchet", Arial, Helvetica, sans-serif !important;
    height: 18px;
    margin: 4px 16px 4px 4px;
    padding:4px;
    top: -3px !important;
    font-size: 0.765rem;
    position: relative;
}	
			



.searchbox_submit {
	border:0px;
	background-color:transparent;
	padding-left: 3px;
	top:4px;
	position:relative;
}

li.search-container, li.control {float: none;}
.search-box {margin-bottom: 20px;}

ul.results {
list-style: none;
margin: 20px 0 0;
padding-left: 0;
}

ul.form-fields {
list-style: none;
margin: 0;
padding-left: 0;
}

ul.results li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: #555 1px dotted;
}

ul.results h3 a {
color: #2d2d2d;
text-decoration: none !important;
}

h2.results-heading {
font-size: 1.25rem;
}

h2.results-heading em {
color: #555;
}


@media screen and (min-width: 641px){ 
.searchbox_submit { 
border: 0px; 
background-color: transparent; 
cursor: pointer; 
height: 26px; 
margin-left: -14px; 
padding: 0; 
top: -4px; 
position: relative; 
width: 26px; 
} 
}

/***** end SEARCH *****/


.top-bar-section .head-form label, .left-off-canvas-menu .head-form label {display: none;}

media="all"
label, input {
	vertical-align: middle;
}
	
.row.main-nav {
	background-color: #dedcd2;
	max-width: 100% !important;
}

.top-bar-section ul.center {
	display: block;
	float: none !important;
	margin: 0 auto !important;
	text-align: center;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
	width: 100%;
	background-color: #eeede8;

}
	.top-bar-section ul.center li {float: left !important; transition: background-color 300ms ease-out;}
	.top-bar-section > ul.center > li {display: inline-block !important; min-height: 3rem; padding: 0 .4%; width: 50%; background-color: #dedcd2;}
	.top-bar-section > ul.center > li:nth-of-type(odd) {border-right: #eeede8 2px solid;}
	.top-bar-section > ul.center > .borderbottom {border-bottom: #eeede8 2px solid;}
	.top-bar-section ul.center a {color: #1a2028;
		display: block !important;
		font: 400 .750rem 'Source Sans Pro', "Trebuchet", Arial, Helvetica, sans-serif !important;
		padding: .5em 0 !important;
		text-transform: uppercase;
	}
	.top-bar-section ul.center li:not(.has-form) a:not(.button):hover, .top-bar-section ul.center li:hover a {color: #1a2028;}
	.top-bar-section ul.center li:not(.has-form):hover a:not(.button) {color: #1a2028;}
	.top-bar-section ul.center li:hover {background-color: #ebedee;}
	.top-bar-section ul.center li:not(.has-form):hover li a:not(.button):hover {color: #666;}

nav.tab-bar {background: #5b8ead !important;}
	nav.tab-bar .right-small, nav.tab-bar .middle, nav.tab-bar .left-small {
		background: #5b8ead;
		border: none !important;
		display: inline-block;
		font-family: 'Source Sans Pro', "Trebuchet", Arial, Helvetica, sans-serif;
		font-size: .875rem;
		font-weight: 300;
		text-align: center;
		text-transform: uppercase;
		transition: background-color 300ms ease-out;
		width: 33.33333% !important;
		}
	nav.tab-bar .right-small:hover, nav.tab-bar .middle:hover, nav.tab-bar .left-small:hover {background: #7ca5bd;}
	nav.tab-bar-sub .right-small {
	border-left: none !important;
	line-height: 1 !important;
	padding-left: 4px;
	width: 78px;
	color: #1a1a1a;
	font-size: 11px;
	margin-left: 8px;
	}
	.right-off-canvas-menu.sub {background: #003c5e !important;}
	nav.tab-bar .left-small, nav.tab-bar .right-small {position: relative;}
	nav.tab-bar a {color: #fff; display: block;}
	
	nav.tab-bar-sub {
	margin-top: 1rem;
	position: absolute;
	z-index: 10000;
	right: 10px;
	width: 100px;
	}

	.tab-bar-sub a.right-off-canvas-toggle {
	float: right;
	margin-top: -10px;
	}

	nav a {text-decoration :none !important;}
	
	.sf-mega, .banner .title {display: none;}
	#home .banner .title {display: block !important;}

/*------- Main Content Area -------*/

a {text-decoration: underline !important;}
a:hover {text-decoration: none !important;}
	.arrow-list a {display: block; text-decoration: none !important;}
	.sidenav-heading a, .subnav a {text-decoration: none !important;}
	.subnav a:hover {background: rgba(238, 237, 232, .4);}

h1, h2, h3, h4, h5, h6 {
line-height: 1.1 !important;
margin-bottom: .6rem !important;
}

h2 span, h3 span {color: #857f78;}

.subtitle {color: #818383; font-size: 1.4rem;}

.main-section {
	background-color: #eeede8;
	padding-bottom: 1rem;
}

.main-col .flex-nav-container {
margin-top: 60px;
}

.main-section ul, ol {
	margin: 0 1.5em 1.5em 0;
	padding-left: 1.5em;
}
	.main-section ul {
	list-style-type: disc;
}

.main-section ol {
	list-style-type: decimal;
	margin-left: 1.4rem !important;
}

.cms ol {list-style-type: decimal;}
.cms ul, ol {margin: 0 1.5em 1.5em 0 !important;}
.cms li {margin-bottom: .5rem !important;}
.cms li:last-child {margin-bottom: 0 !important;}

.button.action {
	background-repeat: no-repeat;
	background-position: 1.5rem 50%;
	display: inline-block;
	float: left;
	font-family: 'Source Sans Pro', "Trebuchet", Arial, Helvetica, sans-serif !important;
	font-size: 1rem;
	font-weight: 300;
	margin: 0;
	padding: 1.188rem 0 1.188rem 3.75rem;
	text-align:left;
	text-transform: uppercase;
	width:33.33333%;
	}
	.button.action p {display: table-cell; font: inherit; margin: 0; vertical-align: middle; margin-bottom: 0 !important;}
	.button.action a {color: #fff; display: block; text-decoration: none !important;}
	.button.action.info {background-color: #039ddb; background-image: url(/img/icon-info.png);}
	.button.action.apply {background-color: #8fb500; background-image: url(/img/icon-apply.png);}
	.button.action.register {background-color: #003c5e; background-image: url(/img/icon-register.png);}
	.button.action.info:hover, button.action.info:focus {background-color: #35b1e2;}
	.button.action.apply:hover, button.action.apply:focus {background-color: #a5c433;}
	.button.action.register:hover, button.action.register:focus {background-color: #33637e;}
		.top-bar .action-mobile.show-for-tablet-portrait-down {
min-height: 34px;
}
		.top-bar .button.action {background-image: none !important; display: inline-block !important; font-size: .938rem !important; padding: 2% !important; text-align:center !important; width: 33.33333% !important;}
		.top-bar .button.action p, .action-container .button.action p {display: block !important; text-wrap: none;}

.action-container {display: none;}

.img-right {
	background-color: #DCDBD1;
	display: inline-block;
	float: right;
	margin-left: 30px;
	overflow: hidden;
	padding: 4px;
	}
.img-left {
	background-color: #DCDBD1;
	display: inline-block;
	float: left;
	margin-right: 30px;
	overflow: hidden;
	padding: 4px;
	}
.img-right-noBorder {
	display: inline-block;
	float: right;
	margin-left: 30px;
	}
.img-left-noBorder {
	display: inline-block;
	float: left;
	margin-right: 30px;
	}
.img-noBorder {
	display:block;
	margin: 10px;
	}

/* Rich Paul @ OU */
@media only screen and (min-device-width : 768px) {
	.mainspacing {
		margin-top: 20px;
	}	
}

/* Rich Paul @ OU */
@media only screen and (max-device-width : 768px) {
	.mainspacing {
		padding-top: 10px;
	}	
}


/* ============== */
/* BEGIN landings */
/* ============== */
.landing {
	overflow: hidden;
	list-style-type: none !important;
}

.landing li {
	width: 100%;
	margin: 0 2%;
}

.landing div {
	padding: 10px 20px;
}

.landing-link {
	text-decoration:none;
	color: #000;
}
 a.landing-link:hover { color: #5B8DAD; }
/* ============ */
/* END landings */
/* ============ */


@media only screen and (min-width: 40.063em) {

/*------- Header Desktop -------*/
	
#future .top-bar {
	padding-bottom: 20px;
}
	
.top-bar-section .has-dropdown.login > a:after {
border-color: rgba(255, 255, 255, 0.8) transparent transparent transparent !important;
}

.top-bar-section .login .dropdown {background: rgba(255, 255, 255, 1) !important;}					
	
.top-bar .title-area {
      float: left; }

.row.main-nav {
	background-color: #5b8ead;
	max-width: 100% !important;
}

.top-bar-section ul.center {
	display: table;
	float: none !important;
	margin: 0 auto !important;
	text-align: center;
	list-style-type: disc;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
	width: 100%;
	background-color: transparent !important;
}

ul#main-nav.center.show-for-tablet-portrait-up {
display: table !important;
}
	
	.top-bar-section ul.center li {float: none !important; padding: 0;}
	.top-bar-section > ul.center > li:nth-of-type(odd) {border-right: none !important;}
	.top-bar-section > ul.center > .borderbottom {border-bottom: none;}
	.top-bar-section > ul.center > li {display: table-cell !important; width: auto; background-color: transparent !important;}
	.top-bar-section ul.center li li {display: block; padding: .15rem 0 .15rem .2rem !important;}
	.top-bar-section ul.center li li li{margin-left: 1rem !important;}
	.top-bar-section ul.center a {
		color: #fff;
		display: block !important;
		font: normal 1.066rem 'Source Sans Pro', "Trebuchet", Arial, Helvetica, sans-serif !important;
		padding: .875rem 1rem !important;
		text-transform: uppercase;
	}
		
	.top-bar-section ul.center ul li label-list {border-bottom: #8fb500 1px dotted; color: #039ddb; font-size: 1.125rem; padding-bottom: 0; text-transform: uppercase;} 


	.top-bar-section ul.center .sf-mega a {
    	color: #1a2028;
	}
	.top-bar-section ul.center ul a {
		font-size: .938rem !important;
		padding: 0 !important;
		text-transform: none;
	}
	.top-bar-section ul li ul li {float: none; text-align: left;}
	.top-bar-section ul.center li:not(.has-form) a:not(.button):hover, .top-bar-section ul.center li:hover a {color: #1a2028;}
	.top-bar-section ul.center li:not(.has-form):hover a:not(.button) {color: #1a2028;}
	.top-bar-section ul.center li:hover {background-color: #ebedee !important;}
	.top-bar-section ul.center li:not(.has-form):hover li a:not(.button):hover {color: #666;}
	.top-bar-section ul.center li li:hover {background: rgba(255, 255, 255, .6) !important;}
	.top-bar-section ul.center li li:hover li a {color: #555 !important;}
	.top-bar-section ul.center li li:hover a, .top-bar-section ul.center li li li:hover a {color: #1a2028 !important;}
	.top-bar-section ul.center li li.heading:hover {background: none;}
	ul.center .open {left: 0 !important;}

/** .f-dropdown, .banner .title {display: block;}
.f-dropdown.content img {border: 4px #dddcd2 solid; margin-top: 2rem;}
.f-dropdown.content .mega-caption {line-height: 1.2; margin-top: .5rem; text-align: left;}
.f-dropdown.content .mega-caption a {
line-height: 1.2 !important;
font-size: .813rem !important;
display: inline-block !important;
padding: 0 !important;
text-transform: none;
color: #5b8dad !important;
text-decoration: underline !important;
}
	.f-dropdown.content .mega-caption a:hover {text-decoration: none !important;}**/

/*-------- NEW MEGA MENU --------*/
.sf-menu {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu .sf-mega {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
  display: block;
}

.sf-menu > li > a {
  display: block;
  position: relative;
}

ul.sf-menu .sf-mega ul {
    display: block !important;
}

.sf-mega {
	background-color: rgba(241, 241, 241, 0.95);
	border: none;
	font-size: 0.813rem;
	padding: .75rem 1.25rem 1.25rem;
}

.sf-mega, .banner .title {display: block;}
.sf-mega.content img {border: 4px #dddcd2 solid; margin-top: 2rem;}
.sf-mega.content .mega-caption {line-height: 1.2; margin-top: .5rem; text-align: left;}
.sf-mega.content .mega-caption a {
line-height: 1.2 !important;
font-size: .813rem !important;
display: inline-block !important;
padding: 0 !important;
text-transform: none;
color: #5b8dad !important;
text-decoration: underline !important;
}
	.sf-mega.content .mega-caption a:hover {text-decoration: none !important;}

/*--------- END NEW MEGA MENU ------------*/


header {padding: 20px 0 0;}

.name {padding: 0;}

li.has-dropdown.not-click.login {
color: #fff;
background-color: #8fb500;
}

li.has-dropdown.not-click.login:hover a {
color: #fff;
}

/*------- Sub-page Masthead Desktop  -------*/
#masthead {
	color: #fff;
	position: relative;
	width: 100%;
}

.banner {
	margin: 0 auto;
	min-height: 250px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
	}
	
.banner-canvas {
	margin: 0 auto;
	min-height: 82px;
	overflow: hidden;
	padding-bottom: 20px;
	position: relative;
	text-align: center;
	width: 100%;
}

.main-col .flex-nav-container {
margin-top: 0;
}

	/* default section masthead banners */
	
	.discover-bcc .banner { background-image: url(/_resources/images/masthead/discover-bcc.jpg); }
	.admissions .banner { background-image: url(/_resources/images/masthead/admissions.jpg); }
		.admissions.apply .banner {  }
	.academics .banner { background-image: url(/_resources/images/masthead/academics.jpg); }
	.student-life .banner { background-image: url(/_resources/images/masthead/student-life.jpg); }
		.student-life.athletics .banner {background-image: url(/_resources/images/masthead/student-life/athletics.jpg)}
			.student-life.athletics.womens-basketball .banner { background-image: url(/_resources/images/masthead/student-life/athletics/womens-basketball.jpg) }
	.campus-explorer .banner { background-image: url(/_resources/images/masthead/campus-explorer.jpg); }
	.community-resources .banner { background-image: url(/_resources/images/masthead/community-resources.jpg); }
	.news-events .banner { background-image: url(/_resources/images/masthead/news-events.jpg); }
	.search .banner { background-image: url(/_resources/images/masthead/news-events.jpg); }

.banner img {max-width: none;}

.title {
	position: absolute !important;
	left: 20px !important;
	bottom: 0px;
	min-height: 0 !important;
	overflow: hidden;
	background: rgba(0, 0, 0, .75) !important;
}

.title h1 {
	color: #fff !important;
	font-size: 30px;
	margin: .5rem 0 .8rem;
}

.title p {
	font-size: 13px;
	line-height: 21px;
	color: #bfbfba;
}

.title .btn {
	float: right;
	margin-top: 5px;
}

.action-container {
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	}
	.action-container .button.action {
		background-image: none !important;
		font-size: .938rem !important;
		padding: .5rem 1.2rem;
		text-align:center !important;
		width: auto;
		}

.crumbs {
	display: block;
	margin: 0 0 .813em;
	padding: 0 8px 10px 8px;
	overflow: hidden;
	position: relative;
}

.crumbs ul {
	margin: 0;
	list-style-type: none;
	}
	
.crumbs li:first-child {
	padding-left: 0;
}
.crumbs li {
	color: #2d2d2d;
	float: left;
	padding: 0 1em 0 1.25em;
	font-size: .875em;
	background: url(/_resources/images/bkg/crumbs_bullet.gif) no-repeat left;
}
.crumbs a {
	color: #fff;
	text-decoration: none;
}

/*------- Sub pages desktop -------*/

/* .main-section {border-top: 12px solid #5B8EAD;} */

#ou-split {
  column-count:2;
  -moz-column-count:2;
  -webkit-column-count:2;
}

.sidenav a {
	display: block;
	padding: 10px;
}

.landing li {
	float: left;
	width: 46%;
	min-height: 205px;
}

.flash {display: block !important; margin-bottom: 20px;}

}
/*----------------------- END DESKTOP ------------------------*/

@media only screen
and (min-width : 320px)
and (max-width : 767px) {
.photo-border img {
    float: none !important;
	width: 100%;
}
.photo-border.fl-left, .photo-border.fl-right {
    float: none !important;
	margin: 0 !important;
	
	
				}
	.professor .fl-left {
		width: 40%; 
	}
	.continueReading{
		margin-top: 4%;
	}
	}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px) {

/* === HIDE Explore options avatars ==== */
.flash {display: none !important;}
/* ===================================== */

}

/* === iPad Portait ONLY ==== */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.top-bar-section ul.center a {font-size: .938rem; padding: .875rem .4rem !important;}
.right {float: none !important;}
.button.action {background-position: .8rem 50% !important; padding-left: 2.9rem !important;}
}
/* ===================================== */


/*------- Sub pages -------*/
div#masthead {
background-color: #eeede8;
}
.title {
	padding: 10px 20px 0 20px;
	background: #eeede8;
	/*bottom: 0px; added by OU 7/22/14 so black title box will show*/
}

.title h1 {
	color: #1a2028;
}

/*------- Left Sub Nav -------*/
.innerbox {
	position: relative;
	color: #535352;
	background-color: #fff;
	line-height: 21px;
	padding: 15px 8px;
}

.right-off-canvas-menu .innerbox {padding: 0;}

.box, .boxblue, .box-trans {
	position: relative;
	padding: 8px;        
	margin-bottom: 20px;
}

.boxblue {background: #cddde6;}

.box {background: #dddcd2;}

.crumbs.box {background: #5b8ead !important; border-top: 12px solid #5B8EAD; padding-top: 0 !important; margin-bottom: 0 !important;}

.right-off-canvas-menu .box, .right-off-canvas-menu .sidenav-heading, .right-off-canvas-menu .innerbox {background: none;}

.columns.sidenav-col {padding-left: 0 !important;}

.sidenav-heading {
	background: #5b8ead;
	margin: 0;
	padding: 15px 20px 10px;
}

.right-off-canvas-menu .sidenav-heading {padding: 20px 0 0 20px;}

.sidenav-heading h2 a {
	color: #fff;
	text-decoration: none;
}

.right-off-canvas-menu h3, .right-off-canvas-menu h4 {
    color: #5b8ead;
}

.right-off-canvas-menu h3 {margin-left : 10px;}

.right-off-canvas-menu .sidenav-heading h2 a {color: #dddcd2;}

.sidenav {
	font-size: 1em;
}
.sidenav.box {
margin-bottom: 1rem;
}

.sidenav ul {
	font-size: .813rem !important;
	padding: 0 1% 10px 1%;
	line-height: 18px;
	margin: 0;
	list-style-type: none;
}

.right-off-canvas-menu .sidenav ul {padding: 0 2%;}

.sidenav li {
	border-bottom: 1px dotted #C3C4C5;
	float: left;
	width: 100%;
	clear: left;
	position: relative;
	z-index: 10;
}

ul#ou-split li {
position: inherit;
}

.sidenav li.over {
border-bottom: none;
	}

	.sidenav h3 {background: #dae3e8; color: #5b8ead !important; margin: 10px -8.8% 0; padding: 2% 4%;}
	.right-off-canvas-menu .sidenav a {color: #fff !important; display: block; padding: 10px; transition: background 300ms ease;}
	.right-off-canvas-menu .sidenav h3 {background: none; color: #dddcd2 !important; margin: 10px 0; padding: 15px 0 0;}
.right-off-canvas-menu ul.subnav li a:hover {
background: #dddcd2;
color: #003c5e !important;
}

/* BEGIN Off-Canvas Sub Nav Accordion */

	.left-off-canvas-menu .accordion {padding: 0 !important;}

	.left-off-canvas-menu .accordion ul {
	margin-left: 0;
	}

	.left-off-canvas-menu .accordion .content {padding: 0.5rem;}

	.left-off-canvas-menu .accordion dd > a {
	background: none;
	}

/* BEGIN Nav Highlight */
.box .subnav a:hover, .boxblue .subnav a:hover {
    color: #000000;
}

.sidenav .current {
	background: #15181F;
}
.sidenav .current a {
	color: #fff;
}
.sidenav .current a:hover {
	color: #fff;
	text-decoration: none;
}

/* END Nav Highlight */

	/***** Submenu accordions *****/
	ul.subnav li span {
		background: url(/img/sub_arrow_down.png) no-repeat 0 center;
		cursor: pointer;
		position: absolute;
		top: 16px;
		right: 0;
		width: 24px;
		margin-top: -17px;
		height: 34px;
		}
		ul.subnav li.over span {background: url(/img/sub_arrow_up.png) no-repeat 0 center;}
		ul.subnav ul {display: none;}
		ul.subnav li.over ul {display: block; margin: 0; padding: 0;}
		ul.subnav li li {background: rgba(238, 237, 232, .4); padding: 0 0 0 1.125rem}
		.right-off-canvas-menu ul.subnav li li {background: rgba(250, 250, 250, .2); padding: 0 0 0 .750rem}

/*------- Right column -------*/

.overlap .box {
	padding-top: 0px;
}
.overlap > .box {margin-bottom: 20px;}

.overlap h2 {
	margin-top: 0px;
	padding-top: 10px;
}

.tab-content {
	padding: 15px;
	color: #2e2e2e;
	background: #f8f8f6;
	font-size: 12px;
	position: relative;
}

.hr {
	margin-top: 20px;
	/*padding-bottom: 20px;*/
	border-top: 1px dotted #B2B2AE;
}

.arrow-list {
	margin-bottom: 30px;
}

.arrow-list li {
	line-height: 1.0em;
	padding: 10px 0 10px 25px;
	background: url(http://www.easternflorida.edu/_resources/images/icons/arrow-bullet.png) no-repeat left 10px;
	list-style: none;
}
/*------- Footer -------*/
	footer .columns {padding: .5rem;}
		footer .columns:nth-of-type(2) a {font-weight: 600;}
	footer, footer p {color: #fff; font-family: 'Source Sans Pro', "Trebuchet", Arial, Helvetica, sans-serif !important; font-size: .938rem !important; font-weight: 300; line-height: 1.2 !important;}
	footer a {border-bottom: #fff 1px dotted; color: #fff; text-decoration: none !important;}
	footer a:hover {border-bottom-color: #0078a0;}
	footer a.direct-edit, footer a:hover.direct-edit, footer .icons a, footer .icons a:hover {border-bottom: none;}
	footer ul {list-style: none; margin: 0; padding: 0;font-family: 'Source Sans Pro', "Trebuchet", Arial, Helvetica, sans-serif !important; font-size: .813rem !important; font-weight: 300;}
	footer li {display: block; line-height: 1.4 !important; padding-bottom: .25rem;}

	footer .social {background: rgba(202, 202, 202, 1); margin: .25rem 0 .75rem 0; padding: .5rem 0; width: 225px;}   
		 footer .icons {float: right; margin-left: .5rem;} 
		footer .icons a {
			float: left;
			width: 36px;
			height: 36px;
			margin-right: 16px;
			background: no-repeat top;
			margin-top: .4rem;
			margin-bottom: .4rem;
		}
		footer .icons a:hover {background-position: bottom;}
		footer .icons .twitter {background-image: url(/_resources/images/btn/twitter-2015.png);}
		footer .icons .facebook {background-image: url(/_resources/images/btn/facebook-2015.png);}
		footer .icons .youtube {background-image: url(/_resources/images/btn/youtube-2015.png);}
		footer .icons .instagram {background-image: url(/_resources/images/btn/instagram-2015.png);}

@media only screen and (min-width:40.063em) {
footer {padding: 1rem;}
}

@media only screen and (min-width:63.625em){	
	footer {padding: 1.25rem 0 !important;}
}

@media only screen and (max-width:480px) {
	h3.icon {
		font-size: 1.15rem !important;
	}
	footer a {
	font-size: 1em;
/*	line-height: 2.2;   off to make footer social media icons centered   */
	}
}

@media only screen and (max-width:320px) {
.top-bar-section > ul.center > li {
width: 49.5%;
overflow: auto;
min-height: 3.4rem;
	}
}

.tab-bar section {
    float: left;
}


a.capslink {
    color: #470359;
	font-size: .875rem;
	font-weight: bold;
	text-decoration: none !important;
	text-transform: uppercase;
}

a.capslink:hover {
    text-decoration: underline !important;
}

.box .btm, .boxblue .btm {
    font-size: 11px;
    padding: 10px 8px 5px;
}


.flex-caption > a {
    color: #FFFFFF;
}
.flex-caption > a:hover {
    color: #9DBBCE;
}

/* =================== */
/* BEGIN news & events */
/* =================== */

.news-block,
.event-block {
	overflow: hidden;
	padding: 15px 10px 30px 10px;
}

.news-block .fl-left {
	margin-right: 20px;
}

.news-block .capslink {
	font-size: 11px;
}

.date-hdr {
	float: left;
	padding: 4px 8px;
	color: #fff;
	background: #c0beae;
}

.headlines {
	overflow: hidden;
	margin: 5px 0 10px 0;
}

.headlines li {
	float: left;
	font-size: 11px;
}

.news-block .headlines li {
	width: 33%;
}

.headlines a {
	clear: left;
	display: block;
	line-height: 20px;
	padding: 10px;
	text-decoration: none;
}

.headlines a:hover {
	text-decoration: underline;
}
.news-social .icons a:hover {background-position: bottom;}
.news-social .icons .facebook, .news-social .icons .twitter,
.news-social .icons .youtube, .news-social .icons .feedburner,
.news-social .icons .subscribe {display:block;width:36px;height:36px;}
.news-social .icons .facebook {background-image: url(/images/icons/news-icon-facebook.png);}
.news-social .icons .twitter {background-image: url(/images/icons/news-icon-twitter.png);}
.news-social .icons .youtube {background-image: url(/images/icons/news-icon-youtube.png);}
.news-social .icons .feedburner {background-image: url(/images/icons/news-icon-shortenv.png);}
.news-social .icons .subscribe {background-image: url(/images/icons/news-icon-subscribe.png);}
/* ================= */
/* END news & events */
/* ================= */


/* ============ */
/* BEGIN events */
/* ============ */

.event-block .lf {
	float: left;
	text-align: center;
}

.event-block .lf .capslink {
	font-size: 11px;
}

.event-block .rt {
	float: right;
	width: 52%;
}
ul.event-calendar {list-style: none;  margin: 0; padding-left: 0;}
.event-calendar li {clear: both; display: block;}
.event-calendar .box {background-color: #FCFBFA; overflow: hidden;}
.event-calendar .hdr {
	float: left;
	width: 20%;
	padding: .75em 0 0 1.25rem !important;
	text-align: center;
	font-size: 1.6em !important;
	line-height: 1.1;
}
.event-calendar .hdr div {font-size: 1rem !important;}
.event-calendar .body {
	float: right;
	width: 72%;
	padding: 14px 4% 16px 4%;
	border-left: 1px solid #dddcd2;
	border-top: 0;
}

.tab-body {
background: #f8f8f6;
}

/* ========== */
/* END events */
/* ========== */


/* ============== */
/* BEGIN alerts */
/* ============== */

.alert {
	font-family: 'Source Sans Pro', "Trebuchet", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	background: #470359;
	position: relative;
}

.alert,
.alert .container {
	padding: 15px;
	/*overflow: hidden;*/
}

.alert h2 {
	float: left;
	margin-right: 30px;
	font-size: 28px;
	color: #fff;
}

.alert p {
	line-height: 21px;
	margin: 0;
}

.alert .close {
	float: right;
	margin: -10px -10px 0;
	width: 21px;
	height: 21px;
	background: url(/_resources/images/topmenu/close.png) no-repeat right top;
	cursor: pointer;
	text-indent: -9999em;
}

.alert .close:hover {
	background-position: left bottom;
}

.alert .bl,
.alert .br {
	position: absolute;
	bottom: 0px;
	width: 10px;
	height: 10px;
	background: url(/_resources/images/bkg/alert.gif);
}

.alert .bl {
	left: 0px;
	background-position: left bottom;
}

.alert .br {
	right: 0px;
	background-position: right bottom;
}

#body .alert {
	width: 970px;
	position: relative;
	padding-left: 10px;
	margin: 0 auto;
}

#body .alert h2 {
	margin-left: 15px;
}

#body .alert .close {
	margin: 15px;
}

.alert.emergency {
	background-color: #7F0C0A;
}
.alert.note {
	max-width: 1000px;
	margin: 0 auto;
}

/* ========== */
/* END alerts */
/* ========== */

/* =============== */
/* BEGIN accordion */
/* =============== */
.accordion {
    padding: 4px !important;
}
.accordion h2 {
    font-size: 26px;
    padding-left: 10px;
}
.accordion .innerbox {
    padding: 15px;
}
.accordion .hdr {
    background: url("/_resources/images/icons/accordion-closed.png") no-repeat scroll 99% center rgba(0, 0, 0, 0);
    border-top: 1px dotted #B2B2AE;
    cursor: pointer;
    padding: 0 6px;
}
.accordion .hdr:hover {
    background-color: #F7F6F4;
}
.accordion .current .hdr {
    background-image: url("/_resources/images/icons/accordion-open.png");
}
.accordion .hdr.current:hover {
    background-color: rgba(0, 0, 0, 0);
}
.accordion .hdr.first {
    border: medium none;
}
.accordion h3 {
    font-size: 16px;
    margin: 0;
    padding: 10px 20px 10px 0;
}
.accordion h3.icon {
    line-height: 48px;
    padding-left: 60px;
}
.accordion .pane {
    display: none;
    overflow: visible;
    padding: 0 40px;
	margin-bottom: 20px;
}
.accordion h1.icon, .accordion h2.icon, .accordion h3.icon {
    background: none no-repeat scroll left center rgba(0, 0, 0, 0);
    min-height: 50px !important;
    padding-left: 50px;
	margin-bottom: 0 !important;
}
/* ============= */
/* END accordion */
/* ============= */

	
/* ========== */
/* BEGIN tabs */
/* ========== */
.tl, .tr, .bl, .br {
    display: block;
    position: absolute;
    z-index: 1;
}
.tl, .tr {
    top: 0;
}
.tr, .br {
    right: 0;
}
.tl, .bl {
    left: 0;
}
.bl, .br {
    bottom: 0;
}
.tl {
    background-position: left top;
}
.tr {
    background-position: right top;
}
.bl {
    background-position: left bottom;
}
.br {
    background-position: right bottom;
}
.border .tl, .border .tr {
    top: -1px;
}
.border .tr, .border .br {
    right: -1px;
}
.border .tl, .border .bl {
    left: -1px;
}
.border .bl, .border .br {
    bottom: -1px;
}
.tab-content .tl, .tabbed .tl {
    display: none;
}
.box.header {
    margin-bottom: 10px;
}
.boxlabel {
    margin-bottom: 2px;
}
.boxlabel span {
    font-weight: normal;
}
/*.box h2, .boxblue h2 {
    margin: 10px 0 20px 5px;
}*/

.overlap .box {
    padding-top: 0;
}
.overlap h2 {
    margin-top: 0;
    padding-top: 10px;
}
.innerbox {
    background-color: #FFFFFF;
    color: #535352;
    line-height: 21px;
    padding: 15px 8px;
    position: relative;
}
.box .btm, .boxblue .btm {
    font-size: 13px;
	clear: both;
}
	.boxblue .btm {
    padding: 10px 8px 5px;
}
	.box .btm {
    padding: 0;
}
.rnd {
    display: block;
    position: relative;
}
.rnd .tl, .rnd .tr, .rnd .bl, .rnd .br {
    background-image: url("/_resources/images/bkg/rnd.png");
    height: 6px;
    width: 6px;
}
.box .rnd .tl, .box .rnd .tr, .box .rnd .bl, .box .rnd .br {
    background-image: url("/_resources/images/bkg/rnd_boxed.png");
}
.boxblue .rnd .tl, .boxblue .rnd .tr, .boxblue .rnd .bl, .boxblue .rnd .br {
    background-image: url("/_resources/images/bkg/rnd_boxed.png");
}
.box ul.two-col, .boxblue ul.two-col {
}
.box ul.two-col li, .boxblue ul.two-col li {
    display: block;
    float: left;
    margin: 0 5px;
    width: 46%;
}
.box ul.two-col li.last-row a, .boxblue ul.two-col li.last-row a {
    border: medium none;
}
.boxblue .innerbox .center a.cuthrive {
    background: url("/_resources/images/icons/cu-thrive-rounded-154x31-regular.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 31px;
    width: 154px;
}
.boxblue .innerbox .center a.cuthrive:hover {
    background-image: url("/_resources/images/icons/cu-thrive-rounded-154x31-hover.png");
}
.photo-border {
    background-color: #DCDBD1;
    display: inline-block;
    padding: 4px;
}
.photo-border.fl-left {
    margin-right: 30px;
	float: left;
	
}
.professor .photo-border.fl-left{
	width:39%;
}
.photo-border.fl-right {
    margin-left: 30px;
	float: right;
}
.photo-border.slide {
    background-color: #CECCBF;
}
.photo-border .tl, .photo-border .tr, .photo-border .bl, .photo-border .br {
    /*background-image: url("/_resources/images/bkg/photo-border.png") !important;     
    height: 13px !important;
    width: 13px !important;*/
	display: block !important;
}
.photo-border.slide .tl, .photo-border.slide .tr, .photo-border.slide .bl, .photo-border.slide .br {
    background-image: url("/_resources/images/bkg/photo-border_feature.png") !important;
}
.tab-content .photo-border .tl, .tab-content .photo-border .tr, .tab-content .photo-border .bl, .tab-content .photo-border .br {
    background-image: url("/_resources/images/bkg/photo-border_tab-content.png") !important;
}
#topmenu .photo-border {
    background-color: #E8E8E9;
    padding: 6px;
}
#topmenu .photo-border .tl, #topmenu .photo-border .tr, #topmenu .photo-border .bl, #topmenu .photo-border .br {
    background-image: url("/_resources/images/bkg/photo-border_topmenu.png") !important;
    height: 9px !important;
    width: 9px !important;
}
/*.photo-border img {
    float: left;
}*/
.photo-border .btn {
    bottom: 12px;
    position: absolute;
    right: 12px;
}
.tabs.rnd {
    background: none repeat scroll 0 0 #DDDCD2;
    padding: 6px;
}
.box .tabs.rnd, .boxblue .tabs.rnd {
    padding: 0;
}
.box .tabs.rnd .tabnav, .boxblue .tabs.rnd .tabnav {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.tabs.rnd .tl, .tabs.rnd .tr, .tabs.rnd .bl, .tabs.rnd .br {
    background-image: url("/_resources/images/bkg/tabs.png");
    height: 14px;
    width: 14px;
}
.box .tabs.rnd .tl, .box .tabs.rnd .tr, .box .tabs.rnd .bl, .box .tabs.rnd .br, .boxblue .tabs.rnd .tl, .boxblue .tabs.rnd .tr, .boxblue .tabs.rnd .bl, .boxblue .tabs.rnd .br {
    background-image: url("/_resources/images/bkg/tabs_boxed.png");
}
.tabs.rnd .tabnav {
    background: none repeat scroll 0 0 #5B8EAD;
    overflow: hidden;
}
.tabs.rnd .tabnav {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.tabs.rnd .tabnav li {
    float: left;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.tab-body .tl, .tab-body .tr, .tab-body .bl, .tab-body .br {
    height: 13px;
    width: 13px;
}

.tabs.rnd .tab-content {
    background-color: #F8F8F6;
    color: #545352;
}
.box .tabs.rnd .tab-content, .boxblue .tabs.rnd .tab-content {
    position: relative;
}
.box .tabs.rnd .tab-content .tl, .box .tabs.rnd .tab-content .tr, .box .tabs.rnd .tab-content .bl, .box .tabs.rnd .tab-content .br, .boxblue .tabs.rnd .tab-content .tl, .boxblue .tabs.rnd .tab-content .tr, .boxblue .tabs.rnd .tab-content .bl, .boxblue .tabs.rnd .tab-content .br {
    background-image: url("/_resources/images/bkg/tab-content.png");
    height: 6px;
    width: 6px;
}
.tabs.rnd .tabnav a, .tabs.rnd .tabnav span {
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
	text-decoration: none !important;
}
.tabs.rnd .tabnav a {
    background-position: right top;
    color: #FFFFFF;
    padding-right: 8px;
}
.tabs.rnd.skinny-tabs .tabnav a {
    padding-right: 6px;
}
.box .tabs.rnd .tabnav a, .boxblue .tabs.rnd .tabnav a {
    color: #857F78;
}
.tabs.rnd .tabnav a:hover {
    text-decoration: underline;
}
.tabs.rnd .tabnav span {
    background-position: left top;
    line-height: 38px;
    padding-left: 8px;
}
.tabs.rnd .tabnav span {
    padding-left: 6px;
}

.tabs.rnd .tabnav span:hover {color: #5b8ead !important;}
.tabs.rnd.blue .tabnav span:hover {color: #dddcd2 !important;}
.tabs.rnd.blue .tabnav .active span:hover {color: #191F27 !important;}

.tabs.rnd .tabnav .active a {
    background-color: #F8F8F6;
    /*background-image: url("/_resources/images/bkg/tab_rt.gif");*/
    color: #191F27;
    text-decoration: none !important;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
/*.tabs.rnd .tabnav .active span {
    background-image: url("/_resources/images/bkg/tab.gif");
}*/
.box .tabs.rnd .tabnav .active a, .boxblue .tabs.rnd .tabnav .active a {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
/*.box .tabs.rnd .tabnav .active span, .boxblue .tabs.rnd .tabnav .active span {
    background-image: url("/_resources/images/bkg/tab-boxed.gif");*/
}
.tabs.rnd .double ul {
    float: left;
    padding: 0 1.5%;
    width: 47%;
}
/* ======== */
/* END tabs */
/* ======== */

/* ===================== */
/* BEGIN homepage slider */
/* ===================== */
.home .banner {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.home .tickers {
    background: none repeat scroll 0 0 #FFFF00;
    height: 0;
    margin: -2px auto 0;
    position: relative;
    width: 980px;
    z-index: 103;
}
.banner-tabs a {
    background: url("/_resources/images/masthead/trigger.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 0 2px;
    width: 14px;
}
.banner-tabs a:hover {
    background-position: left -14px;
}
.banner-tabs a.current {
    background-position: center bottom;
}
/* =================== */
/* END homepage slider */
/* =================== */

/* ================ */
/* BEGIN mainslider */
/* ================ */
.features, .pulldown {
    position: relative;
}
.features .feature, .pulldown .topmenu {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}
.features .backward, .features .forward {
    background: url("/_resources/images/btn/features.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 34px;
    position: absolute;
    top: 134px;
    width: 17px;
}
.features .backward {
    left: -17px;
}
.features .forward {
    background-position: right top;
    right: -17px;
}
.features .forward:hover {
    background-position: right bottom;
}
.features .backward:hover {
    background-position: left bottom;
}
.feature .slide {
    float: left;
    margin-bottom: 35px;
}
.slide-tabs {
    background: url("/_resources/images/bkg/slide-tabs_rt.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    height: 22px;
    padding-right: 6px;
    position: absolute;
    right: 0;
}
.slide-tabs div {
    background: url("/_resources/images/bkg/slide-tabs.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 10px;
    padding: 5px 0 7px 6px;
}
.slide-tabs a {
    background: url("/_resources/images/bkg/slide-tab.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 10px;
    margin: 0 2px;
    width: 10px;
}
.slide-tabs a:hover {
    background-position: left -10px;
}
.slide-tabs a.current {
    background-position: center bottom;
}
.features {
    height: 470px;
    width: 418px;
}
.features .backward, .features .forward {
    top: 134px;
}
.features .slide-tabs {
    top: 311px;
}

.flex-direction-nav li {
	list-style: none !important;
}
	
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0 !important;
}

.slides {
	padding-left: 0 !important;
}

.flex-caption-title {line-height: 1.2; margin-top: .5rem;}

/* ============== */
/* END mainslider */
/* ============== */

/* =========== */
/* BEGIN icons */
/* =========== */
h1.icon, h2.icon, h3.icon {
    background: none no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 50px;
}
.icon.dotted {
    border-bottom: 1px dotted #B2B2AE;
    border-top: 1px dotted #B2B2AE;
    padding-bottom: 12px;
    padding-top: 12px;
}
.icon.news {
    background-image: url("/_resources/images/icons/news.png");
}
.icon.calendar {
    background-image: url("/_resources/images/icons/calendar.png");
}
.icon.handshake {
    background-image: url("/_resources/images/icons/handshake.png");
}
.icon.building {
    background-image: url("/_resources/images/icons/building.png");
}
.icon.gradcap {
    background-image: url("/_resources/images/icons/gradcap.png");
}
.icon.workers {
    background-image: url("/_resources/images/icons/workers.png");
}
.icon.piggy-bank {
    background-image: url("/_resources/images/icons/piggy-bank.png");
}
.icon.gradcap-big {
    background-image: url("/_resources/images/icons/gradcap_big.png");
}
.icon.test-paper {
    background-image: url("/_resources/images/icons/test-paper.png");
}
.icon.workers-big {
    background-image: url("/_resources/images/icons/workers_big.png");
}
.icon.laptop {
    background-image: url("/_resources/images/icons/laptop.png");
}
.icon.dollars {
    background-image: url("/_resources/images/icons/dollars.png");
}
.icon.books {
    background-image: url("/_resources/images/icons/books.png");
}
/* ========= */
/* END icons */
/* ========= */

/* ===================== */
/* BEGIN content-heading */
/* ===================== */
.content-heading {
	float: left;
	margin: 0 0 0 30px;
	width: 697px;
}

.content-heading h1 {}

.content-heading ul {
	border: 1px dotted #b2b2ae;
	border-left: none;
	border-right: none;
	margin: 30px 0;
	padding: 30px 0;		
}

.content-heading li {
	float: left;
	font-weight: bold;
	text-align: center;
	width: 338px;	
}

.content-heading .current-students-register { float: right; }

.content-heading .register-button {
	background: url(/_resources/images/btn/registration-buttons.png) transparent no-repeat 0 0;
	color: #fff;
	display: block;
	height: 112px;
	margin: 0 0 30px 0;
	padding: 35px 0 0;
	text-align: center;
	text-decoration: none;
	width: 340px;
}

.content-heading .future-students-enroll .register-button {background-position: 0 0; padding-left: 18px; }
.content-heading .future-students-enroll .register-button:hover {background-position: 0 -112px;}
.content-heading .current-students-register .register-button {background-position: -338px 0; padding-right: 18px; }
.content-heading .current-students-register .register-button:hover {background-position: -338px -112px;}

.content-heading .register-button .h4 {
	color: #0d131b;
	display: block;
	font-size: 28px;
	font-weight: normal;
}

.content-heading span {
	display: inline-block;
	line-height: 22px;
	margin: 0;
}

.content-heading strong {
	color: #5b8ead;
	display: block;
	font-size: 32px;
	font-style: normal;
	font-weight: normal;
	margin: 15px 0 0;
}

.col-mid {
	padding: 0 30px;
	width: 393px;
}

.col-right {
	width: 274px;
}
/* =================== */
/* END content-heading */
/* =================== */

/* =========================================== */
/* BEGIN tool tips OBSOLETE - NO LONGER IN USE */
/* =========================================== */
/* 
.tip {
	position: relative;
	display: inline-block;
	width: 21px;
	height: 22px;
	background: url(/_resources/images/icons/tooltip.png) no-repeat center;
	z-index: 10;
}

.tip:hover {
	background-image: url(/_resources/images/icons/tooltip_tab.png);
}

.tip em {
	display: block;
	font-style: normal;
}

.tooltip {
	display: none !important;
	position: absolute;
	bottom: 22px;
	font-family: "Trebuchet MS", sans-serif;
	z-index: 999;
}


.tip:hover .tooltip {
	display: block !important;
}

.tip-tab {
	height: 22px;
	background: url(/_resources/images/icons/tooltip_tab.png) no-repeat bottom;
}

.tip-top,
.tip-btm {
	padding-right: 6px;
	background: url(/_resources/images/bkg/tooltip_rt.png) no-repeat;
	line-height: normal;
}

.tip-top { background-position: right top; }
.tip-btm { background-position: right bottom; }

.tip-top em,
.tip-btm em { 
	height: 6px;
	background: url(/_resources/images/bkg/tooltip.png) no-repeat;
}

.tip-top em { background-position: left top; }
.tip-btm em {
	background-position: left bottom;
	text-align: center;
	padding-left: 6px;
}

.tip-btm em em {
	display: block;
	margin: 0 auto;
	width: 13px;
	height: 6px;
	font-style: normal;
	background: #f8f8f6;
}

.tip-top,
.tip-bottom,
.tip-content {
	cursor: auto;
}

.tip-content {
	padding: 14px 20px;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 20px;
	text-transform: none;
	color: #565655;
	background: #f8f8f6;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
}

.tip-content .hdg {
	font-size: 12px;
	font-weight: bold;
	color: #1a2028;
}

.tooltip {
	left: -147px;
	max-width: initial;
	text-align: left;
	vertical-align: baseline;
	width: 315px;
} */
/* ============= */
/* END tool tips */
/* ============= */

/* ============ */
/* BEGIN quotes */
/* ============ */
div.quote {
    background: url("/_resources/images/icons/quote_begin.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #6b6e6f;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
    padding-left: 15px;
	margin-bottom: 20px;
}
.quote .quote {
    background: url("/_resources/images/icons/quote_end.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: inline-block;
    height: 14px;
	margin-left: 4px;
    width: 10px;
}
/* ========== */
/* END quotes */
/* ========== */

.col-left {
	float: left;
	padding: 1%;
	width: 60%;
}
.col-right {
	float: left;
	padding: 1%;
	width: 40%;
}


/* ================================== */
/* Discover EFSC Future Students */
/* ================================== */
.linkrow {
    list-style: none;
    padding-start: 0px;
    margin-before: 0px;
    margin-after: 0px; 
/*	margin:0; */
	padding:0;
	font-size:0;
}
.linkrow li {
/*	width:100px;	*/
	display: inline-block;
	vertical-align: top;
	width: 22.0%; 
	padding: 2%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.linkrow img {
	display: block;
	max-width: 100%;
	height: 100%; 
}

@media screen and (orientation:landscape) {
	.linkrow li {
		width: 20%;
		height:  100%;
		padding: 2%;
	}
} 
/* ====================================== */
/* End Discover EFSC Propsective Students */
/* ====================================== */

/* ======================================== */
/* BEGIN Financial Aid Net Price Calc Asset */
/* ======================================== */
#nyff-link {
	display:block;
	width:134px;
	height:72px;
	background: url("/admissions/financial-aid-scholarships/images/nyff-logo.jpg") no-repeat 0 0;
	margin-left:40px;
}
#nyff-link:hover {
	background-position: 0 -72px;
}
#nyff-link span {
	display:none;
} 
/* ================================== */
/* END Financial Aid Net Price  Asset */
/* ================================== */


/* ============================================= */
/* BEGIN Center For Teaching Excellence Tooltips */
/* ============================================= */
#cteTooltip div {
	margin:0;
	overflow:visible;	
}

#cteTooltip {
	position: static; 
	z-index: 10;
	border-spacing:20px;	
}

#cteTooltip div a span .pTitle {
	margin:0;
	display:inline-block;
	height:25px;
	width:100%;
	padding-top:4px;
	text-align:center;
	color: #2d2d2d;
	font-size:16px;
	font-weight:bold;
	border-top-left-radius:16px;
	border-top-right-radius:16px;
	background-image:url(http://www.easternflorida.edu/faculty-staff/cte/images/bg-title-cte-320x29.png);
}

#cteTooltip div a span .pBody {
	margin:0;
	display:inline-block;
	line-height:18px;
	color: #333333;
	padding:12px;
	font-size:12px; 
	border-bottom-left-radius:16px;
	border-bottom-right-radius:16px;		
	background:#f8f8f6 url(http://www.easternflorida.edu/faculty-staff/cte/images/bg-text-f8f8f6.png);
}

#cteTooltip div a {
	display:block;	
	width:195px;
	height:195px;
	padding:0; margin:0;
}

#cteTooltip div a span {
   display: none;
   position:absolute;
   z-index:9999;
   width:240px;
   padding:0;
   top:-15px;
   left:50px;
}

#cteTooltip div a:hover span {
	display: block;
}
/* =========================================== */
/* END Center For Teaching Excellence Tooltips */
/* =========================================== */	


/* =========================================== */
/* BEGIN Snippet Photobox Captioned  */
/* =========================================== */	
	
	.snippet .photo-box-caption {
		background: #f8f8f6; 
		padding: .1rem .2rem .4rem .2rem; 
		margin-top: 4px; 
		display: block; 
		text-align: center; 
		font-size: .8rem; 
		line-height: .9rem;
	}
			
	body { 
		.snippet .photo-box-caption { font-size: .8 rem; line-height: .9 rem; }
	} 
	@media only screen and (max-width: 450px) {
		.snippet .photo-box-caption { font-size: .7rem; line-height: .8rem; }
	}			
	@media only screen and (max-width: 440px) {
		.snippet .photo-box-caption { font-size: .68rem; line-height: .78rem; }
	}			
	@media only screen and (max-width: 390px) {
		 .snippet .photo-box-caption { font-size: .62rem; line-height: .72rem; }
	}			
	@media only screen and (max-width: 340px) {
		.snippet .photo-box-caption { font-size: .58rem; line-height: .68rem; }
	}
	@media only screen and (max-width: 290px) {
		.snippet .photo-box-caption { font-size: .54rem; line-height: .64rem; }
	}
	
/* =========================================== */
/* END Snippet Photobox Captioned */
/* =========================================== */

							
/* =========================================== */
/* BEGIN Student Life */
/* =========================================== */

.professor .fl-right {
width: 57%;
}

.professor .fl-left, .professor .fl-right {
margin: 0 !important;
}

.professor h5 {color: #5b8ead !important; font-size: 1rem !important;}
.professor p {font-size: .875rem !important; line-height: 1.3 !important;}
	
.news-header {
	border: 1px dotted #b2b2ae;
	border-left: none;
	border-right: none;
	margin: 30px 0;
	padding: 20px 0;
	}
	
.sports-item {
		display: block;
		min-height: 30px;
		padding: 0 0 0 43px;
	}
	
	.sports-items, .news-feed {
	list-style-type: none !important;
	margin: 0 !important;
	padding-left: 0 !important;
	}

	.sports-news p {
	padding-left: 43px;
	}
.sports-item a, .news-feed a {font-size: 1rem; text-decoration: none !important;}
.sports-item a:hover, .news-feed a:hover {color: #222;}
	
	.womens_basketball {background: url(/_resources/images/icons/basketball.png) no-repeat transparent 0 center;}
	.mens_basketball {background: url(/_resources/images/icons/basketball.png) no-repeat transparent 0 center;}	
	.basketball {background: url(/_resources/images/icons/basketball.png) no-repeat transparent 0 center;}
	.baseball {background: url(/_resources/images/icons/baseball.png) no-repeat transparent 0 center;}
	.golf {background: url(/_resources/images/icons/golf.png) no-repeat transparent 0 center;}
	.softball {background: url(/_resources/images/icons/baseball.png) no-repeat transparent 0 center;}
	.volleyball {background: url(/_resources/images/icons/volleyball.png) no-repeat transparent 0 center;}
	.soccer {background: url(/_resources/images/icons/soccer.png) no-repeat transparent 0 center;}
	.soccer_mens {background: url(/_resources/images/icons/soccer.png) no-repeat transparent 0 center;}
	.soccer_njcaa {background: url(/_resources/images/icons/soccer.png) no-repeat transparent 0 center;}
	.tennis_womens {background: url(/_resources/images/icons/baseball.png) no-repeat transparent 0 center;}
	.womens_golf {background: url(/_resources/images/icons/golf.png) no-repeat transparent 0 center;}

/* =========================================== */
/* END Student Life */
/* =========================================== */


@media only screen and (max-width: 40.063em) {
/* ============================================ */
/* BEGIN Left Column lower content choreography */
/* ============================================ */
  .main-section .row {
    display: -webkit-box; /* Initiate flexbox */
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-box-orient:vertical; /* Establishes the direction of reordering - we want the y-axis */
    -webkit-box-orient:vertical;
    -ms-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .main-section .row nav,  {
    -moz-box-ordinal-group: 1;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .main-section .row .sidenav-col {
    -moz-box-ordinal-group: 4;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
	padding-left: 0.9375rem !important;
  }
  .main-section .row .main-col {
    -moz-box-ordinal-group: 2;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .main-section .row .right-col {
    -moz-box-ordinal-group: 3;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
/* ============================================ */
/* END Left Column lower content choreography */
/* ============================================ */
	
/* ============================================ */
/* BEGIN mobile section nav placement heading adjust */
/* ============================================ */
	.main-col h2:first-of-type {
	padding-right: 90px;
	padding-top: 10px;
	}
/* ============================================ */
/* END mobile section nav placement heading adjust */
/* ============================================ */

}
/* ============================================ */
/* BEGIN hide sub section slider navigation arrows */
/* ============================================ */
@media screen and (max-width: 860px){
ul.flex-direction-nav {
    display: none;
}
}
/* ============================================ */
/* END hide sub section slider navigation arrows */
/* ============================================ */


/* ================================================= */
/* BEGIN Tooltip - Instructor-Approved Proctor ASSET */
/* ================================================= */
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:400px;
  color: #333333;
  background: #F8F8F6;
  border: 4px solid #DDDCD2;
  height: 250px;
  line-height: 10px;
  text-align: left;
  visibility: hidden;
  border-radius: 10px;
  padding:15px 0 10px 12px;	
  cursor: default;
}
a.tooltips span:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -12px;
  width: 0; height: 0;
  border-right: 12px solid #E8E0D8;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-right: 8px solid #FFFFFF;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 1.0; /* 0.8; */
  left: 100%;
  top: 50%;
  margin-top: -124px;
  margin-left: 8px;
  z-index: 999;
}

a.tooltips span ul {height:200px; }
a.tooltips span ul li {line-height:18px; margin-bottom:10px; }
/* ================================================= */
/* END Tooltip - Instructor-Approved Proctor ASSET */
/* ================================================= */

/* Search fixes*/

.innerbox,.box .btm {
	overflow: hidden;
}

.search-widget .innerbox {
	margin-top: 10px;
}

.search-widget .btm .btn {
	margin-top: 10px;
}
.search-widget .btn span {
	line-height: 21px;
}
@media (max-width: 1024px) {
	.search-widget.main-col h2:first-of-type {
		padding-right: 15px;
	}
	
	.search-widget .btm .btn {
		width: 100%;
	}
	.search-widget h2 {
		font-size: 1.3rem;
	}
	.search-widget .right {
		float: right !important;
	}
}

@media (min-width: 1025px) {
	.pr-0 {
		padding-right: 0;
	}
	.pl-0 {
		padding-left: 0;
	}
}
@media (max-width: 640px) {
	.search-widget a.login {
		margin-top: 45px;
	}
}
/* right col search-widget */
.search-widget .-right .btm .btn {
    padding: 7px;
    width: 100%;
}
/* right col search-widget end here */


 
.innerbox {
    overflow: hidden !important;
}
.box {
    overflow: hidden !important;
}
/*End Search Fixes */

/*============================================== */
/*Alert HyperLink CSS */
/*============================================== */

#alert-notice .container p a
{
	color: #C0C0C0 !important;
}
#emergency-notice .container p a
{
	color: #C0C0C0 !important;
}

/*============================================== */
/*End Alert HyperLink CSS */
/*============================================== */


/*===============================================*/
/* Career Course Widget */
/*============================================== */


#ccwidget {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            -webkit-box-shadow: 0px 0px 8px #000000;
            -moz-box-shadow: 0px 0px 8px #000000;
            background-color: #00365B; /* this is the main color of the widget */
            padding: 0px 10px;
            font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
            font-size: 12pt;
            color: #FFF;
            text-align: center;
            width: 300px;
            height: 270px;
        }


        #ccwidget a:link {
            text-decoration: none;
            color: #50a1d2;
        }

        #ccwidget a:visited {
            text-decoration: none;
            color: #50a1d2;
        }

        #ccwidget a:hover {
            text-decoration: none;
            color: #165270;
        }

        #ccwidget a:active {
            text-decoration: none;
            color: #7e9faf;
        }

        #cc_occ_name {
            height: 80px;
        }

            #cc_occ_name h3 {
                font-size: 18pt;
                padding: 10px 0px;
                position: relative;
                top: 50%;
                margin-bottom: 10px;
                -ms-transform: translateY(-40%);
                -moz-transform: translateY(-40%);
                -webkit-transform: translateY(-40%);
                transform: translateY(-40%);
                overflow: hidden;
                text-overflow: ellipsis;
            }
.buttoncourse div:first-child {
            height: 80px;
        }

            .buttoncourse div:first-child h3 {
                font-size: 18pt;
                padding: 10px 0px;
                position: relative;
                top: 50%;
				color:#FFF;
                margin-bottom: 10px;
                -ms-transform: translateY(-40%);
                -moz-transform: translateY(-40%);
                -webkit-transform: translateY(-40%);
                transform: translateY(-40%);
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .buttoncourse div:last-child {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0px 0px 8px #000000;
            -moz-box-shadow: 0px 0px 8px #000000;
            background-color: #FFF;
            padding: 2px,2px;
            color: #136700;
            margin: -5px 5px;
            text-align: center;
            text-decoration: none;
        }
/*===============================================*/
/* End Career Course Widget */
/*============================================== */

/* Swirly Box styles added (from foundation-home.css) */
.give-swirl .left {
  float: none !important;
}

.give-swirl > .box {
  padding: 0;
}

.give-button {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.2rem;
  margin: -3px;
  background: url("http://www.easternflorida.edu/foundation/images/feature/give-button.png");
  display: block;
  width: 100% !important;
  padding: 14px 25px;
  background-size: cover;
}

.give-button strong {
  font-size: 1.3rem;
		display:block;
  line-height: 1.3rem;
		width:100%; padding: 5px 15px;
		text-transform: uppercase;
		letter-spacing: .15rem;
		border-bottom:1px solid #fff;
		margin:0;
		padding: 0px 15px 10px 15px;
}

.give-button:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0;
  background: rgba(11, 140, 126, 0.7);
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
  top: 0;
  left: 0;
  position: absolute;
}

.give-button:hover:after {
  opacity: 1;
}
.give-button span {
    text-transform: none;
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-weight: 400;
    padding: 8px 5px 0 5px;
}
.give-button * {
  z-index: 1;
  position: relative;
}

.give-button-2 {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.2rem;
  margin: -3px;
  display: block;
  width: 100% !important;
  padding: 14px 25px;
  background-size: cover;
}

.give-button-2 strong {
  font-size: 1.3rem;
		display:block;
  line-height: 1.3rem;
		width:100%; padding: 5px 15px;
		text-transform: uppercase;
		letter-spacing: .15rem;
		border-bottom:1px solid #fff;
		margin:0;
		padding: 0px 15px 10px 15px;
}

.give-button-2:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0;
  background: rgba(230, 230, 230, 0.3);
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
  top: 0;
  left: 0;
  position: absolute;
}

.give-button-2:hover:after {
  opacity: 1;
}
.give-button-2 span {
    text-transform: none;
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-weight: 400;
    padding: 8px 5px 0 5px;
}
.give-button-2 * {
  z-index: 1;
  position: relative;
}

ul.off-canvas-list li.list-label {

    font: 400 1.2em 'Source Sans Pro', "Trebuchet", Arial, Helvetica, sans-serif;
    padding: 0.3rem 0.9375rem;
    color: #5b8ead;
    text-transform: uppercase;
    background: #dddcd2;
    border-bottom: none;
    margin: 10px 0 0;
    cursor: pointer;
	display: block;
}





/* end Swirly Box styles */