﻿/**UEE-COMM-V4**/

/*hide SiteNotice that's causing extra space*/
.emptycontent, #SiteNotice, p.p1, #navMain #lblMainNav { 
	display: none; 
} 

.page-currentstudents .gutter-box .linkicon { 
	display: none !important; 
} 

#centercontent .hascontent { 
	padding-top: 0px !important; 
	padding-bottom: 0px !important; 
	margin-bottom: 0px !important;
}  

#divA .emptycontent, #divB .emptycontent { display: inherit !important; } 

/*fix horiz overflow in mobile for full-width-strip RS 5/16/19*/
html, body, #divB {
	overflow-x: hidden !important;
}

/*full-width*/
#MainContent .container {
    max-width: 100% !important;
}

/**ATI COMPLIANCE**/
#navMain #extendedA, #navMain #extendedA #btnExtendedA, #navMain #extendedB, #navMain #extendedB #btnExtendedB { color: #fff !important; }
.fsBody .fsPage .fsRowBody .form-disc span strong { color: #BA0000 !important; }
.blackout_off { color: #131313 !important; }
.text-red { color: #AD0000; }
.text-bold { font-weight: 600; }
#CSUFLink_Search { line-height: 1.5; }

.gutter-box {
    margin-right: -15px;
    margin-left: -15px;
	clear: both;
}
.gutter-box > [class^="col-"] > span, 
.gutter-box > [class^=" col-"] > span, 
.gutter-box > [class^="col-"] > .gutter-wrap, 
.gutter-box > [class^=" col-"] > .gutter-wrap {
	border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    text-align: center;
    display: block;
    vertical-align: middle;
    line-height: normal;
}
.gutter-box-grey > [class^="col-"], .gutter-box > [class^=" col-"] { margin: 0 !important; }
#centercontent .gutter-box-grey > [class^="col-"] > span, 
#centercontent .gutter-box-grey > [class^=" col-"] > span, 
#centercontent .gutter-box-grey > [class^="col-"] > .gutter-wrap, 
#centercontent .gutter-box-grey > [class^=" col-"] > .gutter-wrap {
    padding: 25px !important;
    font-size: 17px;
    font-weight: 600;
    text-indent: initial;
    border: 2px solid #eee;
    background: #f7f7f7 !important;
}

/*top strip RS 5/22/19*/
.top-strip {
	text-align: center;
	color: #000 !important;
	background: #FF7900 /*#3d75c0*/; /*<-- REMOVE FOR TICKER*/
	padding: 3px !important;
	font-size: 14px;
}
.top-strip a {
	color: #000 !important;
	display: block;
    text-shadow: none;
	font-weight: 600 !important;
	text-decoration: underline;
}
#header_LowerScroll, .top-strip.mobile {
	display: none;
}

/*NEWS TICKER (THALL MOVE) UNTIL 11/10/19*/
@-webkit-keyframes ticker {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
		 visibility: visible;
	}
	 100% {
		 -webkit-transform: translate3d(-75%, 0, 0);
		 transform: translate3d(-75%, 0, 0);
	}
}
 @keyframes ticker {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
		 visibility: visible;
	}
	 100% {
		 -webkit-transform: translate3d(-75%, 0, 0);
		 transform: translate3d(-75%, 0, 0);
	}
}
 .ticker-wrap {
	 display: block;
	 clear: both;
	 width: 100%;
	 overflow: hidden;
     background: #3d75c0;
}
 .ticker-wrap .ticker {
	 display: inline-block;
	 white-space: nowrap;
	 padding-right: 100%;
	 box-sizing: content-box;
	 -webkit-animation-iteration-count: infinite;
	 animation-iteration-count: infinite;
	 -webkit-animation-timing-function: linear;
	 animation-timing-function: linear;
	 -webkit-animation-name: ticker;
	 animation-name: ticker;
	 -webkit-animation-duration: 30s;
	 animation-duration: 30s;
}

 .ticker-wrap .ticker-item {
	 display: inline-block;
	 padding: 0 2rem;
}

/**Layout**/
#divA.hascontent, #divB.hascontent, #divC.hascontent, #divD.hascontent, #divE.hascontent, #divF.hascontent, #divG.hascontent, #divH.hascontent, #divI.hascontent, #divJ.hascontent, #divK.hascontent, #divL.hascontent, #divM.hascontent, #divN.hascontent, #divO.hascontent, #divP.hascontent, #divQ.hascontent, #divR.hascontent, #divS.hascontent, #divT.hascontent, #divU.hascontent, #divV.hascontent, #divW.hascontent, #divX.hascontent, #divY.hascontent, #divZ.hascontent, #divTopMedia.hascontent  { padding:0px; }


#divA_shell, #divB_shell, #divC_shell, #divD_shell, #divE_shell, #divF_shell, #divG_shell, #divH_shell, #divI_shell, #divJ_shell, #divK_shell, #divL_shell, #divM_shell, #divN_shell, #divO_shell, #divP_shell, #divQ_shell, #divR_shell, #divS_shell, #divT_shell, #divU_shell, #divV_shell, #divW_shell, #divX_shell, #divY_shell, #divZ_shell, #divTopMedia_shell {
    float: left;
    width: 100%;
    margin: 0%;
}
#divA.hascontent, #divA_shell.hascontent {
    padding: 0px !important;
    margin: 0px !important;
}
#divC h2, #divD h2 { text-align:inherit; }
#divC h2, #divD h2 { padding-bottom: 10px !important; }

#MainContent { min-height:660px; background:#fff; }

/**modal**/
.w3-modal-content {
	top: 15% /*6%, 10%*/;
}
.w3-modal h3 {
	font-weight: 600 !important;
}
.w3-modal p {
	font-weight: 100;
}
/*fix z-index so it's in front of nav RS 11-13-19*/
.page-schedule-table #Navigation, .page-schedule-table .navbar, .page-schedule #Navigation, .page-schedule .navbar {
    z-index: unset !important;
}

