﻿/**UEE-COMM**/

@-moz-document url-prefix() { fieldset { display: table-cell; } }
/*@import url("https://www.w3schools.com/w3css/4/w3.css);*/
@import url("https://ueestatic.fullerton.edu/static/assets/css/w3-static.css");
@import url("https://pro.fontawesome.com/releases/v5.0.13/css/all.css");
@import url("https://ueestatic.fullerton.edu/static/assets/css/fontawesome-all.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url('https://fonts.googleapis.com/css?family=Advent+Pro:100,400');
@import url("https://use.typekit.net/weh0xbg.css");
@import url("https://ueestatic.fullerton.edu/static/assets/css/uee-info-bar.css");

/*Info-bar Speical Message Banner*/


/*FIXES AFTER OMNI UPGRADE 08/2018*/
/*fix 3-col padding*/
.col-sm-4, .col-md-4 {
	padding-right: 15px !important;
	padding-left: 15px !important;
}

/*fix glyphicon font*/
.glyphicon {
	font-family: 'Glyphicons Halflings' !important;
}
/*glyphicon replacement for sites using bootstrap 4+ (glyphicons removed)*/
.arrow {
	padding-left: 2px !important;
}
div.p-like { font-size: 16px !important; font-weight: 100 !important; }
body #centercontent .important-message {
	background: #E60000 !important;
    display: block;
    padding: 12px 16px !important;
    margin: 10px auto !important;
    color: #fff;
	font-size: 16px !important;
	line-height:1.4 !important;
    font-weight: normal !important;
}
body #centercontent .important-message strong {
	font-weight: 700;
}

/**GENERAL**/
body {  -webkit-font-smoothing: antialiased; }
a:hover, a:focus {
    color:inherit;
    text-decoration: none;
    /*background-color: inherit !important;*/
}

#MainContent a { 
	text-decoration: underline; 
}
#MainContent a:hover { }

#MainContent a:link, #MainContent a:visited { 
	background-color: inherit; text-decoration: underline; 
}

#MainContent a.btn, #MainContent a.btn:link, #MainContent a.btn:visited { 
	text-decoration: none !important; 
}

#centercontent .anchor {
    margin: 0px;
    height: 0px;
}

.T4_0020 #divContentContainer1 {
    float: none;
    width: 100%;
}

#MainContent { 
	min-height: auto; 
}

#MainContent #divFooter .container { 
	max-width: 1200px !important; 
}

/*#divContentContainer1 > div > div, #divContentContainer2 > div > div, #divContentContainer3 > div > div, #divY #divY_content, */
#divA_content, #centercontent #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: 1200px; margin: 60px auto !important; 
}

.img-center {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}

/**DIVS**/

#divC, #divD { 
	width: 100%;
	padding: 30px 0; 
	margin-bottom: 0px; 
	font-size: 1.3em;
}

#divC_content, #divD_content { 
	margin: 30px auto; 
}

#divC h2, #divD h2 { 
	text-align:center; 
}

/*#divC a, #divD a { color: inherit; background-color: transparent !important; }*/
#divC a:hover, #divD a:hover { 
	color: inherit; 
	background-color: rgba(255, 255, 255, 0.3) !important; 
}

#divC { 
	background: #eee; 
	padding-bottom: 1px; 
}

#divC h2, #divD h2 { 
	padding-bottom: 20px !important; 
}

.section-at-a-glance p, .icons-float p {
    font-size: 15px !important;
    line-height: 1.3;
    min-height: 110px;
    overflow: hidden;
    margin-top: 10px !important;
}
.section-at-a-glance p strong, .icons-float p strong {
    font-size: 18px;
    display: block;
    margin: 0 auto 2px;
}
.section-at-a-glance img, .icons-float img {
    float: left;
    margin: -8px 10px 10px;
    width:100px;
}

#MainContent #layoutcontainer .section-at-a-glance a.btn, .icons-float a.btn {
	font-size: 17px !important;
}

#divD, .section-next-step { 
	background: #c9e3fd; 
}

#divD .row > h2, .section-next-step .row > h2 { font-size: 36px; text-align:center; }
#divD .row > p, .section-next-step .row > p { font-size:18px; margin-bottom:20px; }
#divD .row, #centercontent .section-next-step .row { margin-top: 20px; }
#divD .box-left, #centercontent .section-next-step .box-left {  margin-top: 2px; padding: 30px; }
#divD .box-left, .section-next-step .box-left, #divD .fsBody .fsForm, .section-next-step .fsBody .fsForm {  min-height: 570px; }
#divD .box-left .box-left-img, .section-next-step .box-left .box-left-img { max-width:520px; height:200px; background-size:cover !important;}
#divD .fsBody .fsForm .fsLabel, #divD .fsBody .fsForm .fsOptionLabel, #divD .fsBody .fsForm .fsMatrix th, #divD .fsBody .fsForm .fsMatrixLabel, #divD .fsFieldCell, .section-next-step .fsBody .fsForm .fsLabel, .section-next-step .fsBody .fsForm .fsOptionLabel, .section-next-step .fsBody .fsForm .fsMatrix th, .section-next-step .fsBody .fsForm .fsMatrixLabel, .section-next-step .fsFieldCell { font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important;	 font-weight: 700 !important; }
#divD .fsForm select { margin: 4px 0 8px; height: auto; padding: 10px; }
#divD .box-left-wrap .box-left-img, #centercontent .section-next-step .box-left-wrap .box-left-img { margin: 60px auto 0; }
#divD .box-left-wrap .btn, .section-next-step .box-left-wrap .btn { margin:0px !important; }
#divD .box-left-wrap .box-left p, .section-next-step .box-left-wrap .box-left p { text-align:center; }
#divD .box-left-wrap .box-left-p, .section-next-step .box-left-wrap .box-left-p { text-align:left !important; font-size:19px; padding:4px; margin: 10px 0; }
#divD img, .section-next-step img { margin: 0;  padding: 0; }
#divD .glyphicon, .section-next-step .glyphicon { top: 2px; left: 6px; }
/*#divD .box-left {
    margin-top: 18px;
}*/

/**IFRAME**/

iframe {
    width: 100% !important;
    max-width: 100% !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.border-box {
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/
    margin: 10px 0;
    padding: 20px;
}

/**ACCORDION**/
.accordion-single {
    border-bottom: 1px dotted #ccc;
    padding: 14px 0 !important;
}

.accordion-single button:after {
    content: " " url(//ueestatic.fullerton.edu/static/assets/images/chevron-down.png);
    opacity: .4;
}

.accordion-single button {
    padding:0;
    border:none;
    background:transparent;
}

.accordion-single .accordion-heading {
    padding: 0 !important;
    margin: 0 !important;
}

.accordion-single div { }

.accordion-single .accordion-inner {
    margin-top: 5px !important;
}

/**CLASS LIST ACCORDIONS**/
.page-classes #divF {
	display: none;
}

.page-classes .expand-btn button {
	-webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    border-radius: 50px !important;
    padding: 8px 40px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 19px;
    font-family: inherit !important;
    margin-top: 5px!important;
    white-space: normal;
	background: #00274C !important;
    color: #fff !important;
}

.page-classes .expand-btn button:hover {
	background-color: #ff7800 !important;
}

.page-classes .accordion-single {
    padding: 14px 0;
    margin-bottom: 2px;
    border: 0px solid #e5e5e5;
    border-radius: 0px;
    width: 100%;
    margin: 10px;
	padding: 0px;
	float: left;
}

.page-classes .accordion-heading {
    line-height: 50px;
    display: block;
    width: 100%;
    min-height: 94px;
    padding: 18px !important;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    background-color: #c9e3fd;
}

.page-classes .accordion-heading button {
	color: #333;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
	width: 100%;
}

.page-classes .accordion-heading button:hover, .page-classes .accordion-heading button:focus {
    text-decoration: underline;
}

.page-classes .accordion-single button:after {
    content: " ";
}

.page-classes .accordion-inner {
	padding-top: 0px !important;
}

/**FAQ**/
.page-faqs .faq-icon {
    max-width: 200px !important;
    margin: 0px auto 0;
    display: block;
}

.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;
}

/**BLOCKQUOTE**/
blockquote {
	padding: 0;
    border-left: 0px solid #eee !important;
    background-color: transparent;
    font-family: inherit !important;
    font-style: italic;
    font-weight: 100;
    letter-spacing: -0.01em;
	text-indent: -.28em;
    font-size: 32px !important;
    line-height: 1.4;
}