/**accordion**/
.page-currentstudents .accordion-single button:after, .page-faq .accordion-single button:after {
    content: " " url(//ueestatic.fullerton.edu/static/assets/images/chevron-down.png);
    opacity: .4;
}

.accordion-expand { 
	max-height: 0px; 
	overflow: hidden; 
	transition: max-height .3s ease-in-out; 
}

.input-toggle:checked + .btn-toggle + .accordion-expand { 
	max-height: none; 
}

.page-currentstudents #register-now {
    background-color: #c9e3fd !important;
    padding: 10px 9999px 40px !important;
    margin: 50px -9999px 40px;
    text-align: center !important;
}
.page-currentstudents #centercontent #register-now h2 {
    margin-top: 40px !important;
}

/*schedule accordion (BABA, AMSE)*/
.accordion-single.program-schedule {
    border: 2px solid #eee;
    padding: 14px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    text-align: center;
    border-radius: 12px;
    background: #f7f7f7;
}
.accordion-single.program-schedule button {
	font-size: 24px;
	font-weight: 400;
}
.accordion-single.program-schedule button:after {
    content: " " url(//ueestatic.fullerton.edu/static/assets/images/chevron-down.png);
	opacity: .5;
}
.accordion-single.program-schedule .table {
    background: #fff;
}


/*fix bootstrap col padding*/
.col-md-6, .col-sm-4, .col-md-4, .col-sm-3, .col-md-3, .col-md-5, .col-md-7, .col-md-9 {
	padding-right: 15px !important;
	padding-left: 15px !important;
}

a:focus, button:focus, input:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    border-bottom: solid 0 #e17000 !important;
}
.divA img, .divB img, .divC img, .divD img, .divE img, .divF img, .divG img, .divH img, .divI img, .divJ img, .divK img, .divL img, .divM img, .divN img, .divO img, .divP img, .divQ img, .divR img, .divS img, .divT img, .divU img, .divV img, .divW img, .divX img, .divY img, .divZ img { padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0; }

/*image hover opacity effect*/
a img:hover, .logo a:hover, #social-icons a:hover, #sa-social-icons a:hover {
    opacity: 0.7;
	transition: opacity .3s ease-out;
}

/**header**/
h1, h2, h3, h4, h5, h6, #centercontent h1, #centercontent h2, #centercontent h3, #centercontent h4, #centercontent h5, #centercontent h6, #centercontent p { padding-top:0!important; padding-bottom:0!important; margin-top:10px; margin-bottom: 10px; background: none; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none !important; }

/*make first h2 bolder*/
h2.h1 { font-weight: 400 !important; }

/**navbar**/
 
#navMain > li > a {
    padding: 8px 15px 12px !important;
    min-height: 32px;
    float: left;
}

@media screen and (min-width: 800px) {
	a.anchor, .anchor {
		display: block;
		position: relative;
		top: -300px /*-260px*/;
		visibility: hidden; 
	}
	
#divB .anchor + h2 { 
	margin-top: 52px !important; 
	}
}

#MainContent .anchor a {
    text-decoration: none;
}
    
/**Header**/
#unit a, #unit a:hover {
    padding: 0 1% 0;
    display: block;
    border-bottom: solid 0;
}
#sitename {
    margin-top: 2px;
    margin-bottom: 0px;
}
#SiteName_Tabs {
    padding-bottom: 0px;
}
#SearchNav {
    font-size: 13px;
}
#search-button, #btnSearchLowerHeader {
    color: #f7f7f7 !important;
    /*background-color: #225588 !important;*/
}
#sitename a:hover {
    border-bottom: solid 0;
    padding: 0 !important;
}
#branding {
    margin-bottom: 5px;
}
#Navigation.LowerScroll {
    border-bottom: solid 0;
}
#navMain {
    margin-left: -17px;
}
 
#Navigation.LowerScroll #navMain {
    margin-left: 1px;
}
    
#navMain li, #navMain li a.active, #navMain li a.focus, #navMain li:hover #link_tabA, #navMain li:hover #link_tabB, #navMain li:hover #link_tabC, #navMain li:hover #link_tabD, #navMain li:hover #link_tabE, #navMain li:hover #link_tabF, #navMain li:hover #link_tabG, #navMain li:hover #link_tabH, #navMain li:hover #link_tabI, #navMain li:hover #link_tabJ {
	background-color: transparent !important;
	border: none !important;
}

#navMain li a { border-bottom: none; }

.ExtendedNav { 
    display: block !important; 
    top: 2px;
    left: 14px;
}