.testimonial-container blockquote {
	clear: none;
}

.notice { 
    font-size: 13px;
    line-height: 1.5;
    border: 1px dotted #ccc;
    display: table;
    padding: 10px;
}

blockquote span { font-size: 20px; display:block; font-style: normal; font-weight: 600; margin-top: 18px; }

/**BRANDING**/
#branding { 
	margin-bottom:10px; 
}

#branding:before { 
	content:""; 
    background: url(https://ueestatic.fullerton.edu/static/assets/images/emblem.png) no-repeat ; 
	width: 40px;
    background-size: cover;
    height: 72px; 
    float: left;
    margin-right: 10px; 
	    margin-top: -6px;
}

#branding, #unit a, #sitename a { 
	padding-left: 0px;
}

ul.LowerMenu_csuftree li a img {
    display: none;
}

ul.LowerMenu_csuftree li a {
    background: url(https://ueestatic.fullerton.edu/static/assets/images/emblem.png) no-repeat ;
    width: 36px;
    background-size: cover;
    height: 65px; 
    display: inline-block;
    margin-right: -10px !important;
}

#centercontent { 
	background-color: #fff; 
}

#centercontent em { 
	font-size:0.8em; line-height: 1.6; display: block;  
}
#centercontent em.lg { 
	font-size:0.9em; line-height: 1.6; display: block;  
}
#centercontent em.inline { display: inline;  } 
#centercontent p {
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 100;
}

#centercontent { 
	padding-top: 0px; 
}

#sitename a { 
	font-size: 2em; 
}

#SiteName_Tabs, #SearchNav li:last-child, #SearchNav {
    border-top: solid 0px #34638f;
    background: #00274C !important;
}

#SiteName_Tabs { 
	padding-bottom: 8px; 
}

/**BUTTONS**/
.btn-text {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    text-align: left;
}
.btn { 
	margin: 0 auto !important; 
}

.btn-sm { 
	font-size: 14px !important; 
}
.btn-border-white { border: 2px solid #fff !important; color:#fff !important; }
.btn-border-navy { border: 2px solid #00274c !important; color:#00274c !important; }

/*.btn-flag
    float: right;
    background: url(https://ueestatic.fullerton.edu/static/AMSE/images/flag-chinese.jpg) no-repeat center;
    width: 36px;
    height: 23px;
    background-size: contain;
}*/

.section-next-step .btn, body .fsBody .fsForm input.fsSubmitButton, .fsSubmit input.fsSubmitButton, .btn-orange, .fsSubmit input.fsSubmitButton:active, .btn-orange:active, .fsSubmit input.fsSubmitButton:link, .btn-orange:link, .fsSubmit input.fsSubmitButton:visited, .btn-orange:visited, #MainContent #layoutcontainer a.btn { 
	-webkit-border-radius: 50px !important; 
	-moz-border-radius: 50px !important; 
	border-radius: 50px !important; 
	padding: 8px 40px !important;  	
	font-weight: 400; 
	text-transform: uppercase; 	 
	font-size: 19px !important; 
	font-family:inherit !important; 
	margin-top: 5px!important;
	margin-bottom: 5px!important;
    margin-left:5px !important;
    margin-right:5px !important;
    white-space:normal;
}

/**BUTTONS-SOLID**/
.section-next-step .btn, body .fsBody .fsForm input.fsSubmitButton, .fsSubmit input.fsSubmitButton, .btn-orange, .fsSubmit input.fsSubmitButton:active, .btn-orange:active, .fsSubmit input.fsSubmitButton:link, .btn-orange:link, .fsSubmit input.fsSubmitButton:visited, .btn-orange:visited, #MainContent #layoutcontainer a.btn.btn-navy {
    background-image: none !important;
	background-color: #00274C !important;
    background: #00274c !important;
	border: 2px solid #00274c !important;
	color: #fff !important; 
}

/**BUTTONS-Line**/
a.btn { 
	background-color:#0059a2; 
	margin: 10px; 
	border: 2px solid #0059a2; 
	color:#0059a2; 
}

#MainContent #layoutcontainer a.btn:hover, #MainContent #layoutcontainer a.btn:focus, body .fsBody .fsForm input.fsSubmitButton:hover, .fsSubmit input.fsSubmitButton:hover, .btn-blue { 
	background-color: #0059a2 !important; 
    border: 2px solid #0059a2 !important; 
	color:#fff !important; 
}

/**PILLS**/
.pills {
    background-color: #f7f7f7;
    padding: 10px 20px!important;
    border-radius: 50px;
    margin-right: 5px;
    margin-top: 15px !important;
    display: inline-block;
}