#navMain li:hover .ExtendedNav a, #navMain .ExtendedNav li a {
    padding: 12px 15px;
    border: solid 0px #fff !important;
    width: 100%;
}
#navMain li:hover #extendedA .ExtendedNav, #navMain li:hover #extendedB .ExtendedNav, #navMain li:hover #extendedC .ExtendedNav, #navMain li:hover #extendedD .ExtendedNav, #navMain li:hover #extendedE .ExtendedNav, #navMain li:hover #extendedF .ExtendedNav, #navMain li:hover #extendedG .ExtendedNav, #navMain li:hover #extendedH .ExtendedNav, #navMain li:hover #extendedI .ExtendedNav, #navMain li:hover #extendedJ .ExtendedNav, #navMain li:hover #extendedK .ExtendedNav, #navMain li:hover #extendedL .ExtendedNav, #navMain li:hover #extendedM .ExtendedNav, #navMain li:hover #extendedN .ExtendedNav, #navMain li:hover #extendedO .ExtendedNav, #navMain li:hover #extendedP .ExtendedNav, #navMain li:hover #extendedQ .ExtendedNav, #navMain li:hover #extendedR .ExtendedNav, #navMain li:hover #extendedS .ExtendedNav, #navMain li:hover #extendedT .ExtendedNav, #navMain li:hover #extendedU .ExtendedNav, #navMain li:hover #extendedV .ExtendedNav, #navMain li:hover #extendedW .ExtendedNav, #navMain li:hover #extendedX .ExtendedNav, #navMain li:hover #extendedY .ExtendedNav, #navMain li:hover #extendedZ .ExtendedNav, #navTabs2Main li:hover #extendedA .ExtendedNav, #navTabs2Main li:hover #extendedB .ExtendedNav, #navTabs2Main li:hover #extendedC .ExtendedNav, #navTabs2Main li:hover #extendedD .ExtendedNav, #navTabs2Main li:hover #extendedE .ExtendedNav, #navTabs2Main li:hover #extendedF .ExtendedNav, #navTabs2Main li:hover #extendedG .ExtendedNav, #navTabs2Main li:hover #extendedH .ExtendedNav, #navTabs2Main li:hover #extendedI .ExtendedNav, #navTabs2Main li:hover #extendedJ .ExtendedNav, #navTabs2Main li:hover #extendedK .ExtendedNav, #navTabs2Main li:hover #extendedL .ExtendedNav, #navTabs2Main li:hover #extendedM .ExtendedNav, #navTabs2Main li:hover #extendedN .ExtendedNav, #navTabs2Main li:hover #extendedO .ExtendedNav, #navTabs2Main li:hover #extendedP .ExtendedNav, #navTabs2Main li:hover #extendedQ .ExtendedNav, #navTabs2Main li:hover #extendedR .ExtendedNav, #navTabs2Main li:hover #extendedS .ExtendedNav, #navTabs2Main li:hover #extendedT .ExtendedNav, #navTabs2Main li:hover #extendedU .ExtendedNav, #navTabs2Main li:hover #extendedV .ExtendedNav, #navTabs2Main li:hover #extendedW .ExtendedNav, #navTabs2Main li:hover #extendedX .ExtendedNav, #navTabs2Main li:hover #extendedY .ExtendedNav, #navTabs2Main li:hover #extendedZ .ExtendedNav, #extendedA.ShowExtended .ExtendedNav, #extendedB.ShowExtended .ExtendedNav, #extendedC.ShowExtended .ExtendedNav, #extendedD.ShowExtended .ExtendedNav, #extendedE.ShowExtended .ExtendedNav, #extendedF.ShowExtended .ExtendedNav, #extendedG.ShowExtended .ExtendedNav, #extendedH.ShowExtended .ExtendedNav, #extendedI.ShowExtended .ExtendedNav, #extendedJ.ShowExtended .ExtendedNav, #extendedK.ShowExtended .ExtendedNav, #extendedL.ShowExtended .ExtendedNav, #extendedM.ShowExtended .ExtendedNav, #extendedN.ShowExtended .ExtendedNav, #extendedO.ShowExtended .ExtendedNav, #extendedP.ShowExtended .ExtendedNav, #extendedQ.ShowExtended .ExtendedNav, #extendedR.ShowExtended .ExtendedNav, #extendedS.ShowExtended .ExtendedNav, #extendedT.ShowExtended .ExtendedNav, #extendedU.ShowExtended .ExtendedNav, #extendedV.ShowExtended .ExtendedNav, #extendedW.ShowExtended .ExtendedNav, #extendedX.ShowExtended .ExtendedNav, #extendedY.ShowExtended .ExtendedNav, #extendedZ.ShowExtended .ExtendedNav {
    top: 0px;
    border-left: solid 0px #084B8A;
    border-bottom: solid 0px #E17000;
    padding-top: 10px;
    padding-bottom: 10px;
    position: inherit;
    background: transparent !important;
    box-shadow: none !important;
}
#navMain li a.active, #navMain li:hover #link_tabA, #navMain li:hover #link_tabB, #navMain li:hover #link_tabC, #navMain li:hover #link_tabD, #navMain li:hover #link_tabE, #navMain li:hover #link_tabF, #navMain li:hover #link_tabG, #navMain li:hover #link_tabH, #navMain li:hover #link_tabI, #navMain li:hover #link_tabJ, #navMain li:hover #link_tabK, #navMain li:hover #link_tabL, #navMain li:hover #link_tabM, #navMain li:hover #link_tabN, #navMain li:hover #link_tabO, #navMain li:hover #link_tabP, #navMain li:hover #link_tabQ, #navMain li:hover #link_tabR, #navMain li:hover #link_tabS, #navMain li:hover #link_tabT, #navMain li:hover #link_tabU, #navMain li:hover #link_tabV, #navMain li:hover #link_tabW, #navMain li:hover #link_tabX, #navMain li:hover #link_tabY, #navMain li:hover #link_tabZ {
    transition: initial !important;
}

#navMain .ExtendedNav ul li a:focus {
    border: solid 0 !important;
    border-radius: 0px;
}

fieldset {
    border: 1px dotted #c0c0c0;
    margin: 4px 2px 0 5px;
    padding: 2px;
}

.ExtendedNav ul li, #navMain .ExtendedNav ul li {
	overflow: auto;
}

/*extended nav - additional styles to fix*/
#navMain #extendedA, #navMain #extendedB, #navMain #extendedC, #navMain #extendedD, #navMain #extendedE, #navMain #extendedF, #navMain #extendedG, #navMain #extendedH, #navMain #extendedI, #navMain #extendedJ, #navMain #extendedK, #navMain #extendedL, #navMain #extendedM, #navMain #extendedN, #navMain #extendedO, #navMain #extendedP, #navMain #extendedQ, #navMain #extendedR, #navMain #extendedS, #navMain #extendedT, #navMain #extendedU, #navMain #extendedV, #navMain #extendedW, #navMain #extendedX, #navMain #extendedY, #navMain #extendedZ {
	max-width: none!important;
	max-height: none!important;
	min-width: none!important;
}
#extendedA, #extendedB, #extendedC, #extendedD, #extendedE, #extendedF, #extendedG, #extendedH, #extendedI, #extendedJ, #extendedK, #extendedL, #extendedM, #extendedN, #extendedO, #extendedP, #extendedQ, #extendedR, #extendedS, #extendedT, #extendedU, #extendedV, #extendedW, #extendedX, #extendedY, #extendedZ {
	left: auto !important;
	top: auto !important;
}
.ExtendedNav {
	width: auto!important;
	display: none;
	min-height: 0!important;
	margin: 0%;
	padding: 0%;
	background-color: #444!important;
	box-shadow: 0px 5px 10px rgba(100,100,100, .2);
	border-bottom-left-radius: 0px!important;
	border-bottom-right-radius: 0px!important;
	margin-top: 4px;
}
#extendedA, #extendedB, #extendedC {
	padding-top: 15px;
	background-color: transparent;
}
.ExtendedNav div {
	background: #444!important;
	color: #fff!important;
	margin: 0px!important;
	padding: 0px!important;
}
.ExtendedNav ul, .ExtendedNav ol {
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	margin-left: 0px!important;
}
#navMain li:first-child, #navMain li {
	padding-left: 0px!important;
}
#navMain li a {
	font-size: 16px !important;
}
.ExtendedNav a {
	font-size: 14px!important;
	display: block!important;
	padding: 25px;
}
.ExtendedNav li a:hover {
	background: #002E5B!important;
}
.ExtendedNav li a, .ExtendedNav li {
	background: #444!important;
	color: #fff!important;
	text-decoration: none!important;
	border-bottom: none!important;
	border-right: none!important;
}
.ExtendedNav ul li, #navMain .ExtendedNav ul li {
	background-image: none!important;
	background-position: none!important;
	background-repeat: no-repeat !important;
	margin-bottom: 0px!important;
	width: 100%;
	padding: 0px !important;
	margin: 0px !important;
}

.LowerScroll #extendedA, .LowerScroll #extendedB, .LowerScroll #extendedC {
    padding-top: 25px;
}



.LowerScroll #CSUFTopLink a:before {
    top: 8px;
    background: url(https://ueestatic.fullerton.edu/static/assets/images/emblem.png) no-repeat;
    background-size: contain;
    margin-right: 5px;
    height: 76px !important;
    width: 40px !important;
}

.LowerScroll #sitename a {
    font-size: 22px;
    font-weight: 800;
    margin-left: 10px;
}
.LowerScroll #branding:before {
    background:auto;
    width: inherit;
    height: auto;
    float: none;
    margin-right: 2px;
}

.LowerScroll #unit {
	margin-top: 0px;
	padding-top: 0px;
}

#SearchNav {
	padding: 3px 8px 8px 8px;
}
#SearchNav label {
    vertical-align: top;
}

#searchRadioBtns {
    margin-top: 0px;
}

#searchButton a {
	background-color: #225588;
	padding: 0px;
}

.LowerScroll #branding {
    margin-top: 23px;
	z-index: 2;
}

#Navigation {
	z-index: 1 !important;
	top: 40px;
	padding-bottom: 5px;
}

#Navigation.LowerScroll #navMain { margin-top: -5px; }
.LowerScroll #navMain li { padding: 15px 0px 13px; }
.LowerScroll #navMain li a, .LowerScroll #navMain li a:hover {
    /*padding: 0px;*/
	font-size: .7em !important;
	text-transform: uppercase;
}

/*.extendedmenu_closed { background: #fff; }*/

/*.LowerScroll #navMain li:first-child {
    padding-left: 7px !important; 
}*/

.LowerScroll #search-button {
    color: #00274c !important;
    text-shadow: none !important;
}

#SearchNav.LowerSearch form #searchRadioBtns.Open {
    overflow: hidden;
}

#SearchNav.LowerSearch form #lnkSearchDomains:before {
	font-size: .9em;
	top: -1px;
}

#SearchNav.LowerSearch form #search-button:before {
	font-size: .7em;
	top: 2px;
}

#SearchNav.LowerSearch form label {
	margin-top: -3px !important;
	padding-left: 2px;
} 



/*******************Body***************/
/*fix extra top space on smaller screens*/
@media screen and (min-width: 751px) and (max-width: 768px) {
#centercontent #divB_content {
	margin-top: 0px !important;
}
}

/*orange sub-page ribbon fix*/
#centercontent .lead.orange-ribbon {
	margin-bottom: 0px !important;
    padding: 6px 0px 0px !important;
}
/*make body line up with header*/
@media screen and (min-width: 1281px) {
#divA_content, #divB_content, #divC_content, #divD_content, #divE_content, #divF_content, #divG_content, #divH_content, #divI_content, #divJ_content, #divK_content, #divL_content, #divM_content, #divN_content, #divO_content, #divP_content, #divQ_content, #divR_content, #divS_content, #divT_content, #divU_content, #divV_content, #divW_content, #divX_content, #divY_content, #divZ_content { 
	max-width: 1170px /*1200px*/;
}
}

/*fix section bg color*/
#divC_shell {
    background: #eee;
}

#divD_shell { 
	background: #c9e3fd; 
}

/*section spacing*/
#centercontent {
    padding-top: 0px !important;
}

/*#centercontent .hascontent, .hascontent, #divA {
    margin-bottom: 0px !important;
}*/

.h1 {
	font-weight: 400 !important;
}

#centercontent h3 {
	padding-bottom: 8px;
}