/**COLOR**/
.color-01  { color: #e97a8a !important; }
.color-02 { color: #faf992 !important; }
#centercontent .color-white, .text-white { color: #fff !important; }
.color-grey, .text-grey { color: #666 !important; }
.color-navy, .text-navy { color: #00274C !important; }
.color-orange { color: #fe862c !important; }
.color-blue, a, button { color:#0059a2; }
.color-red { color:#dc3434; }
.bg-color-01 { background: #e97a8a; }
.bg-color-02 { background: #faf992 !important; }
.bg-color-light-blue {background: #c9e3fd !important;}
.bg-color-med-blue, .page-currentstudents #register-now.bg-color-med-blue { background:#3d75c0 !important; border: none !important; }
.bg-color-blue { background:#0059a2 !important; border: none !important; }
.btn.bg-color-blue { color:#fff !important; }
.bg-color-navy { background: #00274C !important; color:#fff !important; border:none !important; }
.bg-color-orange { background: #fe862c !important; color:#fff !important; border:none !important; }
.bg-color-grey { background: #777; }
.bg-color-light-grey { background-color: #F7F7F7 !important;}
.bg-color-white { background: #fff !important; }
.border-color-01 { border: 2px solid #e97a8a !important; }
.border-color-02 { border: 2px solid #faf992; } 
.border-color-white /*, #divY .btn*/ { border: 2px solid #fff !important; color:#fff!important; }
.border-color-grey { border: 2px solid #777; }
.border-color-orange { border: 2px solid #fe862c; }
.border-color-navy {    border: 2px solid #00274C;}
.border-box { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 10px 0; padding: 20px; }
.border-rbox { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 10px 0; padding: 56px 40px; }
.border-none { border: none !important; }

/**FORMSTACK**/
.fsBody { margin-top:-20px; }
.fsBody, .fsBody .fsForm .fsLabel, .fsBody .fsForm .fsOptionLabel, .fsBody .fsForm .fsMatrix th, .fsBody .fsForm .fsMatrixLabel, .fsSectionHeader h2 { -webkit-font-smoothing: antialiased !important; -webkit-text-size-adjust: none !important; font-family: 'Open Sans', sans-serif !important; }
.fsBody, .fsBody .fsForm .fsOptionLabel, .fsBody .fsForm .fsMatrix th, .fsBody .fsForm .fsMatrixLabel { font-size: 14px !important; }
.fsBody .fsSectionHeader { background: transparent !important; }
.fsBody .fsForm { background: #f7f7f7 !important; border: 1px solid #ddd !important; margin: 25px 0 20px; padding: 20px !important; box-shadow: 0 0 0 !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; }
.fsForm textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { 
	max-width: 100% !important;
	width: 100%; 
	background-image: none !important; 
	border: 1px solid #ccc !important; 
	margin: 0 0 6px; 
	padding: 8px 12px; 
}

body .fsBody .fsForm .fsSubmit.fsPagination { background-color: transparent !important; margin: 10px 0; }
.fsEmbed .fsPage {  max-width: 1200px; margin: 0 auto; text-align: left; }
.fsForm .fsSubmit { background-color: #f7f7f7 !important; padding: 0px !important; }
.fsBody .fsForm .fsPage input, .page-contact .fsBody .fsForm select.fsField { border: 1px solid #ccc !important; }
.fsBody .fsForm select.fsField { line-height: 20px !important; }

.section-next-step .fsForm select, .section-next-step .fsForm textarea { border:none; }

.fsBody .fsLabel, .fsBody label { margin-bottom: 6px; font-size:17px; }
.fsBody .fsForm .fsSupporting { margin-top: 4px; }
.fsBody .fsSubField { margin-right: 0px!important; width: 50%;}
.fsBody .fsSubField.fsNameFirst { padding-right: 15px !important; }
.fsBody .fsSubField.fsNameLast { padding-left: 15px !important; }
.fsForm textarea, .fsRowBody input[type=email], .fsRowBody input[type=number], .fsRowBody input[type=tel], .fsRowBody input[type=text] { max-width:100% !important; }
.fsCounter { text-align: left !important; }
/*.fsBody .fsForm .fsSectionHeading { font-size: 30px !important; line-height: inherit !important; }*/
.fsBody #fsCell39751811 { text-align: center; }
#centercontent .fsBody .fsRowBody { padding: 2px 14px !important; }
#centercontent .fsBody p { margin:0px; }
#centercontent .fsBody em { line-height:1.4; font-size:0.71em; }
.fsBody #fsRow2568877-1 h1, .fsBody #fsRow2568877-1 h1 { margin: 20px 0 15px; }
.fsBody .fsRow input { width: 100%; font-size:22px !important; }

.fsFieldRow input[type=email], .fsFieldRow input[type=number], .fsFieldRow input[type=tel], .fsFieldRow input[type=text], .fsForm textarea { font-weight: 600 !important; }
.fsSubmit input.fsSubmitButton:hover, .btn-orange:hover { background-color: rgba(255,120,0,0.2); color: #ff7800; }
.fieldset-content label.fsOptionLabel {
    padding: 0;
    margin: .5em 0 .5em;
    background: transparent !important;
    background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0) 0,rgba(228,228,228,0) 0%) !important;
    background-image: -moz-linear-gradient(-90deg,rgba(255,255,255,0) 0,rgba(228,228,228,0) 0%) !important;
    background-image: -webkit-linear-gradient(-90deg,rgba(255,255,255,0) 0,rgba(228,228,228,0) 0%) !important;
    background-image: -ms-linear-gradient(-90deg,rgba(255,255,255,0) 0,rgba(228,228,228,0) 0%) !important;
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0,rgba(228,228,228,0) 0%) !important;
    border: 0px solid #DFDFDF !important;
	line-height:1.4 !important;
}
.fsborderradius .fsBody .fsSectionHeader { margin: 0; padding: 0; }
.section-next-step .fsBody .fsLabel, .fsBody label { margin-bottom: 6px; margin-top: 0px; }
.section-next-step .fsBody .fsForm, .section-next-step .box-left {  background-color: transparent !important; border: 1px dashed #999 !important; }
.section-next-step .fsBody .fsFieldRow .fsRowBody { margin-bottom: 0px; }
.section-next-step .fsPage .fsLabel, .fsPage .fsLabel, .fsPage .fsLabel { text-align:left; }
.section-next-step .fsBody .fsForm .fsOptionLabel { display: inline-block; }
.section-next-step .fsPage .fsSectionHeader { margin-top: 0px !important; padding-top: 0px; }
.fsPage .fsSectionHeader h2 { text-align:left !important; }
body .section-next-step .fsPage h2 { margin-bottom: 0px !important; padding-bottom: 0px !important; font-size: 24px !important; letter-spacing: 0px !important; font-weight:400 !important; margin-top: 5px !important; }
.section-next-step em, .section-next-step h2, #centercontent .section-next-step .fsPage h2, .section-next-step .fsBody .fsForm, .section-next-step .fsBody .fsForm label, .section-next-step .fsBody .fsForm p, .section-next-step  p { color: #333 !important; }
.section-next-step .fsBody .fsForm .fsPage input {
    background-image: none !important;
    padding: 6px 8px !important;
    border: 0px solid #ccc !important;
}
.section-next-step .fsForm select { margin-top:4px; font-size:15px; }

body .section-next-step .fsBody .fsForm .form-disc { font-style:italic; font-size:12px !important; }
.section-next-step .fsRowBody input[type=checkbox].vertical { top:5px; }

/**Icons**/
.icons-svg { 
	width:70px; 
	fill:#002B54; 
}

.icon-box {
    border:2px dashed #ddd;
    padding: 10px 24px 30px !important;
    border-radius: 14px;
    margin-left: 0px;
    margin-right: 0px;    
    margin-top: 70px !important; 
    text-align: center; 
}

.icon-box img { 
    width: 106px;
    padding-top: 0;
    margin-top: 0;
    position: absolute;
    margin: 0 auto;
    display: block;
    top: -100px;
    left: 0;
    right: 0;
    display: inline-block;
}

.icon-box p { 
	font-size:19px !important; 
}
.icon-box h3 { 
	margin-top:45px !important; 
	margin-bottom:5px !important; 
	font-weight:600; 
}

/**IMAGE**/
.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 { max-width: none !important; }
.img-right {
    float: right;
    margin: 0px 0 30px 30px;
}

#divB_content .img-right {
    max-width: 420px !important;
}

.main-banner { 
    background: #dbdbdb ;
    height:440px; 
    width:100%;
}

.sub-banner { 
    background: #dbdbdb ;
    height:356px; 
    width:100%;
}

.image-wrap img {
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    max-width: 98% !important;
    margin: 10px 0 10px;
    padding: 0%;
}

.section-next-step img { width: 100%; }
.testimonial-img-left { float:left; margin-right:20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.testimonial-img-right { float:right; margin-left:20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.infobox3 img {
    max-width: 100%!important;
    height: auto!important;
    margin: 0px!important;
    padding: 0px!important;
} 
#centercontent .infobox3 h3 {
    position: relative;
    padding: 10px 10px 5px!important;
    display: block;
    background: #002B54;
    height: 50px;
    margin-top: -50px!important;
}
#centercontent .infobox3 h3 a, #centercontent .infobox3 h3 a:hover {
    color: #ffffff;
    display: block;
}
.infoboxp {
    margin-top: 10px !important;
}

/**LIST**/
#centercontent ul, #centercontent ol {
    margin-left: 40px;
}
#centercontent ul.indent, #centercontent ol.indent {
    margin-left: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#MainContent > .container #layoutcontainer ul ul, #MainContent > .container #layoutcontainer ol ul { 
	margin-top: 10px; 
}
#MainContent > .container #layoutcontainer ul > li { 
	list-style:none;
    margin: 0;
	margin-bottom:10px;
    padding: 0;
	text-indent:-1.2em;
	font-weight: 300;
	font-size: 18px !important; 
	    line-height: 1.5;
}

#MainContent > .container #layoutcontainer ul > li:before {
    content: "● ";
    color: #ccc;
	margin-right: 4px;
}

#MainContent > .container #layoutcontainer ul > li > ul > li:before {
    content: "○ ";
    color: #bbb;
	margin-right: 4px;
}

.list-level-2 { margin-bottom: 20px; margin-top: 14px; }

.gutter-box {
    margin-right: -15px;
    margin-left: -15px;
	margin-top: 0px;
	margin-bottom: 0px;
    padding-top: 15px !important;
    padding-right: -15px !important;
    padding-left: -15px !important;
}
.gutter-box > [class^="col-"], .gutter-box > [class^=" col-"] {
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin: 30px 0;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
}
.gutter-box div > span, .gutter-box > div > div {
    border: 0px;
    font-size: 14px;
    background: #f7f7f7; 
	font-size:1em !important;	
	color:#666;
	font-weight: 400;
}
.gutter-box > [class^="col-"] > span, .gutter-box > [class^=" col-"] > span,
.gutter-box > [class^="col-"] > div, .gutter-box > [class^=" col-"] > div {
    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;
    padding: 25px !important;
    font-size: 1.2em;
	text-indent: initial;
    border:2px solid #eee;
}
.gutter-box > div > span, .gutter-box > div > div { margin-top: 0px; margin-bottom: 0px;  }
.gutter-box > div > span .vmiddle { 
	display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.gutter-box .vmiddle strong { margin-bottom:6px; display:block; font-size:1.3em; }
.gutter-box ul { text-align:left; margin-top:10px; margin-left:20px !important; }

.gutter-box > .col-md-offset-3 { margin-left:25% !important; }
.gutter-box > .col-md-offset-3 > div { margin:10px auto !important; }

.list-dots>li {
    line-height: 1.4;
    font-size: 14px;
    counter-increment: item;
    list-style: none inside;
    overflow: inherit;
    display: inherit;
    clear: both;
}
.list-dots>li span {
    overflow: hidden;
    display: block;
}
.list-dots>li:before {
    content: counter(item);
    margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 4px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 53px;
    background: #00274C;
    color: #fff;
    text-align: center;
    font-size: 44px;
    font-weight: 100;
    float: left;
    width: 70px;
    height: 70px;
    clear: both;
}
.list-dots li p {
    display: table-cell;
    vertical-align: middle;
}   
.list-dots strong { 
    font-size: 20px;
    display: block;
}

/**MARGINS-PADDINGS**/
.clear { clear: both; }	
.hidden{ display: none; }
hr { border: none; height: 1px;  color: #ddd; background-color: #dcdcdc; clear:both; }
.mtop-10 { margin-top:-10px !important; }
.mtop-20 { margin-top:-20px !important; }
.mtop-30 { margin-top:-30px !important; }
.mtop0 { margin-top: 0px !important; }
.mtop5 { margin-top: 5px !important; }
.mtop10 { margin-top: 10px !important; }
.mtop15 { margin-top: 15px !important; }
.mtop20 { margin-top: 20px !important; }
.mtop25 { margin-top: 25px !important; }
.mtop30 { margin-top: 30px !important; }
.mtop35 { margin-top: 30px !important; }
.mtop40 { margin-top: 40px !important; }
.mtop45 { margin-top: 40px !important; }
.mtop50 { margin-top: 50px !important; }
.mtop60 { margin-top: 60px !important; }
.mtop70 { margin-top: 70px !important; }
.mtop80 { margin-top: 80px !important; }
.mbottom0 { margin-bottom: 0px !important; }
.mbottom5 { margin-bottom: 5px !important; }
.mbottom10 { margin-bottom: 10px !important; }
.mbottom15 { margin-bottom: 15px !important; }
.mbottom20 { margin-bottom: 20px !important; }
.mbottom25 { margin-bottom: 25px !important; }
.mbottom30 { margin-bottom: 30px !important; }
.mbottom40 { margin-bottom: 40px !important; }
.mbottom50 { margin-bottom: 50px !important; }
.mbottom60 { margin-bottom: 60px !important; }
.mbottom70 { margin-bottom: 70px !important; }
.mbottom80 { margin-bottom: 80px !important }
.mleft0 { margin-left: 0px !important; }
.mleft10 { margin-left: 10px !important; }
.mleft15 { margin-left: 15px !important; }
.mleft20 { margin-left: 20px !important; }
.mleft25 { margin-left: 25px !important; }
.mright0 { margin-right: 0px !important; }
.mright5 { margin-right: 5px !important; }
.mright10 { margin-right: 10px !important; }
.mright20 { margin-right: 20px !important; }
.mcenter { margin-left: auto; margin-right: auto; }
.p20 { padding: 20px !important; }
.ptop0 { padding-top: 0px !important; }
.ptop5 { padding-top: 5px !important; }
.ptop10 { padding-top: 10px !important; }
.ptop15 { padding-top: 15px !important; }
.ptop20 { padding-top: 20px !important; }
.ptop25 { padding-top: 25px !important; }
.ptop30 { padding-top: 30px !important; }
.ptop40 { padding-top: 40px !important; }
.ptop50 { padding-top: 50px !important; }
.ptop60 { padding-top: 60px !important; }
.ptop70 { padding-top: 70px !important; }
.ptop80 { padding-top: 80px !important; }
.pbottom0 { padding-bottom: 0px !important; }
.pbottom5 { padding-bottom: 5px !important; }
.pbottom10 { padding-bottom: 10px !important; }
.pbottom15 { padding-bottom: 15px !important; }
.pbottom20 { padding-bottom: 20px !important; }
.pbottom25 { padding-bottom: 25px !important; }
.pbottom30 { padding-bottom: 30px !important; }
.pbottom40 { padding-bottom: 40px !important; }
.pbottom45 { padding-bottom: 45px !important; }
.pbottom50 { padding-bottom: 50px !important; }
.pbottom60 { padding-bottom: 60px !important; }
.pbottom70 { padding-bottom: 70px !important; }
.pbottom80 { padding-bottom: 80px !important; }
.pleft0 { padding-left: 0px !important; }
.pleft5 { padding-left: 5px !important; }
.pleft10 { padding-left: 10px !important; }
.pleft20 { padding-left: 20px !important; }
.pright0 { padding-right: 0px !important; }
.pright5 { padding-right: 5px !important; }
.pright10 { padding-right: 10px !important; }
.pright20 { padding-right: 20px !important; }


/**MARQUEE**/
.marquee {
    color:#fff; 
    font-size:13px; 
    letter-spacing:1px;     
	font-weight: 600;
	text-decoration: none !important;
     /*white-space: nowrap;
     -webkit-animation: rightThenLeft 4s linear;*/
}
.marquee:hover, .marquee:active, .marquee:focus, .marquee:link { 
	color:#fff !important; 
	text-decoration: none; 
}

.info-bar-wrap {
	color: #fff;
    background: #E17000; 
	text-align: center; 
	padding: 3px !important;
	font-weight: 600;
}

/**MODAL**/
.w3-container, .w3-panel { 
    padding: 50px !important;
    text-indent: initial;
    font-size: 16px !important;
}

.w3-display-topright { background: transparent !important; }
.w3-modal { z-index: 1000000; padding-top: 8%; }

.modal { top:10%; }
.modal-dialog {
    width: 928px;
    padding-top: 30px;
    padding-bottom: 30px;
}	 
.modal-content {
    position: relative;
    background-color: transparent;
    border: 0px solid #999;
    border: 0px solid rgba(0,0,0,0);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    background-clip: padding-box;
}
.modal-body {
    background: #fff;
    padding: 40px;
}


/**MODULES**/
#sitecues-badge {
    width: 112px;
    height: 28px;
}
#back_to_top .container { display: flex; }
/*#back_to_top .container::before, #back_to_top .container::after {
    display: inherit !important;
    content: " ";
} */

#back_to_top .container a {
    bottom: 18%;
	border: 0px solid #fff;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	margin-right: 20px;
	cursor: pointer;
    bottom: 1%;
    right: 0;
    left: 0;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    background: url(https://ueestatic.fullerton.edu/static/assets/images/back_to_top.png) no-repeat;
    width: 48px;
    height: 48px;
    display: block;
    background-size: contain;
}   
#back_to_top .container a img { width: 48px; display:none; }


/**NAVIGATION**/
.navbar { 
    border: 0px solid transparent;
	min-height: 42px;
    margin-top: -2px;
	margin-bottom:0px;
	z-index: 49 !important;
}
#navMain li, #navTabs2Main li {
    border-right: dotted 0px #286DBB !important;
    border-left: dotted 0px #286DBB !important;
    margin: 0px;
}
#navMain li { padding: 8px; }
#navMain li:first-child { padding-left: 0px; }
#navMain li:hover, #navMain li:hover a, #navMain li.active, #navMain li.active a { background-color: #00274C; color: #fff; }
#navMain li a { font-size: 16px !important; font-weight: 300; letter-spacing: 0.01em; text-transform: capitalize; }
#header_LowerScroll .container { padding: 12px 0 4px; }
#header_LowerScroll .LowerMenu_csuftree { margin-top: -2px; }
#header_LowerScroll .LowerScroll_site { margin-top: 0px; }
#header_LowerScroll #lowerscroll_menu ul { margin-bottom: 0px; margin-top: 0px; }
#header_LowerScroll .LowerScroll_Header_sitetabs li { border-left: dotted 0px #444; }
#header_LowerScroll .LowerScroll_Header_sitetabs a { margin-right: 12px; text-transform: capitalize !important; }
.LowerScroll_Header_sitetabs a, .LowerScroll_Header_sitetabs a:link, .LowerScroll_Header_sitetabs a:hover { color: #fff; background-color: #00274c !important; }
#Navigation.LowerScroll { border-bottom: solid 0px #E17000; }

#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 { top: 35px !important; }

#unit { margin-bottom: 0; margin-top:14px; }
#unit a { padding: 8px 1% 0; display: block; }
#unit a, #sitename a, #navMain li a, .LowerScroll_site a { font-family: proxima-nova, lato, Arial, san-serif !important; }
#sitename a, .LowerScroll_site a { font-weight:600; }
#SearchCSUF { border:0px !important; border-radius:10px; padding:0 8px !important; }
#SearchNav label { vertical-align: text-top; margin-left: 0px; font-size: 12px !important; }
#CSUFTopLink, #CSUFTopLink span { background-image: url(https://ueestatic.fullerton.edu/static/assets/images/wordmark-navy.png); }

/**SUBNAV**/
#Tabs2Social { padding-top: inherit; padding-down: inherit; height: inherit; }


/*SUB-RIBBON*/
.ribbon { background: #fe862c; height: 36px; width: auto; display: inline-block; padding: 0 2px 0 4px; margin: auto; position: relative; color: #fff !important; line-height: 36px; font-size: 1em; text-align: center; margin-left: 40px; text-transform: uppercase; }
/*.ribbon:before { content: ''; border: 18px solid #fe862c; border-left-color: transparent; border-left-width: 12px; position: absolute; top: 0; left: -30px; }*/
.ribbon img { padding: 0 8px 2px 15px; display: inline-block; }
.ribbon:after { content: ''; border: 18px solid #fe862c; border-right-color: transparent; border-right-width: 12px; position: absolute; top: 0; right: -30px; }

.sub-ribbon { background:#E17000; height: 58px; margin: -28px auto 0; text-align: center; position: relative; z-index: 10; text-transform:uppercase; letter-spacing:1px; }
.sub-ribbon:before { content: ''; border: 29px solid #E17000; border-left-color: transparent; border-left-width: 14px; position: absolute; top: 0; left: -43px; }
.sub-ribbon:after { content: ''; border: 29px solid #E17000; border-right-color: transparent; border-right-width: 21px; position: absolute; top: 0; right: -50px; }
.sub-ribbon-xxxxsm { width: 120px; }
.sub-ribbon-xxxsm { width: 140px; }
.sub-ribbon-xxsm { width: 180px; }
.sub-ribbon-xsm { width: 267px; }
.sub-ribbon-sm { width: 318px; }
.sub-ribbon-md { width: 388px; }
.sub-ribbon-lg { width: 440px; }
.sub-ribbon-xlg { width: 560px; }
.sub-title { position: relative; top: 13%; color: #FFFFFF; display: block; }
.sub-title-sm { font-size: 32px; position: relative; top: 13%; color: #FFFFFF; display: block; }
.gray-ribbon {
	text-align: center;
    background: #eee;
    /* border: 2px solid #c9e3fd; */
    border-radius: 10px;
    color: #3d75c0;
    width: 160px;
    margin: 20px auto 10px;
    padding: 5px 0;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 2px !important;
}

/**STRIKE**/
#centercontent .strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    margin: 40px 0 20px;
}
.strike > span {
    position: relative;
    display: inline-block;
}
.strike > span:before, .strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 2px;
    background: /*#ccc*/ #E17000;
}
.strike > span:after {
    left: 100%;
    margin-left: 20px;
}
.strike > span:before {
    right: 100%;
    margin-right: 20px;
}
.strike span {
	font-size: 28px;
	font-weight: 100;
}

/** SUBPAGES WITHOUT HEADER **/
.page-thankyou #divA, .page-schedule-table #divA, .page-404 #divA, .page-schedule-table #divC, .page-schedule-table #divD, .page-404 #divC, .page-404 #divD { display:none !important; }
.page-thankyou #divB {
    background: #fff url(https://ueestatic.fullerton.edu/static/assets/images/thankyou.jpg) center no-repeat;
    background-position-y: -200px;
    margin-bottom: 0;
}
.page-thankyou #divB_content { margin-top:0px !important; margin-bottom: 0px !important;  padding-bottom: 60px;  min-height: 600px; }

b, strong { font-weight: 600; }
#centercontent h1, #centercontent h2, #centercontent h3, #centercontent h4, #centercontent h5, #centercontent h6, #centercontent p {
    margin: auto;    padding: auto;
}
#divB p { margin-bottom: 10px; }

#centercontent h1, #centercontent h2, #centercontent h3, #centercontent h4, #centercontent h5, #centercontent h6, #centercontent p { font-family: inherit; }

h1, h2, h3, h4, h5, h6, h7, p, li, div, span, label, #MainContent a, p, #divFooter a, #divFooter p, #divFooter .accessibility a, .table-responsive th, .table-responsive td, #search-button  { font-family: "Open Sans", proxima-nova, Arial, serif !important;	}
h3, h4, h5, h6, h7 { letter-spacing:0px !important; }
body #centercontent h1, #centercontent h2, body #centercontent .h1 { color: #0059a2 !important; letter-spacing: -0.02em; }

#centercontent h2 {
    font-weight: 300;
}
#divB h1, #divB h2 {
    margin-top: 60px !important;
    margin-bottom: 10px !important;
}
/*#divB divB_content > h1, #divB #divB_content > h2 { margin-top: 0px !important; }*/
h1 { 
    font-size:40px !important; 
	/*font-family: league-gothic, sans-serif !important;*/
    color: #333;
    line-height: 1.3;
    font-weight: 100;
}
h1 span {     
	/*font-family: league-gothic, sans-serif !important;*/
    font-size: 0.33em;
    display: block;
    margin-left: 3px;
}
h2 {
    text-transform: none;
    font-size: 36px;
    font-weight: 100;
    line-height:1.3;
}
h3 { line-height: 1.3; }
#grey-box h4 { font-size:21px; font-style:normal; color:#0059a2; font-weight:600; }

p, li, th, td, a, span { text-shadow: 0 0 0 #bbb; -webkit-font-smoothing: antialiased; font-weight:inherit; }

.lower-case { text-transform:lowercase; font-weight:inherit; text-shadow:inherit; font-size:inherit; }
.text-xxxsm { font-size: 10px !important; }
.text-xxsm { font-size: 12px !important; }
.text-xsm { font-size: 14px !important; }
.text-sm { font-size: 16px !important; }
.text-md { font-size: 19px !important; }
.text-lg { font-size: 21px !important; }
.text-xlg { font-size: 24px !important; }
.text-xxlg { font-size: 28px !important; }
.text-xxxlg { font-size: 32px !important; }
#centercontent .text-center { text-align: center !important; margin-left:auto !important; margin-right:auto !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important;; }

.text-capitalize { text-transform: capitalize !important; }


/**TABLE**/
/*increase cell padding fr 8px to 12px 4/10/19 RS*/
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
	padding: 12px !important; 
}

.table tr th, .table tr td, .table tr td em, #centercontent .table tr th p, #centercontent .table tr td p, #centercontent .table tr td p em, #MainContent > .container #layoutcontainer .table tr td ul > li { 
	font-size: 14px !important; 
}

.table tr td p + ul { 
	margin-top: 10px; 
}

#centercontent .table tr th p, #centercontent .table tr td p { 
	margin-top: 0px;
	margin-bottom: 0px;
}

.table tbody tr td {
	color: #444;
}

.table tbody tr td:first-child {
	background-color: inherit;
	font-weight: normal !important;
}

.table .bg-color-navy {
	border: 1px solid #ddd !important;
	color: #fff !important;
}

.table tbody tr:hover, .table tr td:first-child:hover {
	background-color: #f7f7f7 !important;
}

.table-responsive {
	display: inline-block;
	width: 100%;
}

.table-responsive .note { 
	font-style: italic; font-size: inherit; font-weight: 100;
}

.table-responsive.schedule table tr td:first-child { 
	background-color: /*#c9e3fd*/ #c9e3fd !important; 
	border-bottom: 1px solid #ccc; 
}
.table-responsive.schedule table tr:nth-last-of-type(2) td { 
	border-bottom: 1px solid #ddd; 
}	

.page-schedule-table .class-schedule table tr th:nth-child(-n+8), .page-schedule-table .class-schedule table tr:nth-child(2) th:nth-child(2) {
	background-color: #00274c;
	color: #fff;
} 

.cell-gray, .page-schedule-table .class-schedule table tr:first-of-type th:nth-child(2), .page-schedule-table .class-schedule table tr th:nth-child(n+9), .page-schedule-table .class-schedule table tr td:nth-child(n+9) {
	background-color: #f1f1f1;
	color: #444;
} 

/*schedule tables without section column*/
.page-schedule-table .class-schedule.condensed table tr th:nth-child(-n+7), .page-schedule-table .class-schedule.condensed table tr:nth-child(2) th:nth-child(2) {
	background-color: #00274c;
	color: #fff;
} 

.page-schedule-table .class-schedule table tr:first-of-type th:nth-child(2), .page-schedule-table .class-schedule.condensed table tr th:nth-child(n+7), .page-schedule-table .class-schedule.condensed table tr td:nth-child(n+7) {
	background-color: #f1f1f1;
	color: #444;
} 

.page-schedule-table table tbody tr td {
	background-color: inherit;
	color: inherit !important;
	font-weight: normal !important;
} 

.page-schedule-table #centercontent table tbody tr td p {
	font-size: 14px !important;
} 

.table tbody tr:hover, .table tr td:first-child:hover {
	background-color: #f7f7f7 !important;
}

.page-schedule-table #centercontent #divB h2.h1 + h3, #centercontent h3.blue-ribbon {
    color: #333 !important;
	font-size: 18.5px !important;
    font-weight: 600 !important;
    /*text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
    background-image: url(https://ueestatic.fullerton.edu/static/AMSE/images/orange-ribbon-cohort.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 10px;*/
    padding: 8px 10px !important;
    background: #c9e3fd;
    position: relative;
    display: table;
    margin: 15px auto !important;
    text-align: center;
	height: unset;
}
.page-schedule-table #divB h2.h1 + h3:before, h3.blue-ribbon:before {
    content: '';
    border: 20px solid #c9e3fd;
    border-left-color: transparent;
    border-left-width: 14px;
    position: absolute;
    top: 0;
    left: -30px;
}
.page-schedule-table #divB h2.h1 + h3:after, h3.blue-ribbon:after {
    content: '';
    border: 20px solid #c9e3fd;
    border-right-color: transparent;
    border-right-width: 14px;
    position: absolute;
    top: 0;
    right: -30px;
}

.page-schedule-table .program-schedule table tbody tr:last-of-type td {
	background-color: #eee !important;
}

.disclaimer p:nth-child(2) { 
	margin-left:6px !important; 
}

.table-short {
	max-width: 500px;
	margin-left: 0px;
}

.table-short tbody tr td {
	border: 1px solid #b0b0b0;
}

/*gray table*/
.table-gray th, .table-gray td {
    background-color: #f1f1f1 !important;
}
#MainContent > .container #layoutcontainer .table-gray ul {
	margin-bottom: 0px;
}
#MainContent > .container #layoutcontainer .table-gray ul > li {
	font-size: 14px !important;
	margin-bottom: 3px;
}


/*mobile th width*/
@media screen and (max-width: 1000px) {
	.page-schedule-table .class-schedule table tr th:nth-child(9), .page-schedule-table .class-schedule table tr th:nth-child(10), .page-schedule-table .class-schedule table tr th:nth-child(11), .page-schedule-table .class-schedule table tr th:nth-child(12), .page-schedule-table .class-schedule table tr th:nth-child(13) {
		min-width: 120px;
	}
	.page-currentstudents .table-responsive table td, .page-currentstudents .table-responsive table th, .page-schedule-table .table-responsive table td, .page-schedule-table .table-responsive table th {
    	white-space: normal !important;
	}
}



/**FOOTER**/
#divFooter, #divFooter .accessibility { background: #333 !important; }
#divFooter { padding:45px 10px 25px; }
#divFooter .logo { margin: 10px 0 0 !important; }
#divFooter .logo a img {
    display: none;
}
#divFooter .logo a {
    background: url(https://ueestatic.fullerton.edu/static/assets/images/csuf-logo-footer.png) no-repeat ;
    width: 195px;
    background-size: cover;
    height: 46px; 
    display: inline-block;
}
#divFooter .disclaimer { border-left: solid 1px #555; margin:0 !important; }
#divFooter .disclaimer p { margin-left: inherit; margin-right:4px!important;}
#divFooter .accessibility {
    border-left: solid 0px #555;
    border-right: solid 0px #555;
    padding-left: inherit;
}
#divFooter .accessibility p { margin-left: 0; font-size: 0.9em; }
#divFooter .accessibility a { text-shadow: 2px 2px 2px rgba(0,0,0,0); font-size: 11px; }
#divFooter .accessibility ul { margin: 0; border-top: dotted 0px #225FB0; border-bottom: dotted 0px #225FB0; background: transparent !important; padding: 0px; }
#divFooter .accessibility ul li:first-child { border:0; padding-left: 0px !important; }
#divFooter .accessibility li {
    width: auto;
    text-align: left;
    border: 1px solid #777;
    margin-right: 10px;
    padding: 2px 10px 4px;
    text-indent: 0;
}

/*#MainContent #layoutcontainer a.bg-color-navy { background: #00274C !important; color:#fff !important; border:none !important; }
#MainContent #layoutcontainer a { background-color:transparent; }*/



/***RESPONSIVE-SMALL-DESKTOP***/
@media screen and (max-width: 1280px) {
#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, #SiteName_Tabs > .container, #CSUFLink_Search > .container {
    max-width: 90%;
}   
}




@media screen and (max-width: 991px) {
.page-classes .accordion-single {
	margin: 10px auto;
}	
.gutter-box > .col-md-offset-3 { 
	margin-left: 0 !important; 
}
#centercontent .strike {
    white-space: inherit;
}
}



@media screen and (max-width: 799px) {
.sub-banner { display:none; }
#navMain li:first-child, #navMain li {
    padding-left: 0;
}    
#unit a, #sitename a, #navMain li a, .LowerScroll_site a { font-family: "Open Sans", san-serif !important; }

#CSUFLink_Search {
    height: 40px;
    color: #222;
    /*background-color: transparent !important;
    background: none !important;*/
    border-bottom: solid 0 !important;
    filter: none !important;
}
#CSUFTopLink a { background: #333 !important; width:auto !important; }
#search-button {
    border-radius: 20px !important;
    border: solid 1px #fff !important;
    font-size: 12px !important;
    text-transform: lowercase !important;
    height: 18px !important;
    width: 50px !important;
    margin-left: 5px !important;
    margin-top: 0px !important;
    padding: 9px !important;
    padding-top: 2px !important;
    background: none !important;
    background-color: #00274c !important;
    color: #f7f7f7 !important;
    filter: none;
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
}
}




/*iPad*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	#CSUFTopLink span {
		margin-left: -27px;
	}
}

/*RS 2/27/19: add R/L padding for screens between ipad and small screens*/
@media screen and (max-width: 1240px) {
	#divB_content, #divC_content, #divD_content, #divE_content, #divF_content, #divG_content {  padding: 15px !important; }
}

@media screen and (max-width: 750px) {

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { text-align: center; }

.col-xs-1 > p, .col-xs-2 > p, .col-xs-3 > p, .col-xs-4 > p, .col-xs-5 > p, .col-xs-6 > p, .col-xs-7 > p, .col-xs-8 > p, .col-xs-9 > p, .col-xs-10 > p, .col-xs-11 > p, .col-xs-12 > p, .col-sm-1 > p, .col-sm-2 > p, .col-sm-3 > p, .col-sm-4 > p, .col-sm-5 > p, .col-sm-6 > p, .col-sm-7 > p, .col-sm-8 > p, .col-sm-9 > p, .col-sm-10 > p, .col-sm-11 > p, .col-sm-12 > p, .col-md-1 > p, .col-md-2 > p, .col-md-3 > p, .col-md-4 > p, .col-md-5 > p, .col-md-6 > p, .col-md-7 > p, .col-md-8 > p, .col-md-9 > p, .col-md-10 > p, .col-md-11 > p, .col-md-12 > p, .col-lg-1 > p, .col-lg-2 > p, .col-lg-3 > p, .col-lg-4 > p, .col-lg-5 > p, .col-lg-6 > p, .col-lg-7 > p, .col-lg-8 > p, .col-lg-9 > p, .col-lg-10 > p, .col-lg-11 > p, .col-lg-12 > p { text-align:left; }
    
.col-xs-1 > p.mobile-center, .col-xs-2 > p.mobile-center, .col-xs-3 > p.mobile-center, .col-xs-4 > p.mobile-center, .col-xs-5 > p.mobile-center, .col-xs-6 > p.mobile-center, .col-xs-7 > p.mobile-center, .col-xs-8 > p.mobile-center, .col-xs-9 > p.mobile-center, .col-xs-10 > p.mobile-center, .col-xs-11 > p.mobile-center, .col-xs-12 > p.mobile-center, .col-sm-1 > p.mobile-center, .col-sm-2 > p.mobile-center, .col-sm-3 > p.mobile-center, .col-sm-4 > p.mobile-center, .col-sm-5 > p.mobile-center, .col-sm-6 > p.mobile-center, .col-sm-7 > p.mobile-center, .col-sm-8 > p.mobile-center, .col-sm-9 > p.mobile-center, .col-sm-10 > p.mobile-center, .col-sm-11 > p.mobile-center, .col-sm-12 > p.mobile-center, .col-md-1 > p.mobile-center, .col-md-2 > p.mobile-center, .col-md-3 > p.mobile-center, .col-md-4 > p.mobile-center, .col-md-5 > p.mobile-center, .col-md-6 > p.mobile-center, .col-md-7 > p.mobile-center, .col-md-8 > p.mobile-center, .col-md-9 > p.mobile-center, .col-md-10 > p.mobile-center, .col-md-11 > p.mobile-center, .col-md-12 > p.mobile-center, .col-lg-1 > p.mobile-center, .col-lg-2 > p.mobile-center, .col-lg-3 > p.mobile-center, .col-lg-4 > p.mobile-center, .col-lg-5 > p.mobile-center, .col-lg-6 > p.mobile-center, .col-lg-7 > p.mobile-center, .col-lg-8 > p.mobile-center, .col-lg-9 > p.mobile-center, .col-lg-10 > p.mobile-center, .col-lg-11 > p.mobile-center, .col-lg-12 > p.mobile-center { text-align: center !important; }
    
/****RESPONSIVE-TABLE****/	
.table-responsive .table {
	margin-top: 1px;
}

.table-responsive::after {
    content: "*Scroll right to see the entire table";
    display: block;
    /*position: absolute;*/
    font-size: 13px;
    font-style: italic;
    color: #666;
    /*line-height: 2.5;*/
    text-indent: 4px;
    background: #f2f2f2;
    border: 0px solid #ddd;
    padding: 2px;
}
.table-responsive { 
	margin-bottom: 55px; 
}
    
#divA_content, #centercontent #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: 94%; margin: 20px auto !important;
}
body .divA, body .divB, body .divC, body .divD, body .divE, body .divF, body .divG, body .divH, body .divI, body .divJ, body .divK, body .divL, body .divM, body .divN, body .divO, body .divP, body .divQ, body .divR, body .divS, body .divT, body .divU, body .divV, body .divW, body .divX, body .divY, body .divZ { float: none !important; }
	
#divFooter .accessibility, #layoutcontainer > div  {  }

body .divA, body .divB, body .divC, body .divD, body .divE, body .divF, body .divG, body .divH, body .divI, body .divJ, body .divK, body .divL, body .divM, body .divN, body .divO, body .divP, body .divQ, body .divR, body .divS, body .divT, body .divU, body .divV, body .divW, body .divX, body .divY, body .divZ { width: 100% !important; max-width: 100%; }

#divA_content { margin: 20px auto; padding: 0px !important; }
/*#divB_content, #divC_content, #divD_content, #divE_content, #divF_content {*/ /*margin: 0px auto !important;*/ /*padding: 15px !important; }*/
#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 { margin: 0; } 

#divZ .row > p { padding: 0 15px; }
body #sitename a { font-weight: 400 !important; }
#sitename a {
    font-family: 'League-Gothic', proxima-nova, lato, Arial, san-serif !important;
    font-size: 54px;
    line-height: 0.92 !important;
}
    
h1 { font-size: 36px; }
h2 { font-size: 32px; }

#centercontent h2 {
    margin-top: 30px !important;
    margin-bottom: 10px !important;
}
#divB h1, #divB .h1 {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}
	
/****BLOCKQUOTE****/
.testimonial-container blockquote {
	clear: both;
}
    
/****ICONS****/
.icon-box { margin-top: 60px; padding: 10px 10px 30px; }

/****IMAGES****/
.main-banner {
    height: 300px;
    background-size: cover !important;
}
.sub-banner {
    height: 260px;
    background-size: cover !important;
}
.img-left, .img-right {
    float: none !important;
    margin: 10px auto -10px !important;
    display: block;
}

.image-box .image-wrap img { margin: 0 0 10px !important; }    
.image-box .image-wrap p { margin: 0 0 40px !important; }
.infoboxp {
    margin-bottom: 40px;
}    
	
/****NAV****/
	#mobile_header { 
		background: inherit !important; 
		border-bottom: solid 0px !important; 
		background: #00274C !important; 
	}
	#mobile_search input[type='text'], #SearchNav input[type='text'] {
		border: solid 0px #ccc !important;
		height: 26px !important;
		padding: 4px 12px !important;
		height: 27px !important;
		-webkit-border-radius: 100px !important;
		-moz-border-radius: 100px !important;
		border-radius: 100px !important;
	}
	#mobile_header { 
		border-bottom: solid 0px !important; 
		background: #00274C !important; 
	}
	
	#btnSearchMobile {
		border-radius: 100px !important;
		border: 0px !important;
		background-color: #00274C;
		background: -moz-linear-gradient(top, #00274C 0%, #00274C 0%) !important;
		background: -webkit-linear-gradient(top, #00274C 0%,#00274C 0%) !important;
		background: linear-gradient(to bottom, #00274C 0%,#00274C 0%) !important;
		padding-left:20px !important;
		padding-right:20px !important;
	}   
	#mobile_header_menu { 
		border-right: solid 0px #9DBED8 !important; 
		border-bottom: solid 0px #9DBED8 !important; 
		box-shadow: 5px 5px 0px rgba(0,0,0,0) !important; 
	}
	
	#mobile_csuf { 
		border-left: solid 0px !important;
		background-color: #E17000 !important; 
		background: -moz-linear-gradient(top, #E17000 0%, #E17000 0%) !important;
		background: -webkit-linear-gradient(top, #E17000 0%,#E17000 0%) !important;
		background: linear-gradient(to bottom, #E17000 0%,#E17000 0%) !important;
		border-radius: 8px;
		margin: 5px;
		width: 45px;
		height: 30px !important;
	}
	#mobile_csuf, #mobile_csuf a { 
		background-color: #E17000 !important; 
		font-weight: 600; 
		width: 44px !important; 
	}
	
	#mobile_csuf a { 
		margin: 10px auto auto !important; 
	}
	
	#MainContent:before, #branding:before { 
		display:none !important; 
	}

	#MainContent { 
		padding-left: 0px !important; 
	}
	
	#centercontent { 
		padding-top: 0px !important; 
	}
	
	.pull-right { 
		float: none; 
	}
	
	#SiteName_Tabs { 
		padding-bottom: 0px; 
	}
	#sitename {
		margin-top: 10px !important;
		margin-bottom: 0px !important;
		text-align: center;
	}
	#sitename a { 
		font-size: 44px; line-height: 1.1em; font-weight: 500 !important; 
	}
	
	#mobile_header #btnMobileMenu, #mobile_header #btnMobileMenu, #divHamburgerMenu #btnMobileMenu { 
		border: 1px solid #ddd !important; 
	    background-color: #00274c !important;
        background: #00274c !important;
	}   
	#mobile_search input[type='text'] {
		height: 30px !important;
	}
	#btnSearchMobile { 
		border: 1px solid #ddd !important; 
		border-radius: 100px !important; 
	}
	
	.menubar { 
		background: #fff !important; 
	}

	.fsBody .fsSubField {
		width: 100%;
	}
	.fsBody .fsSubField.fsNameFirst { 
		padding-right: 0 !important; 
	}
	.fsBody .fsSubField.fsNameLast { 
		padding-left: 0 !important; 
	}

	.divA img {     
		width: 100%;
		max-width: 320px;
		display: block;
		margin: 0 auto;
		float: none; 
    }
	
	.section-next-step .box-left-wrap .box-left-img {
		margin: 0;
	}
	.section-next-step img {
		width: 100%;
		max-width: 100%;
		height: auto;
		background-size: cover !important;
	}
	.section-next-step .box-left { min-height:inherit !important; }
	.section-next-step .fsPage { padding:20px 17px 17px 17px; }
	.section-next-step .fsBody, .fsBody { margin-bottom: 0px; margin-top:0px; }
	#divD .box-left, #divD .fsBody .fsForm { min-height: auto; }
	.section-next-step .box-left-wrap { margin-bottom:20px; }
	#divD .box-left .box-left-img { height: auto; }

	#centercontent .fsBody .fsForm h2 {
		margin-top: 0px !important;
	}
	
	/****THANKYOU****/
	.page-thankyou #divB {
		background: transparent;
	}
	
	#divFooter .accessibility li { 
		width: auto !important; 
	}
	
	.testimonial-container { 
		margin-top :0 !important; 
		text-align:center; 
	}
	
    .testimonial-container img.testimonial, .testimonial-img-left { 
		margin:0 auto 20px; 
	    display: block;
    	float: none !important;
	}
}


@media screen and (max-width: 768px) {
.mobile-hide { display:none; }

.mobile-mtop-10 { margin-top:-10px !important; }
.mobile-mtop-20 { margin-top:-20px !important; }
.mobile-mtop-30 { margin-top:-30px !important; }
.mobile-mtop0 { margin-top: 0px !important; }
.mobile-mtop5 { margin-top: 5px !important; }
.mobile-mtop10 { margin-top: 10px !important; }
.mobile-mtop15 { margin-top: 15px !important; }
.mobile-mtop20 { margin-top: 20px !important; }
.mobile-mtop25 { margin-top: 25px !important; }
.mobile-mtop30 { margin-top: 30px !important; }
.mobile-mtop40 { margin-top: 40px !important; }
.mobile-mtop50 { margin-top: 50px !important; }
.mobile-mtop60 { margin-top: 60px !important; }
.mobile-mtop70 { margin-top: 70px !important; }
.mobile-mtop80 { margin-top: 80px !important; }
.mobile-mbottom0 { margin-bottom: 0px !important; }
.mobile-mbottom5 { margin-bottom: 5px !important; }
.mobile-mbottom10 { margin-bottom: 10px !important; }
.mobile-mbottom15 { margin-bottom: 15px !important; }
.mobile-mbottom20 { margin-bottom: 20px !important; }
.mobile-mbottom25 { margin-bottom: 25px !important; }
.mobile-mbottom30 { margin-bottom: 30px !important; }
.mobile-mbottom40 { margin-bottom: 40px !important; }
.mobile-mbottom50 { margin-bottom: 50px !important; }
.mobile-mbottom60 { margin-bottom: 60px !important; }
.mobile-mbottom70 { margin-bottom: 70px !important; }
.mobile-mbottom80 { margin-bottom: 80px !important }

#centercontent ul.indent, #centercontent ol.indent {
    margin-left: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
}
body #btnSearchMobile { width: inherit !important; padding-top: 4px !important; padding-left: 8px !important; padding-right: 8px !important; font-size: 13px; }
#mobile_csuf a { margin-top: 8px !important; }   
    