.img-left { 
	float: left; 
}

.img-thumbnail {
    padding: 4px !important;
}

.icon-box .linkicon {
	top: 0px;
}

.divB .faq-icon {
    max-width: 200px !important;
    margin: 0px auto 0px;
    display: block;
}

em.normal {
    font-size: inherit !important;
    color: inherit !important;
}

/*fix font awesome icons sep 2019*/
.fas:before,.far:before { font-family: Font Awesome\ 5 Pro; }
.fab:before { font-family: 'Font Awesome 5 Brands' !important; }

#centercontent .info-box {
    padding: 30px 20px;
    background-color: #eee;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border: 2px solid #e1e1e1;
    text-align: center;
}

#centercontent .info-box { 
	padding:20px; 
}


/**Forms**/
.fsBody {
	clear: both;
}
.fsBody .fsForm { margin: 0px auto !important; }
#divD .box-left-wrap + span { margin-top: 2px !important; }

.fsBody .fsForm .fsSupporting {
    color: #505050 !important;
    margin-top: 0 !important;
    margin-bottom: 4px !important;
}

#centercontent .fsBody .form-disc {
	font-size: inherit !important;
    line-height: inherit !important;
    margin-top: 10px !important;
}

/*fix form checkboxes & radio buttons*/
.fsForm .fsRowBody input[type="checkbox"], .fsForm .fsRowBody input[type="radio"] {
    top: 3px !important;
    width: 14px !important;
    height: 14px !important;
}

.fsForm .fsRowBody input[type=checkbox]:before, .fsForm .fsRowBody input[type=radio]:before {
	border: none;
}

.fsForm .fsRowBody input[type=checkbox]:before, .fsForm .fsRowBody input[type=checkbox]:checked:before, .fsForm .fsRowBody input[type=radio]:before, .fsForm .fsRowBody input[type=radio]:checked:before {
	display: block !important;
    width: 13px !important;
    height: 13px !important;
	background-size: 70% !important;
}

.fsForm .fsRowBody input[type=radio]:before, .fsForm .fsRowBody input[type=radio]:checked:before {
    width: 12px !important;
    height: 12px !important;
}

.fsForm .fsRowBody .fsOptionLabel.horizontal input[type="radio"] {
	top: 0px !important;
}
.fsOptionLabel.horizontal + .fsOptionLabel.horizontal {
	margin-left: 20px;
}


/*section-next-step*/
#centercontent .section-next-step .col-md-6:last-child .fsBody h2 {
	margin-top: 19px !important;
	margin-bottom: 10px !important;
}

#centercontent .section-next-step .col-md-6:last-child .fsBody .fsRowBody {
    margin-bottom: 20px !important;
}


/**Numbered Lists**/
#MainContent > .container #layoutcontainer ol > li { 
    margin: 0;
	margin-bottom: 10px;
    padding: 0;
	font-weight: 300;
}

.no-bullet:before {
	content: "" !important;
	padding-left: 1em;
}

/**Full-width background strip (without new section)*/
#full-width-strip {
    background-color: #c9e3fd;
    padding: 10px 9999px 30px !important;
    margin: 50px -9999px 40px;
}
/*with bg, as seen in TYP and ARB desert discovery splices*/
#full-width-strip.bg {
	text-align: center;
	padding: 40px 9999px !important; 
}
#full-width-strip.desert-discovery {
	background: url("https://ueestatic.fullerton.edu/static/ARBO/images/sub-plant-map.jpg") center no-repeat !important;
}
#full-width-strip.bg .text {
	background-color: rgba(0,0,0,.72);
	color: #fff;
	max-width: 780px;
	margin: 0 auto;
	padding: 30px 20px 20px !important;
}
#centercontent #full-width-strip.bg h3 {
	background: none !important;
	color: #fff !important;
	font-size: 30px !important;
	margin-top: 0px !important;
}
#layoutcontainer #full-width-strip.bg .btn {
    background-color: #0059a2 !important;
	color: #fff;
	margin-top: 15px !important;
}
#MainContent #layoutcontainer #full-width-strip.bg .btn:hover {
    background-color: #fff !important;
	color: #0059a2 !important;
}


/**Social Media Icons**/
.social-icons h3 {
	color: #fff;
	font-size: 30px;
	font-weight: 100;
}

.social-icons a {
	display: inline-block;
    width: 44px;
    height: 35px;
	margin-right: 22px;
	text-decoration: none !important;
	background-repeat: no-repeat !important;
}

.social-icons a.facebook-icon {
	width: 26px;
}

.social-icons a:last-child {
	margin-right: 0px;
}

#divE .social-icons a:hover {
	background-color: transparent !important;
    border-bottom: dotted 1px transparent !important;
}

/*#MainContent #divE a:link*/ #MainContent #divE a:active, #MainContent #divE a:visited, #centercontent a:hover {
	border-bottom: none !important;
}

.social-icons .linkicon {
	display: none !important;
}


/**Footer**/
/*old styles for CSUF logo below*/
/*#divFooter .logo {
    width: 210px;
}
#divFooter .logo a {
    background-size: contain !important;
    height: 70px !important;
}*/
#divFooter .accessibility {
	margin-top: 0px;
}
#divFooter a, #divFooter p, #divFooter .accessibility h2, #divFooter .accessibility li, #divFooter .accessibility a { background: transparent; }

/*footer hack: EIP logo & social icons*/
#divFooter .logo {
	margin-top: 0px !important;
	width: 200px;
}
#divFooter .logo a {
    background: url(https://ueestatic.fullerton.edu/static/assets/images/EIP-logo-footer.png) no-repeat;
    width: 165px;
    height: 70px;
    display: inline-block;
    background-size: contain !important;
}