/****responsive table****/	
.table-responsive .table {
	margin-top: 1px;
}

.table-responsive::after {
    content: "*Scroll right to see the entire table";
    display: block;
    /*position: absolute;*/
    font-size: 13px;
    font-style: italic;
    color: #666;
    /*line-height: 2.5;*/
    text-indent: 4px;
    background: #f2f2f2;
    border: 0px solid #ddd;
    padding: 2px;
}
}

/********RESPONSIVE-MOBILE********/
@media screen and (max-width: 499px) and (min-width: 0px) {
#MainContent { padding: 0 !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 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    /*max-width: 220px;*/
    margin-left: auto;
    margin-right: auto;
}
#divA_content, #centercontent #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
	{ margin: 20px auto !important; }
#divB_content>h1 { margin-top:0 !important; }
#divB_content>p+h1 { margin-top:20px !important; }
/*#branding:before {
    display: inline-block;
    background-size: contain;
    height: 58px;
    margin-right: 0;
    margin-top: 3%;
    margin-left: 2%;
}*/

#branding #sitename {
	padding-top: 0px;
    padding-bottom: 6px;
}

/********IMAGES********/
    
.list-dots>li:before {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

#centercontent .section-next-step .row > div/*, #divD .box-left*/ { padding: 0px !important; }
    
.section-at-a-glance p, .icons-float p { min-height: inherit; margin: 0 0 40px !important; }    
.section-at-a-glance img.icons-png { display: block; float: none; width: 100%; max-width: 120px !important; margin:0 auto 10px; }   
#divD .box-left-wrap .box-left-img { margin: 0 auto; }
.sub-banner { height: 160px !important; }
.strike { white-space: initial; }
.strike span { width: 80%; }
#mobile_search input[type='text'] { border: 0px solid #002B54 !important; -webkit-border-radius: 100px; -moz-border-radius: 100px;border-radius: 100px; }
#mobile_header .menubar { background:#fff; }
#centercontent ul, #centercontent ol { margin-left: 20px; }
blockquote { font-size: 1.2em !important; }

.gutter-box > [class^="col-"], .gutter-box > [class^=" col-"] { margin: 15px 0 !important; }
.gutter-box > [class^="col-"] > span, .gutter-box > [class^=" col-"] > span, .gutter-box > [class^="col-"] > div, .gutter-box > [class^=" col-"] > div { padding: 20px !important; }
.section-next-step { padding: 0px !important; }
.section-next-step .row > p { margin-left:15px; margin-right:15px; }
.section-next-step .row { margin:0; }
.section-next-step .box-left .box-left-img {
    width: 100%;
    height: 132px;  
    margin: 0;
}
.section-next-step .fsBody .fsForm, #centercontent .section-next-step .box-left {
    padding: 15px !important;
}
.section-next-step .box-left, .section-next-step .fsBody .fsForm {
    min-height: inherit;
}
.section-next-step .box-left {
    margin-top: 0px;
    padding: 0px;
}
.fsEmbed .fsPage {
    max-width: 100%;
    padding: 0px !important;
}

.fsBody {
    margin-bottom: 0 !important;
}
.fsBody .fsRowBody {
    padding: 0px !important;
}
.fsborderradius .fsBody .fsSectionHeader { margin: 0 !important; }
.fsborderradius .fsBody .fsSectionHeader h2, .section-next-step h3 {
    margin: 0 0 10px !important;
}
#layoutcontainer .fsBody .fsForm {
    padding: 10px 15px;
}
body .fsBody .fsForm input.fsSubmitButton, .fsSubmit input.fsSubmitButton, .btn-orange, .fsSubmit input.fsSubmitButton:active, .btn-orange:active, .fsSubmit input.fsSubmitButton:link, .btn-orange:link, .fsSubmit input.fsSubmitButton:visited, .btn-orange:visited, #MainContent #layoutcontainer a.btn,

body .fsBody .fsForm input.fsSubmitButton, .fsSubmit input.fsSubmitButton
#MainContent #layoutcontainer a.btn { margin: 10px 0 !important; }
#MainContent #layoutcontainer a.btn { display:block; }	
.section-next-step .btn, body .fsBody .fsForm input.fsSubmitButton, .fsSubmit input.fsSubmitButton, .btn-orange, .fsSubmit input.fsSubmitButton:active, .btn-orange:active, .fsSubmit input.fsSubmitButton:link, .btn-orange:link, .fsSubmit input.fsSubmitButton:visited, .btn-orange:visited, #MainContent #layoutcontainer a.btn { padding: 8px 20px !important; }
	