#divFooter #social-icons, #divFooter #sa-social-icons {
	display: inline-block; 
	float: right;
	font-size: 24px;
	line-height: 1.2;
}
#social-icons a span, #sa-social-icons a span {
    padding: 0 5px 0 10px;
    /*font-family: 'Font Awesome 5 Brands' !important;*/
}
#divFooter .disclaimer {
    width: fit-content;
}
/*remove once all sites upgraded to version 4.1.3+*/
#divFooter .accessibility {
	margin-top: 8px;
}
#divFooter .accessibility h2 {
    line-height: 1.5em;
    padding: 3px;
    padding-left: 0px;
    padding-top: 12px !important;
}

/*25Live Calendar*/
#centercontent .Events_CalendarBlocks .EventCard .description, .Events_CalendarBlocks .fa-calendar {
	display: none;
}

/*fix "more" events grid
#divB_Ajax_RemainingEvents #divB_Ajax_EventsContainer {
   grid-template-columns: .15fr repeat(5, 20%) .15fr;
   grid-column-start: 2;
   -ms-grid-template-columns: .15fr 20% 20% 20% 20% 20% .15fr;
   -ms-grid-column-start: 2;
   display: grid;
   display: -ms-grid;
   grid-gap: 5px;
   grid-auto-rows: minmax(100px, auto);
}*/
#centercontent .Events_CalendarBlocks .EventCard .EventDate span:nth-child(1), #centercontent .Events_CalendarBlocks .EventCard .EventDate span:nth-child(2), #centercontent .Events_CalendarBlocks .EventCard h3, #centercontent .Events_CalendarBlocks .EventCard h3 a { font-family:inherit !important; }
.EventsFrame_ctrl_off {
	padding: 0px !important;
}
/*#divB_Ajax_RemainingEvents #divB_Ajax_EventsContainer > .EventCard_Shell:nth-child(5n+1) {
    grid-column-start: 2;
}*/
#centercontent .Events_CalendarBlocks .EventCard {
	float: none;
	background-color: #eee;
    padding: 0px 0px 10px !important;
	min-height: 172px;
}
#centercontent .Events_CalendarBlocks .EventCard:hover {
	box-shadow: none;
}
#centercontent .Events_CalendarBlocks .EventCard .EventTitle, #centercontent .Events_CalendarBlocks .EventCard .EventDate, #centercontent .Events_CalendarBlocks .EventCard .EventTime, #centercontent .Events_CalendarBlocks .EventCard .EventDateText, #centercontent .Events_CalendarBlocks .EventCard .EventDateText span:nth-child(3) {
    width: 100%;
    float: none;
    margin: 0 auto;
    text-align: center;
}
#centercontent .Events_CalendarBlocks .EventCard h3, #centercontent .Events_CalendarBlocks .EventCard h3 a, #centercontent .Events_CalendarBlocks .EventCard .EventDate span:nth-child(1), #centercontent .Events_CalendarBlocks .EventCard .EventDate span:nth-child(2) {
	font-family: "Open Sans", proxima-nova, Arial, serif !important;
}
#centercontent .Events_CalendarBlocks .EventCard .EventDate {
	background-color: #00274c;
	padding: 10px 0;
	height: 70px;
}
#centercontent .Events_CalendarBlocks .EventCard .EventDate span:nth-child(1), #centercontent .Events_CalendarBlocks .EventCard .EventDate span:nth-child(2) {
	color: #fff;
    text-transform: uppercase;
	font-weight: 200;
}
#centercontent .Events_CalendarBlocks .EventCard .EventDate span:nth-child(1) {
	font-size: 22px;
	font-weight: 200;
}
#centercontent .Events_CalendarBlocks .EventCard h3 {
	line-height: 1.2;
	margin-bottom: 0px !important;
}
#centercontent .Events_CalendarBlocks .EventCard h3 a {
	font-size: 17px;
}
#centercontent .Events_CalendarBlocks .EventCard .EventTitle {
	margin-top: 12px;
	padding: 0px 8px;
	min-height: 50px;
}
.EventDate, #centercontent .Events_CalendarBlocks .EventCard .EventTime, #centercontent .Events_CalendarBlocks .EventCard .EventDateText span:nth-child(3) {
    font-size: 14px;
}
/*#divB_Ajax_RemainingEvents {
	float: none !important;
    text-align: center;
}*/
#centercontent #divB_Ajax_events #divB_Ajax_RemainingEvents p input[type='button'].button.MoreEventsButton {
    background: none !important;
    color: #00274c !important;
    border: none!important;
	border-radius: 50px;
	font-family: "Open Sans", proxima-nova, Arial, serif !important;
	text-transform: uppercase;
	font-weight: 600 !important;
	text-decoration: underline;
}
#centercontent #divB_Ajax_events #divB_Ajax_RemainingEvents p input[type='button'].button.MoreEventsButton:active, #centercontent #divB_Ajax_events #divB_Ajax_RemainingEvents p input[type='button'].button.MoreEventsButton:focus {
	border: none !important;
}

#centercontent .Events_CalendarBlocks.grid-container { display:block; }
#centercontent .Events_CalendarBlocks.EventCard_Shell.Events_CalendarBlocks { width: 20%; }

@media (max-width: 1000px) {
#centercontent .Events_CalendarBlocks.EventCard_Shell.Events_CalendarBlocks { width: 33%; }
}
@media (max-width: 580px) {
#centercontent .Events_CalendarBlocks.EventCard_Shell.Events_CalendarBlocks { width: 100%; }
}	







/**SUBPAGES**/
/**Sub-banner**/
.sub-banner {
    min-height: 356px;
    line-height: 356px;
    text-align: center;
	padding: 0px !important;
}
.sub-banner .title {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.sub-banner .title .lead {  
    /*background-image: url(https://ueestatic.fullerton.edu/static/assets/images/orange-ribbon-sub-small.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
    background-position-y: 10px !important;
	background-size: auto 42px !important;*/
}
.sub-banner .title .lead span { background:transparent; text-shadow: 2px 2px 0px rgba(0,0,0,0.15); }

/**faqs page**/
.page-faqs #divB h2.h1 {
    margin-top: 20px !important;
}