.section-next-step .box-left-wrap { margin-bottom: 40px; }
body .fsBody .fsForm .fsSubmit.fsPagination { margin: 0; }
	
.fsBody .fsSubField.fsNameLast {
    padding-left: 0px !important;
}
	
.mtop-xs0 { margin-top: 0px !important; }
.mtop-xs5 { margin-top: 5px !important; }
.mtop-xs10 { margin-top: 10px !important; }
.mtop-xs15 { margin-top: 15px !important; }
.mtop-xs20 { margin-top: 20px !important; }
.mtop-xs25 { margin-top: 25px !important; }
.mtop-xs30 { margin-top: 30px !important; }
.mtop-xs40 { margin-top: 40px !important; }
.mbottom-xs0 { margin-bottom: 0px !important; }
.mbottom-xs5 { margin-bottom: 5px !important; }
.mbottom-xs10 { margin-bottom: 10px !important; }
.mbottom-xs15 { margin-bottom: 15px !important; }
.mbottom-xs20 { margin-bottom: 20px !important; }
.mbottom-xs25 { margin-bottom: 25px !important; }
.mbottom-xs30 { margin-bottom: 30px !important; }
.mbottom-xs40 { margin-bottom: 40px !important; }
.ptop-xs0 { padding-top: 0px !important; }
.ptop-xs5 { padding-top: 5px !important; }
.ptop-xs10 { padding-top: 10px !important; }
.ptop-xs15 { padding-top: 15px !important; }
.ptop-xs20 { padding-top: 20px !important; }
.pbottom-xs0 { padding-bottom: 0px !important; }
.pbottom-xs5 { padding-bottom: 5px !important; }
.pbottom-xs10 { padding-bottom: 10px !important; }
.pbottom-xs15 { padding-bottom: 15px !important; }
.pbottom-xs20 { padding-bottom: 20px !important; }
	
.img-xs-center { float: none !important; margin-left: auto; margin-right: auto; }
.text-xs-center { text-align: center !important; }
	
.xs-clear { display: block !important; clear: both; }
	
.width-xs-100 { width: 100% !important; }

#divFooter { padding: 45px 20px 25px !important; }
#divFooter .accessibility li { text-align:center; }
#divFooter .logo { margin-left: 2px !important; }
#divFooter .accessibility ul { margin: 0 !important; }
#divFooter .accessibility li { width: 100% !important; }
}