.page-faqs .strike span {
    background: #222 url(//ueestatic.fullerton.edu/static/assets/images/orange.gif);
    padding: 5px 20px !important;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}

/**interview page**/
.page-interview .h1 {
	text-align: center;
	}

.page-interview .faculty-box {
	display: block;
	margin: 10px auto 20px;
   	padding: 10px 24px;
   	text-align: center;
}

.page-interview .faculty-box .thumb {
   	margin: 0 auto;
   	width: 226px;
   	height: 226px;
}

.page-interview .faculty-box img {
    border-radius: 50%;
    border: 1.5px solid #e17000;
    padding: 5px;
    margin-bottom: 10px;
    width: inherit !important;
}

.page-interview #centercontent .faculty-box .name {
	color: #0059a2;
	font-weight: bold !important;
	margin-bottom: 0px !important;
	font-size: 22px !important;
}

.page-interview .faculty-box .title p:last-of-type {
	font-size: 18px !important;
	line-height: 1.4 !important;
}

.page-interview .question {
	font-size: 24px !important;
	color: #0074A4;
	font-weight: 600 !important;
}

/**bank wire transfer page**/
.page-wire-transfer .divA, .page-wire-transfer .divC, .page-wire-transfer .divD, .page-wire-transfer .divE {
	display: none;
}

.page-wire-transfer .table-responsive.recipient .table tbody tr td:first-child {
	background-color: #f1f1f1 !important;
	font-weight: bold !important;
}

@media screen and (max-width: 1280px) {
#Navigation .container { max-width: 90% !important; }
    	
.main-banner .title {
	max-width: 90% !important;
}
}


@media screen and (max-width: 799px) { 	
.main-banner .title {
	max-width: 100% !important;
	padding-left: 15px !important;
}
}

@media screen and (min-width: 750px) { 
#navMain li:first-child a { }
}

@media screen and (max-width: 750px) { 
#divA_content, #divB_content, #divC_content, #divD_content, #divE_content, #divF_content, #divG_content, #divH_content, #divI_content, #divJ_content, #divK_content, #divL_content, #divM_content, #divN_content, #divO_content, #divP_content, #divQ_content, #divR_content, #divS_content, #divT_content, #divU_content, #divV_content, #divW_content, #divX_content, #divY_content, #divZ_content {
    max-width: 100%;
}    
 
#SearchNav input[type='text'] { margin-left: 6px !important; margin-top: 2px !important;  } 

#CSUFTopLink { float: right; width: 10%;  }
#SearchNav { width: 65% !important; }
    #searchTools { width: 85% !important; margin-right: 1.5%; float: none;  }
    #searchButton { width: 15%; }
    
    
#CSUFLink_Search > .container {
    max-width: 100%;
    background-color: #00274c !important;
}
#divHamburgerMenu #btnMobileMenu { 
	margin: 6px 0px 0px 8px !important; 
    border: 1px solid #ddd !important;
    background:#00274c;
    color:#fff !important;
}
	
#SearchNav {
	z-index: 1 !important;
}
		
#CSUFTopLink {
    margin-right: 14px /*17px*/ !important;
    margin-top: 3px !important;
	padding-left: 0px /*6px*/ !important;
	position:relative;
}
	
#CSUFLink_Search #SearchNav input[type='text'], #CSUFTopLink {
	height: 29px !important;
}
	
#CSUFTopLink a:before {
    position: absolute !important; 
	left:0px; 
	color:#fff !important;
	padding:0 !important;
	width: auto !important; height: auto!important; 
}
	
#MainContent #centercontent #layoutcontainer { 
	margin-top: -7px !important; 
}
	
.strike {
	/*overflow: visible;*/
    white-space: inherit;
}
	
.row {
	margin-right: 0px;
	margin-left: 0px;
}
.divB img.icons {
    width: 92px !important;
}
.table-responsive { border-top: 0px !important; margin-top: 20px !important; }
.table-responsive table { margin-top: 0 !important; }	
.table-responsive p { padding-left:15px !important; padding-right:15px !important; }
}

table tr td, table tr th, table tr td:first-child a, table tr td a, #centercontent table tr td a {
    font-family: "Open Sans", proxima-nova, Arial, serif !important;
}

@media screen and (max-width: 800px) { 
#navMain li.active a { 	/*upgrade*/
	background: none;
}
#navMain li a:hover, #navMain li a:active {
	color: #fff !important;
}
	
#divFooter {
	text-align: center;
	max-width: 100%;
	width: 100%;
}
#divFooter .logo {
	width: 100%;
	margin: 0 auto !important;
}
#divFooter #social-icons, #divFooter #sa-social-icons {
	display: block; 
	width: 100%;
	margin: 10px 0 0 !important;
}
#divFooter .disclaimer p, #divFooter .TemplateVersion {
	float: none;
    margin-left: inherit !important;
}
}

@media screen and (max-width: 799px) { 
	.mobileopen #Tabs #navMain li {
    height: auto;
    opacity: 1;
}
    #search-button {
    padding: 5px 8px /*2px 8px*/ /*4px 12px*/ !important;
    margin: 0 !important;
    margin-top: 1px !important;
    width: initial !important;
    height: auto !important;
    font-size: 12px !important;
    /*text-transform: uppercase !important;*/
    letter-spacing: 1px;
    }
	#Navigation {
		top: 0;
	}
	#sitename {
		margin-top: 5px !important;
	}
	#sitename a {
		font-family: 'League-Gothic', proxima-nova, lato, Arial, san-serif !important;
		font-size: 50px !important;
		line-height: 1 !important;
		font-weight: inherit;
	}
	#CSUFTopLink, #CSUFTopLink a { 
		background-color: #0059a2 !important;
		font-weight: 600;
		height: 30px !important;
		border-radius: 100px;
		z-index: 2;
	}
	
	#CSUFTopLink a {
		content: "";
	}
    #MainContent .divB p img, .divB .img-icon, .divB .pull-left.img-icon, .page-advising #divC .img-icon {
    margin: 20px auto !important;
}
	#MainContent .divB .pull-left {
		float: none !important;
	}
	
    #MainContent .divB img.linkicon {
    margin: 0px auto !important;
}
}

/*IPAD*/
@media screen and (min-width: 500px) and (max-width: 799px) { 
    #divHamburgerMenu { position: absolute; top:0px; }
    #SearchNav { padding-top: 6px !important; }
	#SearchNav input[type='text'] { height: 28px !important; border-radius: 50px !important; }
	#CSUFLink_Search, #branding:before { background: none !important; }
	#CSUFLink_Search { background: #00274c !important; padding-top: 5px; }
	#btnMobileMenu { margin-top: 4px !important; }
	.menubar { background: #fff !important; }
	#sitename { margin-top: 5px !important; }
	#sitename a {
		font-family: 'League-Gothic', proxima-nova, lato, Arial, san-serif !important;
		font-size: 54px !important;
		line-height: 0.92 !important;
		font-weight: inherit;
	}
	#CSUFTopLink a:before {
		position: absolute !important;
		top: -1px /*-3px*/ !important;
		right: 3px !important;
	}
	#CSUFTopLink, #CSUFTopLink a { margin-top: 2.5px !important; }
	#divB_content .img-icon { float: right; }
}

@media screen and (min-width: 750px) and (max-width: 800px) { 
	#searchButton a { padding: 3px 10px !important; height: 26px !important; 
	background: #00274c !important;
}
}

/*MOBILE*/
@media screen and (max-width: 499px) { 	
#SearchNav input[type='text'] { height: 24px !important; border-radius: 50px !important; }
#CSUFLink_Search .container {
    height: 42px !important;
}
	#SearchNav {
	    left: 37px !important;
		padding-left: 0px !important;
	}
	#CSUFTopLink { 
		margin-top: 5px !important;
	}
	#SiteSearch_starting {
		top: 14px;
	}
	#CSUFLink_Search #btnSettingsSlider, #CSUFLink_Search #btnSearchSlider {
    	color: #ccc !important;
	}	
	
    #Navigation > .container { padding-top:15px; padding-bottom:15px; }
    #navMain li:hover, #navMain li:hover a, #navMain li.active, #navMain li.active a,
    #navMain li:hover > div 
    { display:block !important; }
    
    #Tabs #navMain .ExtendedNav a, #navTabs2Main .ExtendedNav a, .ExtendedNav ul, .ExtendedNav ol { background-color: #444 !important; color:#fff !important; }
    
    /*#divHamburgerMenu #btnMobileMenu:hover .menubar {
    background-color: #0059a2 !important;
        border-color:#0059a2;
    }*/
	#divHamburgerMenu.mobileon #btnMobileMenu span:nth-child(2).menubar, #divHamburgerMenu.mobileon #btnMobileMenu span:nth-child(4).menubar, #divHamburgerMenu #btnMobileMenu:hover .menubar {
		background-color: #fff !important;
	}
	
	.img-left, .pull-left {
		float: none !important;
	}
	/*fix mobile table issue with v.4.0.99.f upgrade 5/21/19 RS*/
	.table-responsive table, .table-responsive tr, .table-responsive th, .table-responsive td {
	    clear: none;
    	float: none;
	}
	.table-responsive tr td, .table-responsive tr th {
	    border: 1px solid #ddd;
	}
	.table-responsive tr {
    	border-bottom: none;
	}
	.text-xs-center {
		text-align: center !important;
	}
	.img-xs-center {
		display: block;
		float: none;
		margin-left: auto !important;
		margin-right: auto !important;
	}

#CSUFTopLink a:before { 
	padding-top: 8px !important; 
}

#full-width-strip.bg {
background-size: cover !important;
background-position-x: 980px !important;
}
#full-width-strip.bg .text {
    margin: 0 10px 0;
}	
	
/**current students page**/
.page-currentstudents #centercontent .strike {
	white-space: inherit;
}	
.page-currentstudents .strike span {
    font-size: 24px !important;
}	
.page-currentstudents .strike > span:before {
    margin-right: 6px;
}
.page-currentstudents .strike > span:after {
    margin-left: 6px;
}	
	
/**faqs page**/
.page-faqs .strike span {
    font-size: 20px !important;
}
.page-faqs .strike > span:before {
    margin-right: 10px;
}
.page-faqs .strike > span:after {
    margin-left: 10px;
}	

/*make ticker show full message and faster for mobile*/
/*NEWS TICKER (THALL MOVE) UNTIL 11/10/19*/
@-webkit-keyframes ticker {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
		 visibility: visible;
	}
	 100% {
		 -webkit-transform: translate3d(-100%, 0, 0);
		 transform: translate3d(-100%, 0, 0);
	}
}
 @keyframes ticker {
	 0% {
		 -webkit-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
		 visibility: visible;
	}
	 100% {
		 -webkit-transform: translate3d(-100%, 0, 0);
		 transform: translate3d(-100%, 0, 0);
	}
}
.ticker-wrap .ticker {
	 -webkit-animation-duration: 20s;
	 animation-duration: 20s;
}
}


@media screen and (max-width: 320px) {
.page-faqs .strike span {
    font-size: 18px !important;
}
}