@charset "UTF-8";
/* CSS Document */

/* Replace the gray background with something that matches your colors.  You can use .pngs with alpha transparency. If you don't use an image, you need to remove ours*/
#header { background-image: none;
  /* background-color:#8da7cf;
  /* OR background-image: none;
  background-color: #EBF5FA;*/
}


/*replace the canvas logo with your logo*/
#header-logo, #header.no-user #header-logo {
  background: url("https://s3.amazonaws.com/BRCOE/css_brcoe/header_img.jpg") no-repeat scroll 0 0 transparent;
  top: 0px;
  height: 69px;
  width: 210px;
  left: 0px;
  right: 0px;
}


#header.no-user {
	min-height: 75px;
}

/*change the identity bar (the area that says "Hilary Scharton Inbox Settings Logout Help)*
#identity {
  background-image: none;
  background-color: #003465;
}

/*change the color of the identity text*
#identity a { color: white; }

/*change the color of the circle around the number of unread inbox messages*
#identity .inbox a .unread-messages-count { background-color: #F2F0DD; }
#identity #identity-help-container a { color: white; }

/*change the color of the menu items (courses & groups etc.). If the text looks fuzzy, remove the text shadow.
.menu-item .menu-item-title, .menu-item .menu-item-no-drop {
  color: #fff;
  text-shadow: none;
}

/*login box*/

#modal-box.login-box {
background: url("https://s3.amazonaws.com/BRCOE/css_brcoe/uclogo.jpg") no-repeat !important }

/*this will remove the extra canvas logo*/
body.modal #modal-box.login-box h1 {
  background: none;
  height: 235px;
}

/*resize the login box to fit my image and change the color of 'stay signed in'*/
body.modal #modal-box.login-box {
  height: 400px;
  width: 623px;
  color: #7c6c5c;
}

/*change the color of 'don't know your password'*/
body.modal #modal-box.login-box a { color: #8da7cf !important; }
.login-options {
color: rgb(179, 179, 179);
}

/*change the color of the login button*/
body.modal #modal-box .button, body.modal #login-box .button {
  background-color: #000000 !important;
  background-image: none !important;
  border-color: #668F78;
}

/*hide scrollbar in login modal box*/
#login-box {
  overflow: hidden;
  }

#login_form .btn-primary, #login_form .btn-primary:hover {
  background-color: #ae5321;
  background-image: none;
  border: none !important;
  }


/* hide signup link on login screen */
#register_link {
	display: none;
}

  	/*
	Pretty Table Styling
	CSS Tricks also has a nice writeup: http://css-tricks.com/feature-table-design/
	*/

	.specialtable {
		overflow:hidden;
		border:1px solid #d3d3d3;
		background:#fefefe;
		width:70%;
		margin:5% auto 0;
		-moz-border-radius:5px; /* FF1+ */
		-webkit-border-radius:5px; /* Saf3-4 */
		border-radius:5px;
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	}


	.specialtable:th, .specialtable:td {padding:15px 25px 15px; text-align:center; }

	.specialtable:th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}

	.specialtable:td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

	.specialtable:td.first, .specialtable:th.first {text-align:left}

	.specialtable:td.last {border-right:none;}

	/*
	Background gradients are completely unnecessary but a neat effect.
	*/

	.specialtable:td {
		background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
	}

	.specialtable:th {
		background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
		background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
	}

	/*
	I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements.
	Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius

	And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it.
	*/

	.specialtable:tr:first-child .specialtable:th.first {
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px; /* Saf3-4 */
	}

	.specialtable:tr:first-child .specialtable:th.last {
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px; /* Saf3-4 */
	}

	.specialtable:tr:last-child .specialtable:td.first {
		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px; /* Saf3-4 */
	}

	.specialtable:tr:last-child .specialtable:td.last {
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px; /* Saf3-4 */
	}

/* hide reset content button */
#right-side a.reset_course_content_button {
  display:none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
	/* High-res styles go here */
	#header-logo, #header.no-user #header-logo {
	background: url("https://s3.amazonaws.com/BRCOE/css_brcoe/header_img-retina.jpg") no-repeat scroll 0 0 transparent;

	/* keep bottom/top/left/right the same as in your normal resolution css */

	top: 15px;
	left: 0px;
	right: 0px;

	/* background-size dimensions should be those of the original, small logo */
	background-size: 220px 75px;
	}
}

span.field-with-fancyplaceholder label.placeholder span > span{
   padding: 0;
}

/* get rid of scroll bars around videos */
iframe::-webkit-scrollbar { display: none; }

/* remove content page titles */

/* This rule incorrectly hides
.page-title { display:none; }*/
/*Visually hide page title h1
jQueryUi visuallyhidden css
Commented out / deprecated (down to header-bar-outer-container)
on 2/22/21 so that the Canvas page title reappears
for use with A11y alternative formats tool.
h1.page-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
}
Override Canvas' rule 
.pages.show h1.page-title {
	  margin: -1px;
}
.course-title.ellipsis { font-size: 1.3em !important; }

.header-bar.flex-container { padding: 5px; }
.header-bar-outer-container {height:35px !important;}*/

.pages.show .page-title {
    margin: 0px;
}

/* On 12/22/22 Joseph Kearns commented out the following line so that the "View All Pages" button is visible again 
.btn.view_all_pages {display: none;}
*/

/* Start of the NEW CSS for the new accessible and flex-desgin courses */

.ui-widget p {
	font-size: .875rem;
}

.ui-widget li {
	font-size: .875rem;
}

.ui-widget td {
	font-size: .875rem;
}

iframe::-webkit-scrollbar { display: none; }

/* for eliminating and cleaning up the top of the page link bar's inline styling */

.linkbar p {
	color: #000000;
	font-size: 1.231em;
}

caption {
	color: #1b416c;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: .455em;
}


/* to hide the Skip to main content line in the templates */
/* disabled
p.hideskip {
	margin-top: -35px;
}


p.hideskip a {
	color: #fff;
}
*/
h2.H2_Activity,
.user_content .H2_Activity{
  font-size: 1.35em;
  margin:5px 0;
  line-height: 115%;
}

h3.H3_Activity,
.user_content .H3_Activity{
  font-size: 1.25em;
  margin:5px 0;
  line-height: 115%;
}

p {
margin-bottom: .769em;
}

table.brcoeHubTable p {
margin-bottom: 10px !important;
}

/* Absolutely hide border */
.brcoeNoBorder {
	border: none !important;
}
/* For outter-most container */

.brcoeFlexContainer {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	background-color: #fff;
}

.brcoeFlexContainer > * {
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin: .5em;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

/* For left container that contains Welcome statement, instructor image, etc. FlexContent, with no number, will usually be for the top, left "cell" on a page */

/* with all these @media all... rules, the version with the @media part is for a full-size page (larger than 1158px), so the "normal" version. The version without the @media part is for a narrower page or iPad display, so if you want to alter the normal page (appearance), alter the @media version of the code; if you want to alter the narrower/iPad page, alter the non @media version of the code */

.brcoeFlexContent {
  background: #EBF1F8;
  border: 1px solid gray;
  	padding-bottom: 1.154em;
	padding-top: 1.538em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.154em;
}

@media all and (min-width: 1158px) {
  .brcoeFlexContent {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
 	border: 1px solid gray;
	padding-bottom: 1.538em;
	padding-top: 1.538em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-right: 1.154em;
	margin-bottom: .462em;
  }
 }

 .brcoealtFlexContent {
  background: #EBF1F8;
  border: 1px solid gray;
  padding-bottom: 1.154em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.077em;
}

@media all and (min-width: 1158px) {
  .brcoealtFlexContent {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
 	border: 1px solid gray;
	padding-bottom: 1.538em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-right: 1.154em;
	margin-bottom: .462em;
  }
 }

  .brcoealtFlexContentTCT {
  background: #EBF1F8;
  border: 1px solid gray;
  	padding-bottom: 1.154em;
	padding-left: 3.077em;
	padding-right: 1.538em;
	margin-bottom: 1.154em;
}

@media all and (min-width: 1158px) {
  .brcoealtFlexContentTCT {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
 	border: 1px solid gray;
	padding-bottom: 1.538em;
	padding-left: 3.077em;
	padding-right: 1.538em;
	margin-right: 1.154em;
	margin-bottom: 1.154em;
  }
 }

   .brcoealtFlexContentTCT hr {
	   width: 75%;
}

 .brcoeLeftDiv {
  background: #EBF1F8;
  border: 1px solid gray;
  	padding-bottom: 1.154em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.077em;
}

@media all and (min-width: 1158px) {
  .brcoeLeftDiv {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
 	border: 1px solid gray;
	padding-bottom: 0.769em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-right: 1.154em;
	margin-bottom: 1.077em;
  }
 }

 /* Disabled rule Doug disabled doesn't know why it's here
 .brcoeLeftDiv img {
	border: 1px solid gray;
	width: 100%;
	margin-top: .385em;
	margin-bottom: .769em;
}
*/

.brcoeOfficeHoursLeftDiv {
  background: #EBF1F8;
  border: 1px solid gray;
  	padding-bottom: 1.154em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.077em;
}

@media all and (min-width: 1158px) {
  .brcoeOfficeHoursLeftDiv {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
 	border: 1px solid gray;
	padding-bottom: 0.769em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-right: 1.154em;
	margin-bottom: 1.077em;
  }
 }

 .brcoeOfficeHoursLeftDivBottom {
  background: #EBF1F8;
  border: 1px solid gray;
  	padding-bottom: 1.154em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
}

@media all and (min-width: 1158px) {
  .brcoeOfficeHoursLeftDivBottom {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
 	border: 1px solid gray;
	padding-bottom: 0.769em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-right: 1.154em;
  }
 }


/* For right-hand top cell in OOMPH weekly page */

.brcoeRightDiv {
  background: #EBF1F8;
  border: 1px solid gray;
  	padding: 1.538em;
	margin-bottom: 1.154em;
}
@media all and (min-width: 1158px) {
  .brcoeRightDiv {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
 	border: 1px solid gray;
	padding-bottom: 1.538em;
	padding-top: 1.538em;
	padding-left: 1.538em;
	padding-right: 1.538em;
  }
}

.brcoeRightDivNoImage {
  background: #EBF1F8;
  border: 1px solid gray;
    padding: 1.538em;
  margin-bottom: 1.154em;
}
@media all and (min-width: 1158px) {
  .brcoeRightDivNoImage {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  background: #EBF1F8;
  border: 1px solid gray;
  padding-bottom: 1.538em;
  padding-top: 1.538em;
  padding-left: 1.538em;
  padding-right: 1.538em;
  }
}

.brcoeOfficeHoursRightDiv {
  background: #EBF1F8;
  border: 1px solid gray;
  	padding-bottom: 1.538em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.154em;
}
@media all and (min-width: 1158px) {
  .brcoeOfficeHoursRightDiv {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
 	border: 1px solid gray;
	padding-bottom: 1.538em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
  }
}

.brcoeRightDiv img {
	border: 1px solid gray;
	width: 100%;
}

.brcoeOfficeHoursRightDivBottom {
  background: #EBF1F8;
  border: 1px solid gray;
  	padding-bottom: 1.538em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
}
@media all and (min-width: 1158px) {
  .brcoeOfficeHoursRightDivBottom {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
 	border: 1px solid gray;
	padding-bottom: 1.538em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	width: 33%;
  }
}


.brcoeUpperDiv {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
 	border: 1px solid gray;
	padding-bottom: 1.154em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.154em;
  }
@media all and (min-width: 1158px) {
  .brcoeUpperDiv {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
 	border: 1px solid gray;
	padding-bottom: 1.154em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.154em;
  }
 }

 /* some identical left and right divs for creating a side by side div display that stacks
plus the parent div FlexContainer you have to put them in */

.brcoeStandardFlexContainer {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.brcoeStandardFlexContainer > * {
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

 .brcoeStandardLeftDiv {

}

@media all and (min-width: 1158px) {
  .brcoeStandardLeftDiv {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 ;
    -ms-flex: 1 1 ;
    flex: 1 1 ;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  margin-right: 1.538em;
  padding-right: 1.154em;
  }
 }

  .brcoeStandardRightDiv {

}

@media all and (min-width: 1158px) {
  .brcoeStandardRightDiv {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 ;
    -ms-flex: 1 1 ;
    flex: 1 1 ;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
 }

/* end of the above three rules */


 .brcoeFlexContentTCT {
  background: #EBF1F8;
  border: 1px solid gray;
  	padding-bottom: 1.154em;
	padding-top: 1.154em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.077em;
}

@media all and (min-width: 1158px) {
  .brcoeFlexContentTCT {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
 	border: 1px solid gray;
	padding-bottom: 0.769em;
	padding-top: 1.154em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-right: 1.154em;
	margin-bottom: 1.077em;
  }
 }


 .brcoeFlexContentTCT2 {
  background: #EBF1F8;
  border: 1px solid gray;
  	padding-bottom: 1.154em;
	padding-top: 1.538em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.154em;
}

@media all and (min-width: 1158px) {
  .brcoeFlexContentTCT2 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
 	border: 1px solid gray;
	padding-bottom: 1.538em;
	padding-top: 1.538em;
	padding-left: 1.538em;
	padding-right: 1.538em;
  }
}

.brcoeFlexContentTCT2 h3 img {
width: 75% !important;
max-width: 320px !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
line-height:16px !important;
}

.brcoeTCTbottom {
	border: 1px solid gray;
	background-color: #EBF1F8;
	padding-bottom: 1.538em;
	padding-top: 1.154em;
	padding-left: 1.538em;
	padding-right: 1.538em;
}


/* for Activities title in Activities cell */

.brcoeTCTbottomtitle {
	color: #1b416c;
	font-size: 2.462em;
	margin-bottom: .313em !important;
	margin-top: 0em !important;
	font-weight: bold;
	line-height: 115%;
}


/* for UCB Seal image, apply to the image */

img.UCBseal {
	float: left;
	margin-left: -.2em;
	margin-right: 1.154em;
	margin-bottom: .385em;
}

/* for OOMPH logo image, apply to the image */

img.OOMPHlogo {
  float: left;
  margin-right: 1.154em;
  margin-bottom: .385em;
  height: 50px;
  width: 50px;
}


/* for icon + text "list item" tables, in the getting started cell */

table.OOMPHimagetexttable {
	margin-bottom: 15px;
	margin-top: 5px;
}

table.OOMPHimagetexttable img {
	width: 23px;
}

/* for the text cell in the imagetexttable: spacing between icon and text; line-height so that if text has to go to two lines, there isn't a big space between both lines */

table tr td.OOMPHimagetexttable {
	padding-left: 5px !important;
	line-height: 115%;
	font-size: .875rem;
	font-weight: bold;
}

table.UNEXimagetexttable {
	margin-bottom: 18px;
	margin-top: 5px;
}

table.UNEXimagetexttable img {
	width: 35px;
}

table tr td.UNEXimagetexttable {
	padding-left: 5px !important;
	line-height: 115%;
	font-size: medium;
}

/* For "Welcome" on home page */

.welcome {
	font-size: 3.001125em;
	color: #1b416c;
	margin-top: .23em;
}

/* For "Welcome" on OOMPH home page */

.OOMPHwelcome {
  font-size: 3.005em;
  color: #1b416c;
  margin-top: -.15em;
}

@media all and (min-width: 1158px) {
	.OOMPHwelcome {
font-size:1.80em;
margin-top:.52em;
	}}

@media all and (min-width: 1230px) {
	.OOMPHwelcome {
font-size:2.30em;
margin-top:.14em;
	}}

	@media all and (min-width: 1326px) {
	.OOMPHwelcome {
font-size:3.005em;
margin-top:-.15em;
	}}

/* For course title/code and instructor name */

.coursetitle {
	font-size: 1.3em;
	color: #1b416c;
	line-height: 110%;
	margin-top: 0em;
	margin-bottom: 2.0em;
}

/* For course title/code and instructor name on OOMPH page */

.OOMPHcoursetitle {
	font-size: 1.3em;
	color: #1b416c;
	line-height: 110%;
	margin-top: 0em;
	margin-bottom: 1.15em;
	}



/* for Div containing the instructor image; apply to the Div, not the image */

@media all and (min-width: 1158px) {
.instructorimage img {
	float: left;
	margin-right: 1.154em;
	margin-top: 2em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
	max-width: 100px !important;
}
}

.instructorimage img {
	float: left;
	margin-right: 1.154em;
	margin-top: 0em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
		max-width: 100px !important;
}

@media all and (min-width: 1158px) {
.instructorimageNoSize img {
	float: left;
	margin-right: 1.154em;
	margin-top: 2em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
}
}

.instructorimageNoSize img {
	float: left;
	margin-right: 1.154em;
	margin-top: 0em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
}

@media all and (min-width: 1158px) {
.instructorimage2 img {
	float: left;
	margin-right: 1.154em;
	margin-top: 2em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
}
}

.instructorimage2 img {
	float: left;
	margin-right: 1.154em;
	margin-top: 0em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
}

@media all and (min-width: 1158px) {
.altinstructorimage img {
	float: left;
	margin-left: 6em;
	margin-right: 1.154em;
	margin-top: 2em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
		max-width: 100px;
}
}

.altinstructorimage img {
	float: left;
	margin-left: 6em;
	margin-right: 1.154em;
	margin-top: 0em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
		max-width: 100px;
}

@media all and (min-width: 1158px) {
.altinstructorimageTCT img {
	float: left;
	margin-left: 1.154em;
	margin-right: 1.154em;
	margin-top: 2em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
}
}

.altinstructorimageTCT img {
	float: left;
	margin-left: 1.154em;
	margin-right: 1.154em;
	margin-top: 0em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
		max-width: 100px;
}

/* for the link that says "Instructor Info" */

.instructorinfo a {
	margin-left: 1.077em;
}

/* for spacing out links from linked icons on the OOMPH page and makes the links bold */

span.OOMPHlinkspacer {
	margin-left: 1.077em;
	font-weight: bold;
}


/* FlexContent2 controls the container that controls the two right-hand sub "cells". Look for brcoeFlexSubContent classes for rules on the sub-cells.

If borrowing this rule, keep in mind that many of the rules that control style and appearance are actually maintained in the Sub classes */

@media all and (min-width: 1158px) {
  .brcoeFlexContent2 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }

}

.brcoeFlexContent2 {
	background-color: #fff;
}

/* these "Sub" content rules govern the cells within the brcoeFlexContent2 div container */

.brcoeFlexSubContent1 {
	border: 1px solid gray;
	background-color: #EBF1F8;
	padding-bottom: 1.538em;
	padding-top: 1.538em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.538em;
}

.brcoeFlexSubContent1 img {
	border: 1px solid gray;
	width: 100%;
}


/* No Longer Used */
.brcoeFlexSubContent1 iframe {
	width: 100%;
	height: 240px;
	margin: 0 auto;
	overflow-y: hidden;
	border: 1px solid gray;
}

.brcoeFlexSubContent2 {
	border: 1px solid gray;
	background-color: #EBF1F8;
	padding-bottom: 1.077em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	flex: 1 1 0%;
}

/* these "Sub" rules are for the Unex Home Page that has the video on the bottom, hence VB */

.brcoeFlexSubContent1VB {
	border: 1px solid gray;
	background-color: #EBF1F8;
padding-bottom: 1.077em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.538em;
}

/* No Longer Used */
.brcoeFlexSubContent1VB iframe {
	width: 100%;
	height: 240px;
	margin: 0 auto;
	overflow-y: hidden;
	border: 1px solid gray;
}

.brcoeFlexSubContent2VB {
	border: 1px solid gray;
	background-color: #EBF1F8;
	padding: 1.538em;
}

.brcoeFlexSubContent2VB img {
	border: 1px solid gray;
	width: 100%;
}

/* end of those vid on bottom rules */

/* For the two column UNEX Front Page */

@media all and (min-width: 1158px) {
  .brcoeFlexContent2TC {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	border: 1px solid gray;
	background-color: #EBF1F8;
	padding-bottom: 1.538em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
  }

}

.brcoeFlexContent2TC {
	background-color: #fff;
	border: 1px solid gray;
	background-color: #EBF1F8;
	padding-bottom: 1.538em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
}

.brcoeTCvideo img {
width: 100%;
}



/* End of two column rules */

.gettingstarted {
	color: #1b416c;
	font-size: 1.846em;
	margin-top: 0em;
	margin-bottom: .77em;
	line-height: 115%;
	font-weight: bold;
}

/* for previously empty div */
.OOMPHDisplayContainer {
flex: 1 1 0%;
}


/*divs that look like table elements */
.OOMPHDisplayTable {
    display: table;
    border-collapse: separate;
    width: 100%;
    height:100%;
}
.OOMPHDisplayRow {
    display: table-row;
}
.OOMPHDisplayTD {
    display: table-cell;
		border: 1px solid gray;
	background-color: #EBF1F8;
	padding-bottom: 1.154em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
}
.OOMPHPlaceholderCell {
    display: table-cell;
    min-width: 1.538em;
}

/* for the list in the Announcements cell */

ul.OOMPHannouncements {
	margin-left: 1.154em;
}

ul.OOMPHannouncements li {
	margin-left: 0em;
	margin-top: .385em;
	margin-bottom: .769em;
	line-height: 115%;
	font-weight: bold;
}
/* for the Getting Started and Announcements subtitles on OOMPH front page */

.OOMPHsubtitles {
	color: #1b416c;
	font-size: 1.2em;
	margin-top: 0em;
	margin-bottom: .625em;
	line-height: 115%;
	font-weight: bold;
}

.brcoeBulletFreeList {
  list-style:none;
  margin-left: 0em;
  margin-bottom: 0em;
  font-weight: bold;
  font-size: .875rem;
}

@media all and (min-width: 1158px) {
.brcoeBulletFreeList {
  list-style:none;
  margin-left: 0em;
  margin-bottom: 0em;
  font-weight: bold;
  font-size: 1vw;
}
}

@media all and (min-width: 1300px) {
.brcoeBulletFreeList {
  list-style:none;
  margin-left: 0em;
  margin-bottom: 0em;
  font-weight: bold;
  font-size: 1em;
}
}

.brcoeBulletFreeList a {
  margin-left: 1.077em; !important
}
.brcoeBulletFreeList li.MUST {
 line-height: 115%;
 margin-top: -1em;
 margin-bottom: 1.538em;
 margin-left: 57px; !important
}

@media all and (min-width: 1158px) {
.brcoeBulletFreeList li.MUST {
 line-height: 115%;
 margin-top: -1em;
 margin-left: 57px; !important
}
}

.brcoeBulletFreeList li.orientation a {
 line-height: 115%;
 margin-left: 57px; !important
}
.brcoeBulletFreeList li {
 line-height: 115%;
 margin-bottom: 1.077em;
}

.brcoeBulletFreeList li.orientation {
 margin-top: -4.00em;
}



.brcoeBulletFreeList li.last {
 line-height: 115%;
 margin-bottom: 0em;
}

.brcoeSmallText {
font-size: 8pt;
line-height: 115%;
}

.haasNavBarText {
font-size: 20px;
}

.ImageCaptionWhite {
font-size: 6pt;
line-height: 115%;
color: white;
}

.HaasImageCaptionOrange {
font-size: 6pt;
line-height: 115%;
color: #c45114;
float: right;
margin-top: .5em;
}

.ImageCaptionGray {
font-size: 6pt;
line-height: 115%;
color: #ccc;
float: right;
margin-top: .5em;
margin-bottom: .5em;
}



/* For "Welcome" on OOMPH home page */

.OOMPHweektitlebanner {
	font-size: 2.462em;
	line-height: 115%;
	color: #1b416c;
	margin-top: 0em;
	margin-bottom: 0em;
}

.brcoeWeekTitle {
	font-size: 2.462em;
	line-height: 115%;
	color: #1b416c;
	margin-top: 0em;
	margin-bottom: .313em;
	font-weight: bold;
}

.brcoeSubTitle {
	color: #1b416c;
	font-size: 2.0em;
	margin-bottom: .15em;
	margin-top: 0em;
	font-weight: bold;
	line-height: 115%;
}

.brcoeModuleTitle {
	font-size: 2.462em;
	line-height: 115%;
	color: #1b416c;
	margin-top: 0em;
	margin-bottom: .313em;
}


/* for single line banner in OOMPH Week page with 1-line banner */

.OOMPHweekbanner {
  background: #EBF1F8;
  border: 1px solid gray;
  padding-left: 1.538em;
  padding-right: 1.538em;
  padding-top: 1.231em;
  padding-bottom: 1.077em;
  margin-bottom: 1.077em;
}


/* for Bottom/Activites cell in Week page  */

.brcoeLowerDiv {
	border: 1px solid gray;
	background-color: #EBF1F8;
	padding-bottom: 1.538em;
	padding-top: .769em;
	padding-left: 1.538em;
	padding-right: 1.538em;
}

.brcoeLowerDiv2 {
	width: 100%;
	border: 1px solid gray;
	background-color: #EBF1F8;
	padding-bottom: 1.538em;
	padding-top: .769em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.154em;
}

.brcoealtLowerDiv {
	width: 100%;
	border: 1px solid gray;
	background-color: #E4E8EA;
	padding-bottom: 1.538em;
	padding-top: .769em;
	padding-left: 1.538em;
	padding-right: 1.538em;
}

.brcoealtLowerDiv2 {
	width: 100%;
	border: 1px solid gray;
	background-color: #E4E8EA;
	padding-bottom: 1.538em;
	padding-top: .769em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.154em;
}


/* for Activities title in Activities cell */

.brcoeLowerDivTitle {
	color: #1b416c;
	font-size: 2.462em;
	margin-bottom: .313em !important;
	margin-top: 0em !important;
	font-weight: bold;
	line-height: 115%;
}



/* for Session titles in Activities cell on OOMPH week page */

.brcoeLowerDivSubtitle {
	color: #1b416c;
	font-size: 1.45em;
	margin-top: 0em !important;
	margin-bottom: .538em !important;
	line-height: 115%;
	font-weight: bold;
}

ol.OOMPHtabtitles li h4 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
}


.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color: #1b416c;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #1b416c;
}

.brcoeTabTitle {
	color: #1b416c;
	font-size: 1.256em;
	font-weight: bold;
	margin-bottom: .475em !important;
	margin-top: 0em !important;
	margin-left: -.042 !important;
	line-height: 115%;
}

.emptycell {
background-color: #ebecf0;
}

table.brcoeGuideTable {
	border: 1px solid gray;
}

table.brcoeGuideTable th {
	border: 1px solid gray;
	text-align: left;
}

table.brcoeGuideTable td {
	border: 1px solid gray;
	text-align: left;
}

th.headerrow {
	padding: 0.385em 1.154em;
	border: 1px solid #CCC;
	background-color: #ebecf0;
	color: #4e7ca4;
	font-weight: bold;
	text-align: left;
	font-size: .875rem;
}

th.firstcell {
	padding: .385em 1.154em;
	border: 1px solid #cccccc;
	font-weight:normal;
	text-align: left;
	font-size: .875rem;
}

#tabs-0 {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#tabs-1 {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#tabs-2 {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#tabs-3 {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#tabs-4 {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#tabs-5 {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#tabs-6 {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#tabs-7 {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#tabs-8 {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#tabs-9 {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#tabs-10 {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

/* for Div that holds the two Learning Objective Divs */
/*update 10/25 to padding-left for div.LOright, so that bullets would remain responsive on a smaller scale. ~SB*/

div.LOlists {
	float: left;
	width: 100%;
}

/* for the child divs in the Parent LOlists Div */

div.LOleft {
	clear: left;
	float: left;
	width: 45%;
	margin: 0 auto;
	padding-right: 1.154em;
}

div.LOright {
	float: left;
	width: 45%;
	padding-left: .25em;
	margin: 0 auto;
}

/* div for vertical spacing */

div.15pxvertspace {
	height: 1.154em;
	width: 100%;
}

/* Table for lecture links */

table.brcoeTable,
.brcoetablestretch {
	width: 100%;
	margin-bottom: .462em;
	margin-top: 0em;
	margin-left: auto !important;
	margin-right: auto !important;
	border: 1px solid #cccccc;
}
.brcoetablestretch {
	width:95%;
}
.brcoetablestretch td{
	border: 1px solid #cccccc;
}
table.brcoeTable td {
	padding: .385em 1.154em !important;
	border: 1px solid #cccccc;
}

.brcoeTable tbody {
  background-color: white;
}

table tr.brcoeTableHeader {
	background-color: #ebecf0;
	color: #1b416c;
	font-weight: bold;
}

.brcoeTableHeader .headerrow{
    color: #1b416c;
}
p.navbutton {
	text-align: center;
}

.discussion-section .navbutton > a.Button--secondary
{
	color:#fff;
}

p.navbutton a {
	margin-top: 0em;
	margin-bottom: 0em;
}

.navbutton2 {
	margin-top: .385em;
	margin-bottom: 0em;
	margin-right: 1.154em;
}

/*added "display: flow-root;" code to make content frames responsive. SB 01/12/18*/

.brcoeContentFrame {
	background-color: #EBF1F8;
	padding-top: .385em;
	padding-bottom: .385em;
	padding-left: 1.154em;
	padding-right: 1.538em;
	border: 1px solid #aaa;
	margin: .769em;
	display: flow-root;
}

.brcoeContentFrameGray {
	background-color: #eee;
	padding-top: .385em;
	padding-bottom: .385em;
	padding-left: 1.154em;
	padding-right: 1.538em;
	border: 1px solid #aaa;
	margin: .769em;
	display: flow-root;
}

.brcoeContentFrameWhite {
	background-color: #fff;
	padding-top: .385em;
	padding-bottom: .385em;
	padding-left: 1.154em;
	padding-right: 1.538em;
	border: 1px solid #aaa;
	margin: .769em;
	display: flow-root;
}

.brcoeContentFrameYellow {
	background-color: #fffFCC;
	padding-top: .385em;
	padding-bottom: .385em;
	padding-left: 1.154em;
	padding-right: 1.538em;
	border: 1px solid #aaa;
	margin: .769em;
	display: flow-root;
}

.brcoeContentFrameTeal {
	background-color: #99CCCC;
	padding-top: .385em;
	padding-bottom: .385em;
	padding-left: 1.154em;
	padding-right: 1.538em;
	border: 1px solid #aaa;
	margin: .769em;
	display: flow-root;
}



/* Rules Specific to Alternate UNEX Template */

/* NOTES:

The class "brcoeMainContainer" is used on the Front Page Alternate, but it is not an actual CSS class

The class "home" is used on the Front Page Alternate, but the only .home class(es) below are specifically for h1 - h3 tags. I.e. you will not find rules for a <div class="home">

*/

.brcoeNavArea {
  max-width: 100%;
  padding-bottom: .25em;
  text-decoration:none;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: left;
  padding-left: 10px;
  font-size: medium;

}

.brcoeNavArea a {
	word-break: normal;
  display: inline-block;
  text-decoration:none;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.UNEXaltFlexContainer {
   border: 1px solid #b4b4b4;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-box-direction: normal;
    -ms-box-direction: normal;
    box-direction: normal;
    -moz-box-orient: horizontal;
    -ms-box-orient: vertical;
    box-orient: horizontal;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    -ms-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-box-align: stretch;
    box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.UNEXaltFlexContainer > * {
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin: 1.25em;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.UNEXaltFlexContent {
  background: #e7e7e7;
}

@media all and (min-width: 1080px)  {
  .UNEXaltFlexContent {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    box-lines: multiple;
    -moz-box-ordinal-group: 1;
    -ms-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    box-flex: 1;
    -ms-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  }
  .UNEXaltFlexContainer {
    box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-box-orient: horizontal;
  }
}

.UNEXaltGrayBorder {
  border: 1px solid #e4e8ea;
}

.UNEXaltGrayBorder2 {
  border: 1px solid #B4B4B4;
}

.UNEXaltGrayBorder3 {
  border: 1px solid #e4e8ea;
}

.UNEXaltContentContainer {

}

.brcoeLogoHeader{
  margin: 2em;
}

.UNEXaltWelcome img {
	float: left;
	padding-bottom: 1.154em;
	width: 100%;
	max-width: 307px !important;
}

.UNEXaltHome {
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 5px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
height:20px !important;
line-height:20px !important;
font-size:20px;
font-weight:600;
color:#0d598c !important;
}

.UNEXaltHome img {
	float: left;
	padding-bottom: 1.154em;
	width: 100%;
	max-width: 307px !important;
}

.UNEXaltHomeTCT {
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 5px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
height:20px !important;
line-height:20px !important;
font-size:20px;
font-weight:600;
color:#0d598c !important;
}

.UNEXaltHomeTCT img {
	float: left;
	padding-bottom: 1.154em;
	width: 75%;
	max-width: 307px !important;
}

.UNEXaltHeader {
	clear: both;
	padding-left: 6em;
}

.UNEXHeader {
	clear: both;
	padding-left: 6em;
	padding-bottom: 0em;
}

.UNEXHeaderTCT {
	clear: both;
	padding-bottom: 0em;
}

.brcoeFlexSubContentTCT {
	margin: 0 auto;
	border: 1px solid black;
	max-width: 325px;
}

.UNEXaltHeader h2 {
line-height: 115% !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
color: #1b416c;
font-size: medium;
font-weight: bold;
}

.UNEXaltHeader h3 {
line-height: 115% !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
color: #1b416c;
font-size: medium;
font-weight: bold;
}

.UNEXHeader h2 {
line-height: 115% !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
color: #1b416c;
font-size: medium;
font-weight: bold;
}

.UNEXHeader h3 {
line-height: 115% !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
color: #1b416c;
font-size: medium;
font-weight: bold;
}

.UNEXHeaderTCT h2 {
line-height: 115% !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: .385em !important;
color: #1b416c;
font-size: medium;
font-weight: bold;
}

.UNEXHeaderTCT h3 {
line-height: 115% !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: .385em !important;
color: #1b416c;
font-size: medium;
font-weight: bold;
}

.UNEXaltMainContainer {
}

.UNEXaltInstructorImage {
}

.UNEXaltInstructorImage img {
	border-width: .308em;
	border-style: double;
	border-color: #c4c4c4;
		float: left;
	margin-right: 1.923em;
	margin-top: .769em;
	margin-bottom: .769em;
		max-width: 100px;
}

.UNEXaltInstructorInfoImage img {
	border-width: .308em;
	border-style: double;
	border-color: #c4c4c4;
		float: left;
	margin-right: 1.538em;
	margin-top: 0em;
	margin-bottom: .538em;
		max-width: 100px;
}

.UNEXaltHomeBlurbContainer {
	margin-top: 1.923em;
}

.UNEXaltHomeBlurbContainerII {
	margin-top: 0em;
}

.UNEXaltHomeBlurbContainer p {
	/*font-size: 12px;*/
	line-height: 1.667em;
}

.UNEXaltFlexContent2 {
background: #dfe4e7 !important;
 margin-top: 0em;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

@media all and (min-width: 1080px)  {
  .UNEXaltFlexContent2 {
	 margin-top:1.25em;
	 margin-left: 0em !important;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    box-lines: multiple;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
border-bottom: 1px solid #e4e8ea;
  }

  .fallbackMarginLeft {
    margin-left: 1.25em !important;
  }
}

.UNEXaltGreyBorder2 {
  border: 1px solid #b4b4b4;
  background: #dfe4e7 !important;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.UNEXaltHomeVideoContainer {
	background-color: #1b416c;
	overflow: hidden;
	padding: 1.538em;
}

.UNEXaltHomeVideoContainer img {
	border: 1px solid white;
	width: 100%;
}

.UNEXaltHorizontalBreak {
  height: 1.25em;
  background: #fff;
}

.UNEXaltGreyBorder3 {
border-top: 1px solid #e4e8ea !important;
border-left: 1px solid #e4e8ea !important;
border-bottom: 0px solid #e4e8ea !important;
border-right: 1px solid #e4e8ea !important;
background: #dfe4e7 !important;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
overflow: hidden;
}

.UNEXaltGettingStartedContainer {
	margin-top: .385em;
	padding-top: .769em;
	padding-bottom: 0em;
	padding-left: 1.538em;
	padding-right: 1.538em;
}

.UNEXGettingStartedContainer {
	margin-bottom: .769em;
	padding-bottom: 0em;
	padding-left: 1.538em;
	padding-right: 1.538em;
}


.brcoeFlexSubContent2 h2 img  {
width: 75% !important;
max-width: 320px !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
line-height:16px !important;
}

.UNEXaltGettingStartedContainer img  {
width: 75% !important;
max-width: 320px !important;
}

.UNEXaltGettingStartedContainer h3 {
padding-top: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
}

.UNEXaltGettingStartedContainer h2 {
padding-top: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
}

.UNEXaltGettingStartedContent {
	padding-left: .385em;
	border: 0px solid #fff !important;
}

.UNEXaltGettingStartedContent li {
		font-size: medium;
		line-height: 115%;
}

h3.UNEXGettingStartedHeader {
	margin-top: .385em;
	margin-bottom: 0em;
}

h3.UNEXGettingStartedHeader img {
	width: 75%;
	max-width: 320px !important;
	}

h2.UNEXGettingStartedHeader {
	margin-top: .385em;
	margin-bottom: 0em;
}

h2.UNEXGettingStartedHeader img {
	width: 75%;
	max-width: 320px !important;
	}

/* UNEX Alternative Module Page */

.UNEXaltModuleUpperDiv {
	background-color: #dbe4e8;
	padding: 1.538em 1.538em 1.538em 1.154em;
	border: 1px solid #aaa;
}

.UNEXaltContentFrame {
	background-color: #e4e8ea;
	padding-top: .769em;
	padding-bottom: .385em;
	padding-left: 1.154em;
	padding-right: 1.538em;
	border: 1px solid #aaa;
	margin: .769em;
}

.UNEXaltModuleUpperTable {
	margin: 0 auto;
	border: 1px solid #aaa;
}

td.UNEXaltModuleImageCell {
	background-color: #fff;
	width: 20%;
}

td.UNEXaltModuleBlurbCell {
	padding-top: 1.538em !important;
	padding-bottom: 1.538em !important;
	padding-left: 3.076em !important;
	padding-right: 2.308em !important;
	margin-top: 1.538em;
	margin-bottom: 1.538em;
	margin-right: 1.538em;
	margin-left: 1.538em !important;
	background-color: #fff;
}

td.UNEXaltModuleBlurbCell p {
	font-size: medium;
}

td.UNEXaltInstructorInfoCell {
	padding-top: .769em !important;
	padding-bottom: .769em !important;
	padding-left: 1.538em !important;
	padding-right: 1.538em !important;
	margin-top: 1.538em;
	margin-bottom: 1.538em;
	margin-right: 1.538em;
	margin-left: 1.538em !important;
	background-color: #fff;
	font-size: medium;
}

.UNEXaltModuleTitle {
	display: inline-block;
	padding-top: 0em;
	padding-bottom: .25em;
	padding-left: 0em;
	padding-right: 0em;
	margin: 0em;
	height: 1em !important;
	line-height: 1em !important;
	font-size: 20px;
	font-weight: 600;
	color: #1b416c;
}

.UNEXaltModuleLowerDiv {
	background-color: #dbe4e8;
	border: 1px solid #aaa;
	padding: 1.538em;
	margin-top: 1.538em;
}

.UNEXaltModuleTabTitle {
	display: inline-block;
	padding-top: 0em !important;
	padding-bottom: .25em !important;
	padding-left: 0em;
	padding-right: 0em;
	margin: 0em !important;
	height: 1em !important;
	line-height: 1em !important;
	font-size: 20px;
	font-weight: 600;
	color: #1b416c;
}

.UNEXaltModuleH3 {
	padding-top: 0em;
	padding-bottom: .278em;
	padding-left: 0em;
	padding-right: 0em;
	margin: 0em;
	height: 1em;
	line-height: 1em;
	font-size: 18px;
	font-weight: 600;
	color: #000;
}

.UNEXaltModuleH4 {
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: .313em;
	padding-right: 0em;
	margin: 0em;
	height: 1.125em;
	line-height: 1.125em;
	font-size: 16px;
	font-weight: 600;
	color: #0d598c;
}

.UNEXaltLectureTable {
	border: 1px solid #000;
	width: 95%;
	margin: 0 auto;
}

.UNEXaltLectureTable th {
	border: 1px solid #000;
	background-color: #dbe4e8;
	width: 60%;
}

.UNEXaltLectureTable td {
	border: 1px solid #000;
	padding-left: .769em !important;
}


/* End of UNEX Alternate Specific Rules */

/* Heading Rules */

/* 48px text with 10px margin-bottom */

.brcoeStandardHeading1 {
	font-size: 3.692em;
	color: #1b416c;
	margin-top: 0em !important;
	margin-bottom: .208em !important;
	line-height: 115%;
}

/* 42px text 10px magin-bottom */

.brcoeStandardHeading2 {
	font-size: 3.231em;
	color: #1b416c;
	margin-top: 0em !important;
	margin-bottom: .238em !important;
		line-height: 115%;
}

/* 36px text 5px margin-bottom */

.brcoeStandardHeading3 {
	font-size: 2.769em;
	color: #1b416c;
	margin-top: 0em !important;
	margin-bottom: .139em !important;
		line-height: 115%;
}


/* 32px text 5px margin-bottom */

.brcoeStandardHeading4 {
	font-size: 2.462em;
	color: #1b416c;
	margin-top: 0em !important;
margin-bottom: .156em !important;
		line-height: 115%;
}


/* 28px text 5px margin-bottom */

.brcoeStandardHeading5 {
	font-size: 2.154em;
	color: #1b416c;
	margin-top: 0em !important;
margin-bottom: .179em !important;
		line-height: 115%;
}


/* 24px text and 5px margin-bottom */

.brcoeStandardHeading6 {
	font-size: 1.846em;
	color: #1b416c;
	margin-top: 0em !important;
margin-bottom: .208em !important;
		line-height: 115%;
}

/* 20px text 5px margin-bottom rule */

.brcoeStandardHeading7 {
	margin-top: 0em !important;
  margin-bottom: .25em !important;
	line-height: 115%;
	font-size: 1.538em;
	color: #1b416c;
}

.brcoeStandardHeading7.blue336699 {
	color: #336699;
	width: 100%;
  	border-top: 2px solid #336699;
  	padding: 5px;
  	line-height: 115%;
}

/* 18px text 5px margin-bottom */

.brcoeStandardHeading8 {
	font-size: 1.385em;
	margin-top: 0em !important;
	margin-bottom: .278em !important;
	line-height: 115%;
	color: #1b416c;
}

/* 16px text 3px margin-bottom */

.brcoeStandardHeading9 {
	font-size: 1.231em;
	margin-top: 0em !important;
	margin-bottom: .188em !important;
	line-height: 115%;
	color: #1b416c;
}

/* 14px text 3px margin-bottom */

.brcoeStandardHeading10 {
	font-size: 1.077em;
	margin-top: 0em !important;
	margin-bottom: .188em !important;
	line-height: 115%;
	color: #1b416c;
}

.brcoeStandardHeading11 {
	font-size: .875rem;
	margin-top: 0em !important;
	margin-bottom: .769em !important;
	line-height: 115%;
	color: #1b416c;
}

/* 14px text 3px margin-bottom */

.brcoeSpacedHeading10 {
	font-size: 1.077em;
	margin-top: 0em !important;
	margin-bottom: 1em !important;
	line-height: 115%;
	color: #1b416c;
}

/* Spacer rules */

.bottomSpacer50px {
margin-bottom: 50px !important;
}

.bottomSpacer45px {
margin-bottom: 45px !important;
}

.bottomSpacer40px {
margin-bottom: 40px !important;
}

.bottomSpacer35px {
margin-bottom: 35px !important;
}

.bottomSpacer30px {
margin-bottom: 30px !important;
}

.bottomSpacer25px {
margin-bottom: 25px !important;
}

.bottomSpacer20px {
margin-bottom: 20px !important;
}

.bottomSpacer15px {
margin-bottom: 15px !important;
}

.bottomSpacer10px {
margin-bottom: 10px !important;
}

.bottomSpacer5px {
margin-bottom: 5px !important;
}

.bottomSpacer0px {
margin-bottom: 0px !important;
}

.bottomSpacer-5px {
margin-bottom: -5px !important;
}

.bottomSpacer-10px {
margin-bottom: -10px !important;
}

.bottomSpacer-15px {
margin-bottom: -15px !important;
}

.bottomSpacer-20px {
margin-bottom: -20px !important;
}

.bottomSpacer-25px {
margin-bottom: -25px !important;
}

.bottomSpacer-30px {
margin-bottom: -30px !important;
}

.bottomSpacer-35px {
margin-bottom: -35px !important;
}

.bottomSpacer-40px {
margin-bottom: -40px !important;
}

.bottomSpacer-45px {
margin-bottom: -45px !important;
}

.bottomSpacer-50px {
margin-bottom: -50px !important;
}

.topSpacer50px {
margin-top: 50px !important;
}

.topSpacer45px {
margin-top: 45px !important;
}

.topSpacer40px {
margin-top: 40px !important;
}

.topSpacer35px {
margin-top: 35px !important;
}

.topSpacer30px {
margin-top: 30px !important;
}

.topSpacer25px {
margin-top: 25px !important;
}

.topSpacer20px {
margin-top: 20px !important;
}

.topSpacer15px {
margin-top: 15px !important;
}

.topSpacer10px {
margin-top: 10px !important;
}

.topSpacer5px {
margin-top: 5px !important;
}

.topSpacer0px {
margin-top: 0px !important;
}

.topSpacer-5px {
margin-top: -5px !important;
}

.topSpacer-10px {
margin-top: -10px !important;
}

.topSpacer-15px {
margin-top: -15px !important;
}
.topSpacer-20px {
margin-top: -20px !important;
}

.topSpacer-25px {
margin-top: -25px !important;
}

.topSpacer-30px {
margin-top: -30px !important;
}

.topSpacer-35px {
margin-top: -35px !important;
}
.topSpacer-40px {
margin-top: -40px !important;
}
.topSpacer-45px {
margin-top: -45px !important;
}
.topSpacer-50px {
margin-top: -50px !important;
}


.leftSpacer50px {
margin-left: 50px !important;
}

.leftSpacer45px {
margin-left: 45px !important;
}

.leftSpacer40px {
margin-left: 40px !important;
}

.leftSpacer35px {
margin-left: 35px !important;
}

.leftSpacer30px {
margin-left: 30px !important;
}

.leftSpacer25px {
margin-left: 25px !important;
}

.leftSpacer20px {
margin-left: 20px !important;
}

.leftSpacer15px {
margin-left: 15px !important;
}

.leftSpacer10px {
margin-left: 10px !important;
}

.leftSpacer5px {
margin-left: 5px !important;
}

.leftSpacer0px {
margin-left: 0px !important;
}

.leftSpacer-5px {
margin-left: -5px !important;
}

.leftSpacer-10px {
margin-left: -10px !important;
}

.leftSpacer-15px {
margin-left: -15px !important;
}

.leftSpacer-20px {
margin-left: -20px !important;
}

.leftSpacer-25px {
margin-left: -25px !important;
}

.leftSpacer-30px {
margin-left: -30px !important;
}

.leftSpacer-35px {
margin-left: -35px !important;
}

.leftSpacer-40px {
margin-left: -40px !important;
}

.leftSpacer-45px {
margin-left: -45px !important;
}

.leftSpacer-50px {
margin-left: -50px !important;
}

.rightSpacer50px {
margin-right: 50px !important;
}

.rightSpacer45px {
margin-right: 45px !important;
}

.rightSpacer40px {
margin-right: 40px !important;
}

.rightSpacer35px {
margin-right: 35px !important;
}

.rightSpacer30px {
margin-right: 30px !important;
}

.rightSpacer25px {
margin-right: 25px !important;
}

.rightSpacer20px {
margin-right: 20px !important;
}

.rightSpacer15px {
margin-right: 15px !important;
}

.rightSpacer10px {
margin-right: 10px !important;
}

.rightSpacer5px {
margin-right: 5px !important;
}

.rightSpacer0px {
margin-right: 0px !important;
}

.rightSpacer-5px {
margin-right: -5px !important;
}

.rightSpacer-10px {
margin-right: -10px !important;
}

.rightSpacer-15px {
margin-right: -15px !important;
}

.rightSpacer-20px {
margin-right: -20px !important;
}

.rightSpacer-25px {
margin-right: -25px !important;
}

.rightSpacer-30px {
margin-right: -30px !important;
}

.rightSpacer-35px {
margin-right: -35px !important;
}

.rightSpacer-40px {
margin-right: -40px !important;
}

.rightSpacer-45px {
margin-right: -45px !important;
}
.rightSpacer-50px {
margin-right: -50px !important;
}






.UNEXTopicMarker {
text-align: right;
font-size: .85em;
color: #1b416c;
margin-top: 0em;
margin-bottom: .188em;
line-height: 115%;
}

/* alternate color scheme rules */

/* default UNEX Alt. Color Scheme */

.altColorSchemeText {
	color: #1b416c !important;
}

.altColorSchemeBackgroundModule {
	background-color: #dbe4e8;
}

.altColorSchemeBackground1 {
	background-color: #e7e7e7;
}

.altColorSchemeBackground1 hr {
	border: .5px solid #fff;
}

.altColorSchemeBackground2 {
	background-color: #1b416c;
	}


.altColorSchemeBackground3 {
	background-color: #e4e8ea;
}

.altColorSchemeBackground3 hr {
	border: .5px solid #fff;
}

/* teal */

.altColorSchemeOneText {
	color: #028a96 !important;
}

.altColorSchemeOneText a {
	color: #026e77 !important;
}

.altColorSchemeOneBackground1 {
	background-color: #f5f5f5;
}

.altColorSchemeOneBackground1 hr {
	border: .5px solid #767876;
}

.altColorSchemeOneBackground2 {
	background-color: #767876;
	}

.altColorSchemeOneBackground3 {
	background-color: #dbe0e2;
}

.altColorSchemeOneBackground3 hr {
	border: .5px solid #767876;
}


/* brown */

.altColorSchemeTwoText {
	color: #624e48 !important;
}

.altColorSchemeTwoText a {
	color: #422e2agroo !important;
}

.altColorSchemeTwoBackground1 {
	background-color: #f1ecd6;
}

.altColorSchemeTwoBackground1 hr {
	border: .5px solid #624e48;
}

.altColorSchemeTwoBackground2 {
	background-color: #605452;
	}

.altColorSchemeTwoBackground3 {
	background-color: #e9e7db;
}

.altColorSchemeTwoBackground3 hr {
	border: .5px solid #624e48;
}

/* white */

.altColorSchemeThreeText {
	color: #e7e1d6 !important;
}

.altColorSchemeThreeText2 {
	color: #3f677d !important;
}

.altColorSchemeThreeText a {
	color: #676967 !important;
}

.altColorSchemeThreeBackground1 {
	background-color: #3f677d;
}

.altColorSchemeThreeBackground1 hr {
	border: .5px solid #fff;
}

.altColorSchemeThreeBackground1 a {
	color: #e3e4e3;
}

.altColorSchemeThreeBackground1 p {
	color: #fff;
}

.altColorSchemeThreeBackground2 {
	background-color: #767876;
	}

.altColorSchemeThreeBackground3 {
	background-color: #e7e1d6;
}

.altColorSchemeThreeBackground3 hr {
	border: .5px solid #767876;
}

/* LIGHT gray background */

.altColorSchemeFourBackground1 {
background-color: #F6F6F6;
}

/* makes text black; to be used to make headings black */

.blackHeading {
color: black !important;
}

.lightgrayHeading {
color: #6a6a6a !important;
}

.grayHeading {
color: #5c5c5c !important;
}

.darkgrayHeading {
color: #3d3d3d !important;
}

.tealHeading {
color: #357772 !important;
}

.yellowHeading {
color: #60632a !important;
}

.magentaHeading {
color: #952F4c !important;
}

.orangeHeading {
color: #ac4f33 !important;
}

.haasBlueHeading {
color: #51A8D7;
}

.grayHR {
border-width: .077em 0em;
border-style: solid none;
border-color: #b0b0b0 -moz-use-text-color #FFF;
margin-bottom: 1.923em;
margin-top: 0em;
}

/* text color options */

.blue336699 {
color: #336699 !important;
}

.yellowteam {
text-shadow: -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 0px #000;
color: #fff200;
}

/* creating a table that automatically has borders */

.brcoeTableBorder1 td {
border: 1px solid black;
padding: .385em !important;
}

.brcoeTableBorder1 th {
border: 1px solid black;
padding: .385em;
}


#wiki_page_show .ui-tabs .ui-tabs-nav .ui-state-default{
border: 1px solid #ccc;
color: #333;
font-weight: normal;
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
border-bottom-color: #bbb;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
}

#wiki_page_show .ui-tabs .ui-tabs-nav .ui-state-active{
background-color: #fff;
background-image: none;
}

#wiki_page_show .ui-state-default a{
    color: #1b416c;
}


/* x478 inspired color scheme */

.altScheme4BrownText {
    color: #513724 !important;
}

.altScheme4LightBrownBackground {
background-color: #e6e5db;
}
.altScheme4DarkBlueBackground{
background-color: #374a55;
}
.altScheme4GrayBrownBackground {
background-color: #dcdcd8;
}

.altScheme4DarkBlueText{
color: #374a55 !important;
}

/* Code specifically created/added for the 1/21/15 Haas Course Shell, responsive and accessible */

/* alters appearance of tab menus in Haas courses */

/*.HaasTabs.ui-widget {
margin-bottom: 2.308em;
} */

#wiki_page_show .HaasTabs.ui-tabs .ui-tabs-nav .ui-state-default {
border: none;
font-weight: bold;
background-image: none;
text-shadow: none;
box-shadow: none;
}

#wiki_page_show .HaasTabs.ui-tabs .ui-tabs-nav {
border-bottom: .154em solid #e5ded1
margin-top: 1.154;
}

#wiki_page_show .HaasTabs.ui-tabs .ui-tabs-nav .ui-state-active {
background-image: none !important;
border-bottom: .385em solid #2d637f !important;
border-collapse: separate;
border-spacing: 1.154em;
margin-bottom: -.154em;
}

#wiki_page_show .HaasTabs.ui-tabs .ui-tabs-nav .ui-state-active:focus {
background-image: none !important;
border-bottom: .385em solid #2d637f !important;
border-collapse: separate;
border-spacing: 1.154em;
margin-bottom: -.154em;
outline: .385em auto -webkit-focus-ring-color;
outline-offset: -.154em;
}

#wiki_page_show .HaasTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a  {
color: #2d637f !important;
}

#wiki_page_show .HaasTabs .ui-state-default a  {
color: #c45114 !important;
}


#wiki_page_show .HaasTabs.ui-tabs .ui-tabs-nav li a {
font-weight: 600;
padding-top: .308em;
padding-bottom: .308em;
padding-right: 2.692em;
padding-left: 0em;
}

#wiki_page_show .HaasTabs .ui-widget-content {
border: none;
}

#wiki_page_show .HaasTabs.ui-tabs .ui-tabs-panel {
padding-top: 1.154em;
padding-left: .231em;
}

/* alters headings that will be used in tabs to make headings look like regular text */

.plainHeader {
font-size: .875rem;
margin: .769em 0em .154em 0em;
color: black !important;
font-weight: normal !important;
line-height: 115%;
}


.HaasWelcomeTitle {
font-size: 3.231em;
line-height: 80%;
}

/* alters "to Course Code and name with instructor name" heading on front page */

.HaasSecondaryWelcomeTitle {
font-size: .429em;
line-height: 115%;
}

.HaasOfficeHoursScheduleTitle {
font-size: 13px !important;
margin-bottom: 0em !important;
margin-top: 0em !important;
line-height: 125%;
}

/* alters HRs on week and front pages */

.HaasWeekHR {
border-width: .077em 0em;
border-style: solid none;
border-color: #e5ded1 -moz-use-text-color #FFF;
margin-bottom: 1.923em;
margin-top: 0em;
}

.HaasFrontPageHR {
border-width: .077em 0em;
border-style: solid none;
border-color: #e5ded1 -moz-use-text-color #FFF;
margin: 0em 1.538em;
}

/* alters HRs on Office Hours page; HR2 controls the HR that is only visible between Start Session and Instructions when page is below 1158 width */

 .HaasOfficeHoursHR {
border-width: .077em 0em;
border-style: solid none;
border-color: #e5ded1 -moz-use-text-color #FFF;
margin-top: 2.308em;
}

   @media all and (min-width: 1158px) {
.HaasOfficeHoursHR {
border-width: 0em 0em;
border-style: solid none;
border-color: #e5ded1 -moz-use-text-color #FFF;
margin: 0em 1.538em;
}
}

  .HaasOfficeHoursHR2 {
border-width: .077em 0em;
border-style: solid none;
border-color: #e5ded1 -moz-use-text-color #FFF;
margin-top: 2.308em;
margin-bottom: 3.077em;
}

   @media all and (min-width: 1158px) {
.HaasOfficeHoursHR2 {
border-width: 0em 0em;
border-style: solid none;
border-color: #e5ded1 -moz-use-text-color #FFF;
margin: 0em 1.538em;
}
}

/* rules for the most outside container on Haas pages */

.HaasFlexContainer {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	background-color: #fff;
	padding-left: .615em;
	padding-right: .615em;
	padding-top: .462em;
	padding-bottom: .769em;
	background-color: #e5ded1;
	overflow-y: hidden;
}

.HaasFlexContainer > * {
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.HaasFlexContainer a {
color: #c45114;
}

/* rules for the link bar to be used on all Haas pages */

.HaasWkText {
font-weight: 300;
font-size: 18px;
letter-spacing: normal;
margin-right: 1.500em;
color: #333;
}

.HaasLinkDiv {
margin-bottom: .615em;
text-align: right;
background-color: #fff;
padding-right: 1.923em;
padding-top: .769em;
}

.HaasLinkDiv p {
margin-bottom: .455em !important;
margin-top: 0px !important;
font-weight: 500;
font-size: 22px;
}

/* rules for main area on Week page or other page */

.HaasWeekPageContentDiv {
background-color: #fff;
padding-left: 3.462em;
padding-right: 1.538em;
padding-top: 1.538em;
padding-bottom: 3.462em;
}

.HaasPlaceholderWeekPage {
float: right;
padding: .769em 1.923em;
flex-wrap: nowrap !important;
-moz-box-ordinal-group: 1;
order: 0;
-moz-box-flex: 1;
flex: 1 1 40%;
align-self: auto;
background: none repeat scroll 0% 0% #e5ded1;
width: 40%;
margin-left: 2.692em;
margin-bottom: 1.154em;
}

.HaasPlaceholderWeekPage img {
width: 100%;
}

/* rules for content divs on instructor info page */

.HaasInstructorInfoContentDiv {
background-color: #fff;
padding-left: 4.231em;
padding-right: 2.308em;
padding-top: 5.000em;
padding-bottom: 3.846em;
}

.HaasInstructorInfoContentDiv img {
border: .077em solid #ccc;
float: left;
margin-right: 1.154em;
margin-bottom: .385em;
width: 8.846em;
}

.HaasInstructorInfoInstructorDiv {
margin-bottom: 5.769em;
}

/* rules for containers on front page */

.HaasFlexContent1 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    background-color: white;
  }

  .HaasFlexContent1CSpacer1 {
  border: none;
  height: 1.154em;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent1Spacer1 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	border-right: 1px solid white;
 	height: 1.154em;
  }
 }

  .HaasFlexContent1Spacer2 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	height: 1.154em;
  }

    .HaasFlexContent1CSpacer2Longer {
  border: none;
  height: 1.154em;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent1Spacer2Longer {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	border-right: 1px solid #e5ded1;
 	height: 1.154em;
  }
 }

    .HaasFlexContent1CSpacer3 {
  border: none;
  height: .385em;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent1Spacer3 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	border-right: 1px solid white;
 	height: .385em;
  }
 }
  .HaasFlexContent2CSpacer1 {
  border: none;
  height: 1.154em;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent2Spacer1 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	border-left: .077em solid white;
 	height: 1.154em;
  }
 }

   .HaasFlexContent2CSpacer2 {
  border: none;
  height: 1.154em;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent2Spacer2 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	border-left: .077em solid #e5ded1;
 	height: 1.154em;
  }
 }

    .HaasFlexContent2CSpacer3 {
  border: none;
  height: 1.154em;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent2Spacer3 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	border-left: .077em solid white;
 	height: 1.154em;
  }
 }

   .HaasFlexContent1Container1 {
  	padding-top: 1.538em;
 	padding-left: 3.846em;
 	padding-right: 3.846em;
 	margin-bottom: 0em;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent1Container1 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	padding-top: 1.538em;
 	padding-left: 3.846em;
 	padding-right: 3.846em;
 	margin-bottom: 0em;
  }
 }

    .HaasFlexContent1Container1Longer {
  	border: none;
	padding-top: 1.538em;
 	padding-left: 3.846em;
 	padding-right: 3.846em;
 	margin-bottom: 0em;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent1Container1Longer {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	border-right: .077em solid #e5ded1;
 	padding-top: 1.538em;
 	padding-left: 3.846em;
 	padding-right: 3.846em;
 	margin-bottom: 0em;
  }
 }

  .HaasFlexContent1ContainerHR {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }

   .HaasFlexContent1ContainerHRLonger {
  border-right: none;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent1ContainerHRLonger {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	border-right: .077em solid #e5ded1;
  }
 }

   .HaasFlexContent1Container2 {
  	border: none;
   	padding-left: 3.846em;
 	padding-right: 3.846em;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent1Container2 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	padding-left: 3.846em;
 	padding-right: 3.846em;
  }
 }

.HaasFlexContent1Container2Longer {
 	border: none;
   	padding-left: 3.846em;
 	padding-right: 3.846em;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent1Container2Longer {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	border-right: .077em solid #e5ded1;
 	padding-left: 3.846em;
 	padding-right: 3.846em;
  }
 }


 .HaasFlexContent2 {
  background: white;
  border: none;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent2 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: white;
 	border: none;
  }
 }

   .HaasFlexContent2Container1 {
  border: none;
  padding-top: .385em;
 	padding-left: 1.154em;
 	padding-right: 1.154em;
 	margin-bottom: 0em;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent2Container1 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	border-left: .077em solid #e5ded1;
 	padding-top: .385em;
 	padding-left: 1.154em;
 	padding-right: 1.923em;
 	margin-bottom: 0em;
  }
 }

   .HaasFlexContent2ContainerHR {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    border-left: .077em solid #e5ded1;
  }

    .HaasFlexContent2Container2 {
  	border: none;
   	padding-top: 1.538em;
   	padding-left: 2.308em;
 	padding-right: 2.308em;
 	padding-bottom: 1.154em;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent2Container2 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	border-left: .077em solid #e5ded1;
 	padding-top: 1.538em;
 	padding-left: 2.308em;
 	padding-right: 2.308em;
 	padding-bottom: 1.154em;
  }
 }

     .HaasFlexContent2Container3 {
  border: none;
   	padding-top: 1.538em;
   	padding-left: 2.308em;
 	padding-right: 2.308em;
}

@media all and (min-width: 1158px) {
  .HaasFlexContent2Container3 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
 	border-left: .077em solid #e5ded1;
 	padding-top: 1.538em;
 	padding-left: 2.308em;
 	padding-right: 2.308em;
  }
 }

.HaasPlaceholderFrontPage {
float: right;
padding: .769em 1.923em;
flex-wrap: nowrap !important;
-moz-box-ordinal-group: 1;
order: 0;
-moz-box-flex: 1;
flex: 1 1 40%;
align-self: auto;
background: none repeat scroll 0% 0% #e5ded1;
margin-top: .385em;
margin-bottom: 1.923em;
}

.HaasPlaceholderFrontPage img {
width: 100%;
}

.HaasFlexContent2Container2 a {
  font-size: 18px;
  font-weight: bold;
}

@media all and (min-width: 1158px) {
.HaasFlexContent2Container2 a {
  font-size: .875rem;
  font-weight: bold;
  }
 }

 /* rules for icon tables on front page */

 /* for icon + text "list item" tables, in the getting started cell */


table.HaasIconTable {
	margin-bottom: 1.154em !important;
	margin-top: .385em !important;
	margin-left: -.308em !important;
}

table.HaasIconTable img {
	width: 2.692em;
}

@media all and (min-width: 1158px) {
table.HaasIconTable img {
	width: 2em;
}
}

/* for the text cell in the imagetexttable: spacing between icon and text; line-height so that if text has to go to two lines, there isn't a big space between both lines */

table tr td.HaasIconTable {
	padding-left: .833em !important;
	line-height: 115%;
	font-size: 18px;
	font-weight: bold;
}

@media all and (min-width: 1158px) {
table tr td.HaasIconTable {
	padding-left: .385em !important;
	line-height: 115%;
	font-size: .875rem;
	font-weight: bold;
}
}



 table.HaasIconTableWeek {
	margin-bottom: 1.154em !important;
	margin-top: .385em !important;
}

table.HaasIconTableWeek a {
	font-weight: bold;
}

table.HaasIconTableWeek img {
	width: 1.538em;
}

@media all and (min-width: 1158px) {
table.HaasIconTableWeek img {
	width: 1.385em;
}
}

/* for the text cell in the imagetexttable: spacing between icon and text; line-height so that if text has to go to two lines, there isn't a big space between both lines */

table tr td.HaasIconTableWeek {
	padding-left: .769em !important;
	line-height: 115%;
	font-size: .875rem;
}

@media all and (min-width: 1158px) {
table tr td.HaasIconTableWeek {
	padding-left: .769em !important;
	line-height: 115%;
	font-size: .875rem;
}
}

table tr td.HaasIconTableWeek img {
width: .923em;
}

.moreTableSpacingMBA254 table {
margin-top: 1.538em !important ;
margin-bottom:2.308em !important;
}

/* rules for Office Hours page */

.HaasOfficeHoursContentDiv {
 background-color: #FFF;
    }

 @media all and (min-width: 1158px) {
 .HaasOfficeHoursContentDiv {
     -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    background-color: #FFF;
    display: table;
    border-collapse: collapse;
 }
 }

 .HaasOfficeHoursSpacer {
 height: 1.538em;
 width: 100%;
 }

 .HaasOfficeHoursTopDiv {

 }

 @media all and (min-width: 1158px) {
 .HaasOfficeHoursTopDiv {
 display: table-row;
 }
 }


 .HaasOfficeHoursTopDivCell {
 padding-top: .769em;
 padding-left: 3.846em;
 padding-right: 3.846em;
 padding-bottom: .769em;
 }

 @media all and (min-width: 1158px) {
 .HaasOfficeHoursTopDivCell {
 display: table-cell;
 width: 50%;
 padding-top: .769em;
 padding-left: 3.846em;
 padding-right: 2.308em;
 padding-bottom: .769em;
 }
 }

 .HaasOfficeHoursMiddleDiv {
  height: 0em;
  text-align: center;
 }

  @media all and (min-width: 1158px) {
 .HaasOfficeHoursMiddleDiv {
 display: table-row;
  height: .385em;
  padding:0em 0.154em;
  text-align: center;
 }
 }

  @media all and (min-width: 1158px) {
 .HaasOfficeHoursMiddleDivCell {
 background-color: white;
 display: table-cell;
 width: 50%;
 }
}

  @media all and (min-width: 1158px) {
 .HaasOfficeHoursMiddleDivCellBar {
 display: inline-block;
 background-color: #e5ded1;
 height: .077em;
 width: 95%;
 }
 }

 .HaasOfficeHoursCenterBorder {
 border-right: none;
 }
   @media all and (min-width: 1158px) {
 .HaasOfficeHoursCenterBorder {
 border-right: .077em solid #e5ded1;
 }
 }


 .HaasOfficeHoursBottomDiv {

 }

  @media all and (min-width: 1158px) {
 .HaasOfficeHoursBottomDiv {
 display: table-row;
 }
 }

 .HaasOfficeHoursBottomDivCell {

  padding-top: .769em;
 padding-left: 3.846em;
 padding-right: 2.308em;
 padding-bottom: .769em;
 }

 @media all and (min-width: 1158px) {
 .HaasOfficeHoursBottomDivCell {
 display: table-cell;
 width: 50%;
  padding-top: .769em;
 padding-left: 3.846em;
 padding-right: 2.308em;
 padding-bottom: 7.692em;
 }
 }


  .HaasOfficeHoursHR {
border-width: .077em 0em;
border-style: solid none;
border-color: #e5ded1 -moz-use-text-color #FFF;
margin-top: 2.308em;
}

   @media all and (min-width: 1158px) {
.HaasOfficeHoursHR {
border-width: 0em 0em;
border-style: solid none;
border-color: #e5ded1 -moz-use-text-color #FFF;
margin: 0em 1.538em;
}
}

  .HaasOfficeHoursHR2 {
border-width: .077em 0em;
border-style: solid none;
border-color: #e5ded1 -moz-use-text-color #FFF;
margin-top: 2.308em;
margin-bottom: 3.077em;
}

   @media all and (min-width: 1158px) {
.HaasOfficeHoursHR2 {
border-width: 0em 0em;
border-style: solid none;
border-color: #e5ded1 -moz-use-text-color #FFF;
margin: 0em 1.538em;
}
}

 .HaasOfficeHoursList {
 margin-left: 1.154em;
 }

 /* Rules for Kelly's OOT Course */

.OOTNavBarText {
font-size: 20px;
}

.OOTImageCaption {
font-size: 6pt;
line-height: 115%;
color: #7C3685;
float: right;
margin-top: .5em;
}

/* Code adapted from the Haas template for the OOT Course Shell, responsive and accessible */

/* alters appearance of tab menus in OOT courses */

/*.OOTTabs.ui-widget {
margin-bottom: 2.308em;
} */

#wiki_page_show .OOTTabs.ui-tabs .ui-tabs-nav .ui-state-default {
border: none;
font-weight: bold;
background-image: none;
text-shadow: none;
box-shadow: none;
}

#wiki_page_show .OOTTabs.ui-tabs .ui-tabs-nav {
border-bottom: .154em solid #C5C3D3;
margin-top: 1.154;
}

#wiki_page_show .OOTTabs.ui-tabs .ui-tabs-nav .ui-state-active {
background-image: none !important;
border-bottom: .385em solid #2d637f !important;
border-collapse: separate;
border-spacing: 1.154em;
margin-bottom: -.154em;
}

#wiki_page_show .OOTTabs.ui-tabs .ui-tabs-nav .ui-state-active:focus {
background-image: none !important;
border-bottom: .385em solid #2d637f !important;
border-collapse: separate;
border-spacing: 1.154em;
margin-bottom: -.154em;
outline: .385em auto -webkit-focus-ring-color;
outline-offset: -.154em;
}

#wiki_page_show .OOTTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a  {
color: #2d637f !important;
}

#wiki_page_show .OOTTabs .ui-state-default a  {
color: #7C3685 !important;
}


#wiki_page_show .OOTTabs.ui-tabs .ui-tabs-nav li a {
font-weight: 600;
padding-top: .308em;
padding-bottom: .308em;
padding-right: 2.692em;
padding-left: 0em;
}

#wiki_page_show .OOTTabs .ui-widget-content {
border: none;
}

#wiki_page_show .OOTTabs.ui-tabs .ui-tabs-panel {
padding-top: 1.154em;
padding-left: .231em;
}


.OOTWelcomeTitle {
font-size: 3.231em;
line-height: 80%;
}

/* alters "to Course Code and name with instructor name" heading on front page */

.OOTSecondaryWelcomeTitle {
font-size: .429em;
line-height: 115%;
}

.OOTOfficeHoursScheduleTitle {
font-size: 13px !important;
margin-bottom: 0em !important;
margin-top: 0em !important;
line-height: 125%;
}

/* alters HRs on week and front pages */

.OOTWeekHR {
border-width: .077em 0em;
border-style: solid none;
border-color: #C5C3D3 -moz-use-text-color #FFF;
margin-bottom: 1.923em;
margin-top: 0em;
}

.OOTFrontPageHR {
border-width: .077em 0em;
border-style: solid none;
border-color: #C5C3D3 -moz-use-text-color #FFF;
margin: 0em 1.538em;
}

/* alters HRs on Office Hours page; HR2 controls the HR that is only visible between Start Session and Instructions when page is below 1158 width */

 .OOTOfficeHoursHR {
border-width: .077em 0em;
border-style: solid none;
border-color: #C5C3D3 -moz-use-text-color #FFF;
margin-top: 2.308em;
}

   @media all and (min-width: 1158px) {
.OOTOfficeHoursHR {
border-width: 0em 0em;
border-style: solid none;
border-color: #C5C3D3 -moz-use-text-color #FFF;
margin: 0em 1.538em;
}
}

  .OOTOfficeHoursHR2 {
border-width: .077em 0em;
border-style: solid none;
border-color: #C5C3D3 -moz-use-text-color #FFF;
margin-top: 2.308em;
margin-bottom: 3.077em;
}

   @media all and (min-width: 1158px) {
.OOTOfficeHoursHR2 {
border-width: 0em 0em;
border-style: solid none;
border-color: #C5C3D3 -moz-use-text-color #FFF;
margin: 0em 1.538em;
}
}

/* rules for the most outside container on OOT pages */

.OOTFlexContainer {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #fff;
    padding-left: .615em;
    padding-right: .615em;
    padding-top: .462em;
    padding-bottom: .769em;
    background-color: #C5C3D3;
}

.OOTFlexContainer > * {
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.OOTFlexContainer a {
color: #7C3685;
}

/* rules for the link bar to be used on all OOT pages */

.OOTWkText {
font-weight: 300;
font-size: 18px;
letter-spacing: normal;
margin-right: 1.500em;
color: #333;
}

.OOTLinkDiv {
margin-bottom: .615em;
text-align: right;
background-color: #fff;
padding-right: 1.923em;
padding-top: .769em;
}

.OOTLinkDiv p {
margin-bottom: .455em !important;
font-weight: 500;
font-size: 22px;
margin-top: 0em !important;
}

/* rules for main area on Week page or other page */

.OOTWeekPageContentDiv {
background-color: #fff;
padding-left: 3.462em;
padding-right: 1.538em;
padding-top: 1.538em;
padding-bottom: 3.462em;
}

.OOTPlaceholderWeekPage {
float: right;
padding: .769em 1.923em;
flex-wrap: nowrap !important;
-moz-box-ordinal-group: 1;
order: 0;
-moz-box-flex: 1;
flex: 1 1 40%;
align-self: auto;
background: none repeat scroll 0% 0% #C5C3D3;
width: 40%;
margin-left: 2.692em;
margin-bottom: 1.154em;
}

.OOTPlaceholderWeekPage img {
width: 100%;
}

/* rules for content divs on instructor info page */

.OOTInstructorInfoContentDiv {
background-color: #fff;
padding-left: 4.231em;
padding-right: 2.308em;
padding-top: 5.000em;
padding-bottom: 3.846em;
}

.OOTInstructorInfoContentDiv img {
border: .077em solid #ccc;
float: left;
margin-right: 1.154em;
margin-bottom: .385em;
width: 8.846em;
}

.OOTInstructorInfoInstructorDiv {
margin-bottom: 5.769em;
}

/* rules for containers on front page */

.OOTFlexContent1 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    background-color: white;
  }

  .OOTFlexContent1CSpacer1 {
  border: none;
  height: 1.154em;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent1Spacer1 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     border-right: 1px solid white;
     height: 1.154em;
  }
 }

  .OOTFlexContent1Spacer2 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     height: 1.154em;
  }

    .OOTFlexContent1CSpacer2Longer {
  border: none;
  height: 1.154em;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent1Spacer2Longer {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     border-right: 1px solid #C5C3D3;
     height: 1.154em;
  }
 }

    .OOTFlexContent1CSpacer3 {
  border: none;
  height: .385em;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent1Spacer3 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     border-right: 1px solid white;
     height: .385em;
  }
 }
  .OOTFlexContent2CSpacer1 {
  border: none;
  height: 1.154em;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent2Spacer1 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     border-left: .077em solid white;
     height: 1.154em;
  }
 }

   .OOTFlexContent2CSpacer2 {
  border: none;
  height: 1.154em;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent2Spacer2 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     border-left: .077em solid #C5C3D3;
     height: 1.154em;
  }
 }

    .OOTFlexContent2CSpacer3 {
  border: none;
  height: 1.154em;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent2Spacer3 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     border-left: .077em solid white;
     height: 1.154em;
  }
 }

   .OOTFlexContent1Container1 {
      padding-top: 1.538em;
     padding-left: 3.846em;
     padding-right: 3.846em;
     margin-bottom: 0em;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent1Container1 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     padding-top: 1.538em;
     padding-left: 3.846em;
     padding-right: 3.846em;
     margin-bottom: 0em;
  }
 }

    .OOTFlexContent1Container1Longer {
      border: none;
    padding-top: 1.538em;
     padding-left: 3.846em;
     padding-right: 3.846em;
     margin-bottom: 0em;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent1Container1Longer {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     border-right: .077em solid #C5C3D3;
     padding-top: 1.538em;
     padding-left: 3.846em;
     padding-right: 3.846em;
     margin-bottom: 0em;
  }
 }

  .OOTFlexContent1ContainerHR {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }

   .OOTFlexContent1ContainerHRLonger {
  border-right: none;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent1ContainerHRLonger {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     border-right: .077em solid #C5C3D3;
  }
 }

   .OOTFlexContent1Container2 {
      border: none;
       padding-left: 3.846em;
     padding-right: 3.846em;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent1Container2 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     padding-left: 3.846em;
     padding-right: 3.846em;
  }
 }

.OOTFlexContent1Container2Longer {
     border: none;
       padding-left: 3.846em;
     padding-right: 3.846em;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent1Container2Longer {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     border-right: .077em solid #C5C3D3;
     padding-left: 3.846em;
     padding-right: 3.846em;
  }
 }


 .OOTFlexContent2 {
  background: white;
  border: none;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent2 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    background: white;
     border: none;
  }
 }

   .OOTFlexContent2Container1 {
  border: none;
  padding-top: .385em;
     padding-left: 1.154em;
     padding-right: 1.154em;
     margin-bottom: 0em;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent2Container1 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     border-left: .077em solid #C5C3D3;
     padding-top: .385em;
     padding-left: 1.154em;
     padding-right: 1.923em;
     margin-bottom: 0em;
  }
 }

   .OOTFlexContent2ContainerHR {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    border-left: .077em solid #C5C3D3;
  }

    .OOTFlexContent2Container2 {
      border: none;
       padding-top: 1.538em;
       padding-left: 2.308em;
     padding-right: 2.308em;
     padding-bottom: 1.154em;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent2Container2 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     border-left: .077em solid #C5C3D3;
     padding-top: 1.538em;
     padding-left: 2.308em;
     padding-right: 2.308em;
     padding-bottom: 1.154em;
  }
 }

     .OOTFlexContent2Container3 {
  border: none;
       padding-top: 1.538em;
       padding-left: 2.308em;
     padding-right: 2.308em;
}

@media all and (min-width: 1158px) {
  .OOTFlexContent2Container3 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
     border-left: .077em solid #C5C3D3;
     padding-top: 1.538em;
     padding-left: 2.308em;
     padding-right: 2.308em;
  }
 }

.OOTPlaceholderFrontPage {
float: right;
padding: .769em 1.923em;
flex-wrap: nowrap !important;
-moz-box-ordinal-group: 1;
order: 0;
-moz-box-flex: 1;
flex: 1 1 40%;
align-self: auto;
background: none repeat scroll 0% 0% #C5C3D3;
margin-top: .385em;
margin-bottom: 1.923em;
}

.OOTPlaceholderFrontPage img {
width: 100%;
}

.OOTFlexContent2Container2 a {
  font-size: 18px;
  font-weight: bold;
}

@media all and (min-width: 1158px) {
.OOTFlexContent2Container2 a {
  font-size: .875rem;
  font-weight: bold;
  }
 }

 /* rules for icon tables on front page */

 /* for icon + text "list item" tables, in the getting started cell */


table.OOTIconTable {
    margin-bottom: 1.154em;
    margin-top: .385em;
    margin-left: -.308em;
}

table.OOTIconTable img {
    width: 2.692em;
}

@media all and (min-width: 1158px) {
table.OOTIconTable img {
    width: 2em;
}
}

/* for the text cell in the imagetexttable: spacing between icon and text; line-height so that if text has to go to two lines, there isn't a big space between both lines */

table tr td.OOTIconTable {
    padding-left: .833em !important;
    line-height: 115%;
    font-size: 18px;
    font-weight: bold;
}

@media all and (min-width: 1158px) {
table tr td.OOTIconTable {
    padding-left: .385em !important;
    line-height: 115%;
    font-size: .875rem;
    font-weight: bold;
}
}
 table.OOTIconTableWeek {
    margin-bottom: 1.154em !important;
    margin-top: .385em !important;
}

table.OOTIconTableWeek a {
    font-weight: bold;
}

table.OOTIconTableWeek img {
    width: 1.538em;
}

@media all and (min-width: 1158px) {
table.OOTIconTableWeek img {
    width: 1.385em;
}
}

/* for the text cell in the imagetexttable: spacing between icon and text; line-height so that if text has to go to two lines, there isn't a big space between both lines */

table tr td.OOTIconTableWeek {
    padding-left: .769em !important;
    line-height: 115%;
    font-size: .875rem;
}

@media all and (min-width: 1158px) {
table tr td.OOTIconTableWeek {
    padding-left: .769em !important;
    line-height: 115%;
    font-size: .875rem;
}
}

table tr td.OOTIconTableWeek img {
width: .923em;
}

.moreTableSpacingMBA254 table {
margin-top: 1.538em !important;
margin-bottom:2.308em !important;
}

/* rules for Office Hours page */

.OOTOfficeHoursContentDiv {
 background-color: #FFF;
    }

 @media all and (min-width: 1158px) {
 .OOTOfficeHoursContentDiv {
     -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    background-color: #FFF;
    display: table;
    border-collapse: collapse;
 }
 }

 .OOTOfficeHoursSpacer {
 height: 1.538em;
 width: 100%;
 }

 .OOTOfficeHoursTopDiv {

 }

 @media all and (min-width: 1158px) {
 .OOTOfficeHoursTopDiv {
 display: table-row;
 }
 }

 .OOTOfficeHoursTopDivCell {
 padding-top: .769em;
 padding-left: 3.846em;
 padding-right: 3.846em;
 padding-bottom: .769em;
 }

 @media all and (min-width: 1158px) {
 .OOTOfficeHoursTopDivCell {
 display: table-cell;
 width: 50%;
 padding-top: .769em;
 padding-left: 3.846em;
 padding-right: 2.308em;
 padding-bottom: .769em;
 }
 }

 .OOTOfficeHoursMiddleDiv {
  height: 0em;
  text-align: center;
 }

  @media all and (min-width: 1158px) {
 .OOTOfficeHoursMiddleDiv {
 display: table-row;
  height: .385em;
  padding:0em 0.154em;
  text-align: center;
 }
 }

  @media all and (min-width: 1158px) {
 .OOTOfficeHoursMiddleDivCell {
 background-color: white;
 display: table-cell;
 width: 50%;
 }
}

  @media all and (min-width: 1158px) {
 .OOTOfficeHoursMiddleDivCellBar {
 display: inline-block;
 background-color: #C5C3D3;
 height: .077em;
 width: 95%;
 }
 }

 .OOTOfficeHoursCenterBorder {
 border-right: none;
 }
   @media all and (min-width: 1158px) {
 .OOTOfficeHoursCenterBorder {
 border-right: .077em solid #C5C3D3;
 }
 }

   @media all and (min-width: 1158px) {
 .OOTOfficeHoursBottomDiv {
 display: table-row;
 }
 }

 .OOTOfficeHoursBottomDivCell {

  padding-top: .769em;
 padding-left: 3.846em;
 padding-right: 2.308em;
 padding-bottom: .769em;
 }

 @media all and (min-width: 1158px) {
 .OOTOfficeHoursBottomDivCell {
 display: table-cell;
 width: 50%;
  padding-top: .769em;
 padding-left: 3.846em;
 padding-right: 2.308em;
 padding-bottom: 7.692em;
 }
 }


  .OOTOfficeHoursHR {
border-width: .077em 0em;
border-style: solid none;
border-color: #C5C3D3 -moz-use-text-color #FFF;
margin-top: 2.308em;
}

   @media all and (min-width: 1158px) {
.OOTOfficeHoursHR {
border-width: 0em 0em;
border-style: solid none;
border-color: #C5C3D3 -moz-use-text-color #FFF;
margin: 0em 1.538em;
}
}

  .OOTOfficeHoursHR2 {
border-width: .077em 0em;
border-style: solid none;
border-color: #C5C3D3 -moz-use-text-color #FFF;
margin-top: 2.308em;
margin-bottom: 3.077em;
}

   @media all and (min-width: 1158px) {
.OOTOfficeHoursHR2 {
border-width: 0em 0em;
border-style: solid none;
border-color: #C5C3D3 -moz-use-text-color #FFF;
margin: 0em 1.538em;
}
}

 .OOTOfficeHoursList {
 margin-left: 1.154em;
 }
 /* End of rules for Kelly's OOT Course */

 /* BRCOe Image Frame Rules */

.brcoeImageFrame {
float: right;
padding: .0em 0em;
flex-wrap: nowrap !important;
-moz-box-ordinal-group: 1;
order: 0;
-moz-box-flex: 1;
flex: 1 1 40%;
align-self: auto;
background: none repeat scroll 0% 0%;
width: 40%;
margin-left: 2.692em;
margin-bottom: 1.154em;
}

.brcoeImageFrame img {
max-width: 100%;
border: 1px solid gray;
}

.x105BlurbImg {
background-image: URL("https://s3.amazonaws.com/BRCOE/css_brcoe/images/biochem-background.jpg");
background-size: cover;
padding-top: .769em;
padding-left: 1.154em;
padding-right: .769em;
padding-bottom: 1px;
margin-bottom: .385em;
}


.testBackgroundImage {
background-image: URL("https://onlinelearning.berkeley.edu/courses/355118/files/29331504/preview");
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 1px;
color: #ffffff;
}

 @media all and (min-width: 1158px) {
	.mphweeksessionleft {
		float: left;
		width: 60%;
	}
	.mphweeksessionright {
		float: left;
		width: 30%;
		margin-left: 2%;
		padding-left:7%
	}
	.user_content h3.nopaddingh3{
		text-align:left;
	}
}

.user_content .nopaddingh3,
.user_content .nopaddingh4 {
	color: #1B416C;
	margin-top:0;
}
.user_content .nopaddingh3{
		text-align:center;
}

/*scrolling menu content*/
    .tocOuter{
        width: 100%;
    }

@media all and (min-width: 1158px) {

    .tocSidebarWrapper{
        float:left;
        min-width: 200px;
        width: 30%;
    }
    .tocWrapper, .tocwrapper{
        position:fixed;
		max-width:275px;
    }
    .maincontentRight{
        margin-left: 360px;
        width: 60%;
	}
}

/* This should stay at the end so that it wins in precedence */
@media all and (min-width: 1158px) {
}

  /*This is programatically applied to non flex compatible browser elements */
  .fallbackMarginRight {
    margin-right: .5em;
  }

hr.blue336699 {
  width: 100%;
  border-color: #336699;
  align: left;
}

.circleTEST {
  background-image: url("https://s3.amazonaws.com/BRCOE/css_brcoe/images/BlackCircleWhiteBackground.png");
 background-size: 100% 100%;
 font-size: 14pt;
 font-weight: bold;
 padding: 0px 7px;
}

.circleTEST2 {
  background-image: url("https://s3.amazonaws.com/BRCOE/css_brcoe/images/BlackCircle.png");
 background-size: 100% 100%;
 font-size: 14pt;
 font-weight: bold;
 padding: 0px 7px;
}

.brcoeRightDivHide {
  background: #EBF1F8;
  border: 1px solid gray;
  	padding: 1.538em;
	margin-bottom: 1.154em;
	display:none;
	}

@media all and (min-width: 1158px) {
  .brcoeRightDivHide {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
 	border: 1px solid gray;
	padding-bottom: 1.538em;
	padding-top: 1.538em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	display: initial !important;
  }
}

.brcoeRightDivHide img {
  border: 1px solid gray;
  width: 100%;
	}

ul.checkList {
   list-style-image: url('https://s3.amazonaws.com/BRCOE/css_brcoe/images/check.png');
}

/*CSS for PH W250 (2014) so it looks right while being copied */
/* for main table on home page */

table.home {
	width: 99%;
	border: 1px solid #ccc;
	border-spacing: 20px;
	border-collapse: separate;
}

/* for the left, Welcome cell on first home page */

table tr td.welcomecell {
	width: 40%;
	background-color: #ebf1f8;
	border: 1px solid #ccc;
	padding-bottom: 15px !important;
	padding-top: 15px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	vertical-align: top;
}

/* for the left cell on the Ongoing home page */

table tr td.leftcell {
	width: 50%;
	background-color: #ebf1f8;
	border: 1px solid #cccccc;
	padding-bottom: 15px !important;
	padding-top: 20px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	vertical-align: top;
}

/* for the video cell on the first home page */

table tr td.homevideo {
	width: 70%;
	background-color: #ebf1f8;
	border: 1px solid #ccc;
	padding-bottom: 0px !important;
	padding-top: 20px !important;
		padding-left: 20px !important;
	padding-right: 20px !important;
	height: 240px;
	vertical-align:top;
}

/* for the right cell on the Ongoing home page */

table tr td.rightcell {
	width: 25%;
	background-color: #ebf1f8;
	border: 1px solid #cccccc;
	padding-bottom: 15px !important;
	padding-top: 16px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	vertical-align: top;
}

/* for the announcements cell one the first home page */

table tr td.announcements {
	width: 25%;
	background-color: #ebf1f8;
	border: 1px solid #ccc;
	padding-bottom: 15px !important;
	padding-top: 16px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	vertical-align: top;
}

/* for the announcement cell's list */

ul.listspacing li {
	margin-bottom: 10px;
	margin-top: 5px;
	line-height: 115%;
	font-size: 16px;
}

/* for the getting started cell on the first home page */

table tr td.gettingstarted {
	width: 25%;
	background-color: #ebf1f8;
	border: 1px solid #ccc;
	padding-bottom: 15px !important;
	padding-top: 16px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	vertical-align: top;
}

/* for icon + text "list item" tables, in the getting started cell */

table.imagetexttable {
	margin-bottom: 15px;
	margin-top: 5px;
}

/* for the text cell in the imagetexttable: spacing between icon and text; line-height so that if text has to go to two lines, there isn't a big space between both lines */

table tr td.imagetexttable {
	padding-left: 5px !important;
	line-height: 115%;
	font-size: 15px;
}

/* for the text cell in the imagetexttable: spacing between icon and text; line-height so that if text has to go to two lines, there isn't a big space between both lines */

table tr td.postQAimagetexttable {
	padding-left: 8px !important;
	line-height: 115%;
}

/* "Welcome" text 1st home page */

table h1.welcome {
	font-size: 32pt;
	color: #1b416c;
}

/* for course code and instructor name heading on 2nd home page */

table h3.homeheading {
	color: #1b416c;
	line-height: 100%;
	margin-bottom: 10px;
	margin-top: -3px;
}

/* for course title and instructor name text */

h2.titleandname {
	color: #1b416c;
	font-size: 15px;
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: 5px;
}

p.imagetable {
	margin-left: 5px;
	line-height: 115%;
}

/* for "announcements" and "getting started" text */

p.subtitle {
	margin-bottom: 12px;
	font-size: 16px;
	color: #1b416c;
}

h3.subtitle {
	margin-bottom: 12px;
	font-size: 16px;
	color: #1b416c;
	margin-top: 0px;
	line-height: 115%;
}


/* Week Page (no #) Elements */

/* Main table that holds all other content */

table.maintable {
	width: 99%;
	border: 1px solid #cccccc;
	border-spacing: 20px;
	border-collapse: separate;
}

/* Left cell that holds the week title and summary */

table tr td.weekcell {
	width: 100%;
	background-color: #ebf1f8;
	border: 1px solid #cccccc;
	padding-bottom: 15px !important;
	padding-top: 18px v;
	padding-left: 20px !important;
	padding-right: 20px !important;
	vertical-align: top;
}

/* Right cell that holds the INSTRUCTOR-CREATED video */

table tr td.videocell {
	width: 35%;
	background-color: #ebf1f8;
	border: 1px solid #cccccc;
	padding-bottom: 15px !important;
	padding-top: 16px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	vertical-align: top;
}

/* Bottom colspan="2" cell that holds the tab menu */

table tr td.activitiescell {
	background-color: #ebf1f8;
	border: 1px solid #cccccc;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	border-spacing: 0px !important;
	vertical-align: top;
}

/* Table for lecture links */

table.lectures {
	width: 100%;
	margin-bottom: 6px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #cccccc;
}

/* Table for reading links */

table.readings {
	width: 100%;
	border: 1px solid #cccccc;
	margin-bottom: 6px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

/* Problem set div container on week page */

.problemset {
	background-color: #ffffff;
	border: 1px solid #aaa;
	padding-bottom: 14px;
	padding-top: 15px;
	padding-left: 19px;
	padding-right: 20px;
}

h3.weekcelltitle {
	color: #1b416c;
	line-height: 100%;
	margin-bottom: 10px;
	margin-top: -3px;
	font-size: 36px;
}

h3.activitiestitle {
	color: #1b416c;
	font-size: 22pt;
	margin-bottom: 15px;
	margin-top: 5px;
	line-height: 115%;
}

h3.labtitle {
color: #1b416c;
font-size: 16pt;
margin-bottom: 8px;
margin-top: 0px;
line-height: 115%;
}

h3.sessiontitle {
	color: #1b416c;
	font-size: 14pt;
	margin-bottom: 8px;
	margin-top: 0px;
	line-height: 115%;
}

h3.lotitle {
	color: #1b416c;
	font-size: 13pt;
	margin-bottom: 5px;
	margin-top: 20px;
		line-height: 115%;
}

h3.tabtitle {
	color: #1b416c;
	font-size: 13pt;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: -1px;
		line-height: 115%;
}

p.returntotop {
	margin-top: 5px;
	margin-bottom: 30px;
}

p.returntotoplast {
	margin-top: 5px;
	margin-bottom: 20px;
}

/* End of Week Code */

/* For Instructor Images on Instructor Information Page */

.infopage img {
	border: .5px solid #999;
	box-shadow: 4px 4px 5px #888888;
}

/* Office Hours Page Code */

.officehours {
	background-image: url('https://s3.amazonaws.com/BRCOE/oomph/static/mphw250/snow2.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	padding: 25px 20px;
}

/* Lab page code */

table tr td.labgroups {
	background-color: #ebf1f8;
	border: 1px solid #cccccc;
	padding-bottom: 7px !important;
	padding-top: 16px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

table tr td.labspace {
	background-color: #ebf1f8;
}

/* yellow team text */

h3.yellowteam {
	color: #fff200;
	text-shadow:
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
	font-size: 24px;
line-height: 115%;
	}

p.yellowteam {
color: #fff200;
	text-shadow:
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
	}

h3.orangeteam {
	color: #e0951e;
	text-shadow:
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
	font-size: 24px;
line-height: 115%;
	}

p.orangeteam {
	color: #e0951e;
	text-shadow:
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
	}
/* end of PH W250 (2014 ) CSS*/

/* PBHLTHX186 CE UNEX Course CSS */

table.main {
	width: 99%;
	border: 1px solid #cccccc;
	border-spacing: 20px;
	border-collapse: separate;
}

table tr td.weekcontainer {
	background-color: #ebf1f8;
	border: 1px solid #cccccc;
	padding-bottom: 15px !important;
	padding-top: 14px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	vertical-align: top;
}

h3.weektitle {
	margin-bottom: 10px;
	margin-top: 0px;
	font-size: 30pt;
	color: #1b416c;
	line-height: 115%;
}

table tr td.videocontainer {
	width: 35%;
	background-color: #ebf1f8;
	border: 1px solid #cccccc;
	padding-bottom: 10px !important;
	padding-top: 20px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	vertical-align: top;
}

table tr td.activitiescontainer {
	background-color: #ebf1f8;
	border: 1px solid #cccccc;
	padding-bottom: 20px !important;
	padding-top: 11px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	border-spacing: 0px !important;
	vertical-align: top;
}

/* end of PBHLTHX186 CSS */

/* Berkeley Accelerator Courses */

.brcoeFlexContainerAccelerator {
    background-color: #fff;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  	padding:0em;
 }

.brcoeFlexContainerAccelerator > * {
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin: .5em;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}


@media all and (min-width: 1158px) {
.brcoeFlexContainerAccelerator > * {
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin: .5em;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
}

.brcoeFlexContainerAccelerator p {
 font-size: 14px;
  line-height: 20px;
  }

   .brcoeFlexContainerAccelerator li {
 font-size: 14px;
  line-height: 20px;
  }

.brcoealtFlexContentAccelerator {
  background: #EBF1F8;
  padding-bottom: 1.154em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.077em;
}

@media all and (min-width: 1158px) {
.brcoealtFlexContentAccelerator {
   -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
	padding-bottom: 1.538em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-right: 1.154em;
	margin-bottom: .462em;
  }
 }

.UNEXHeaderAccelerator {
  clear: both;
  padding-left: 1.2%;
  padding-bottom: 0em;
}

.UNEXHeaderAccelerator h2 {
line-height: 115% !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
color: #1b416c;
font-size: medium;
font-weight: bold;
}

.brcoeFlexSubContent1Accelerator {
	background-color: #EBF1F8;
	padding-bottom: 1.538em;
	padding-top: 1.538em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.538em;
}

.brcoeFlexSubContent1Accelerator img {
	border: 1px solid gray;
	width: 100%;
}

.brcoeFlexSubContent2Accelerator {
	background-color: #EBF1F8;
	padding-bottom: 1.077em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
}

.brcoeFlexSubContent2Accelerator h2 img  {
width: 75% !important;
max-width: 320px !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
line-height:16px !important;
}

.brcoeLeftDivAccelerator {
  background: #EBF1F8;
  	padding-bottom: 1.154em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.077em;
}

@media all and (min-width: 1158px) {
  .brcoeLeftDivAccelerator {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
	padding-bottom: 0.769em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-right: 1.154em;
	margin-bottom: 1.077em;
  }
 }

 .brcoeModuleTitleAccelerator {
	font-size: 2.2em;
	line-height: 115%;
	color: #1b416c;
	padding-left: 0.5%;
	font-weight: 600;
}

.brcoeModuleTitleAcceleratorSecondary {
	font-size: .876em;
	line-height: 100%;
	color: #1b416c;
	padding-top: 0.8%;
	padding-left: 0.5%;
	font-weight: 200;
	margin-bottom: .0577em;
	letter-spacing: 1px;
	}

 .brcoeLeftDivAccelerator {
  background: #EBF1F8;
  	padding-bottom: 1.154em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.077em;
}

@media all and (min-width: 1158px) {
  .brcoeLeftDivAccelerator {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
	padding-bottom: 0.769em;
	padding-top: 1.077em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-right: 1.154em;
	margin-bottom: 1.077em;
  }
 }

.brcoeRightDivAccelerator {
  background: #EBF1F8;
  	padding: 1.538em;
	margin-bottom: 1.154em;
}

@media all and (min-width: 1158px) {
  .brcoeRightDivAccelerator {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
	padding-bottom: 1.538em;
	padding-top: 1.538em;
	padding-left: 1.538em;
	padding-right: 1.538em;
  }
}

.brcoeRightDivAccelerator img {
  width: 100%;
}

.brcoeRightDivAccelerator2 {
  background: #EBF1F8;
  	padding: 1.538em;
	margin-bottom: 1.154em;
}

@media all and (min-width: 1158px) {
  .brcoeRightDivAccelerator2 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background: #EBF1F8;
	padding-bottom: 1.538em;
	padding-top: 1.538em;
	padding-left: 1.538em;
	padding-right: 1.538em;
  }
}

.brcoeLowerDivAccelerator {
	background-color: #EBF1F8;
	padding-bottom: 1.538em;
	padding-top: .769em;
	padding-left: 1.538em;
	padding-right: 1.538em;
}

.brcoeLowerDivTitleAccelerator {
	color: #1b416c;
	font-size: 1.7em;
	margin-bottom: .313em !important;
	margin-top: 0em !important;
	font-weight: bold;
	padding-left: 0.5%;
	line-height: 115%;
}

.brcoeUpperFrameAccelerator {
	background: #EBF1F8;
	padding-bottom: 1.154em;
	padding-top: .769em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.154em;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 3px;
  }

@media all and (min-width: 1158px) {
  .brcoeUpperFrameAccelerator {
	background: #EBF1F8;
	padding-bottom: 1.154em;
	padding-top: .769em;
	padding-left: 1.538em;
	padding-right: 1.538em;
	margin-bottom: 1.154em;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 3px;
  }
 }

table.AcceleratorIconTable {
	margin-bottom: 1.538em !important;
	margin-top: .385em !important;
	margin-left: 1.154em !important;
}

table.AcceleratorIconTable a {
	font-weight: bold;
}

table.AcceleratorIconTable p {
	font-size: 14px;
}

table.AcceleratorIconTable img {
	width: 1.538em;
}

.AcceleratorHR {
margin-top: 0em;
margin-bottom: 1.154em;
margin-right: 3.846em;
}

.AcceleratorTextSize {
font-size: 14px !important;
line-height: 20px;
}

/* for the text cell in the imagetexttable: spacing between icon and text; line-height so that if text has to go to two lines, there isn't a big space between both lines */

table tr td.AcceleratorIconTable {
	padding-left: .769em !important;
	line-height: 20px;
	font-size: 14px;
}

@media all and (min-width: 1158px) {
table tr td.AcceleratorIconTable {
	padding-left: 1.154em !important;
	line-height: 20px;
	font-size: 14px;
}
}

table tr td.AcceleratorIconTable img {
width: .923em;
}

table tr td.AcceleratorIconTable li {
	font-size: 14px;
}


.AcceleratorWeekBlurb {
font-size: 15px !important;
line-height: 150% !important;
}

.divIconBlurb1 {
max-width: 100%;
margin-bottom: 1.538em;
margin-top: .385em;
margin-left: .385em;
clear: left;
}

.divIconBlurb2 {
width: 20px;
float: left;
}

.divIconBlurb2 img {
width: 23px;
}

.divIconBlurb3 {
padding-left: 3.077em;
font-weight: bold;
}

.divIconBlurb1Accelerator {
max-width: 100%;
margin-bottom: 0em;
margin-top: .385em;
margin-left: .385em;
clear: left;
}

.divIconBlurb2Accelerator {
width: 20px;
float: left;
}

.divIconBlurb2Accelerator img {
width: 45px;
}

.divIconBlurb3Accelerator {
padding-left: 3.93em;
padding-top: 1.714em;
font-weight: bold;
}

ol.spacedList5px li {
margin-top: 5px;
}

ol.spacedList10px li {
margin-top: 10px;
}

ol.spacedList15px li {
margin-top: 15px;
}

ol.spacedList20px li {
margin-top: 20px;
}

ol.spacedList25px li {
margin-top: 25px;
}

ul.spacedList5px li {
margin-top: 5px;
}

ul.spacedList10px li {
margin-top: 10px;
}

ul.spacedList15px li {
margin-top: 15px;
}

ul.spacedList20px li {
margin-top: 20px;
}

ul.spacedList25px li {
margin-top: 25px;
}


/* This is required to make: https://unex.test.instructure.com/courses/481110 */
/* work */
/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 0.25% 0 0.25% 0.75%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}

/*Online learning login screen*/
.ic-Login__content{
    width:460px;
}

/* Fall 2016 New Template CSS */

.flexContainer {
 	display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.flexContainer > * {
 	-moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.flexContainer a {
	color: #055BAE !important;
}

.flexContainer img {
	max-width: 100% !important;
	height: auto;
	verticle-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

.flexContainer p, .flexContainer li, .flexContainer td {
	font-size: 16px;
}

.navContainer {
	background-color: #f2f2f2;
	margin-bottom: .286em;
	text-align: right;
	padding-right: 1.923em;
	padding-left: 1.923em;
	padding-top: .857em;
	min-height: 1.5em;
}

.navContainer p {
	background-color: #f2f2f2;
	margin-bottom: .655em !important;
	font-weight: 500;
	font-size: 22px !important;
	margin-top: 0em !important;
}

.navContainerText {
	font-weight: 300;
	font-size: 18px !important;
	margin-right: 1.25em;
	color: #333;
}

.bannerContainerFrontPage {
	background-color: #f2f2f2;
	margin-bottom: .286em;
}

.bannerContainerFrontPage img {
	max-width: 1102px !important;
	width: 100%;
}

.bannerContainerPage {
	height: 35px;
	width: 100%;
	margin-bottom: .286em;
	overflow: hidden;
}

.bannerContainerPage img {
    max-width: 1078px !important;
}

.titleContainer {
	margin-bottom: .286em;
	background-color: #f2f2f2;
	padding-top: 3.357em;
	padding-bottom: 2.5em;
	padding-left: 3.875em;
	padding-right: 3.875em;
}

.titleContainerSmall {
	margin-bottom: .286em;
	background-color: #f2f2f2;
	padding-top: 1.429em;
	padding-bottom: 1.429em;
	padding-left: 3.875em;
	padding-right: 3.875em;
}

.titleContainerTitle {
	font-size: 3.231em !important;
	font-weight: bold;
	margin-top: 0em !important;
	margin-bottom: .238em !important;
	line-height: 115%;
}

.titleContainer2ndHeader {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 24px !important;
	font-weight: bold;
	line-height: 115%;
}

.titleContainerTitleNoBold {
	font-size: 3.231em !important;
	margin-top: .267em !important;
	margin-bottom: .238em !important;
	line-height: 115%;
}

.contentContainer {
	background-color: #F9F9F9;
	margin-bottom: .286em;
	padding-top: 3.0em;
	padding-bottom: 2.188em;
	padding-left: 3.875em;
	padding-right: 3.875em;
}

.contentContainerHeader {
	margin-top: 0px !important;
	margin-bottom: 5px !important;
	font-size: 27px !important;
	font-weight: bold;
	line-height: 115%;
}

.contentContainerHeaderNoBold {
	margin-top: 0px !important;
	margin-bottom: 5px !important;
	font-size: 27px !important;
	line-height: 115%;
}

.contentContainerSmall {
	background-color: #f2f2f2;
	margin-bottom: .286em;
	padding-top: 1.357em;
	padding-right: 1.714em;
	padding-left: 3.571em;
	padding-bottom: 1.142em;
}

.contentContainerSmallHeader {
	background-color: #f2f2f2;
	margin-bottom: .286em;
	padding-top: .571em;
	padding-right: 1.714em;
	padding-left: 3.875em;
	padding-bottom: .571em;
}

.ccsLink {
  line-height: 115%;
  font-weight: bold !important;
  font-size: 16px !important;
  padding-left: 2.813em;
  padding-top: 20px;
  padding-bottom: 20px;
}

.announcementSpacing p {
	margin-bottom: 0em;
	line-height: 1.0;
}

.navigation {
 	list-style: none;
 	margin-left: 0em;
 	margin-bottom: .286em;
 	background: #f2f2f2;
 	padding-top:10px;
 	padding-bottom: 10px;
 	padding-left: 3.857em;
 }

@media all and (min-width: 1240px) {
  .navigation {
    display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  	-webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  	justify-content: space-between;
  	padding-top: 10px;
  	padding-bottom: 10px;
  	padding-left: 3.857em;
  	padding-right: 1.714em;
  	  }
}

 .navigation a {
    text-align: center;
    padding-left: 25px;
    font-weight: 500;
}

.navigation li {
	flex-grow: 0;
}

.navigationSmall {
 	list-style: none;
 	margin-left: 0em;
 	margin-bottom: .286em;
 	background: #f2f2f2;
 	padding-top:10px;
 	padding-bottom: 10px;
 	padding-left: 3.857em;
}

@media all and (min-width: 1240px) {
  .navigationSmall {
    display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  	-webkit-flex-flow: row wrap;
  	padding-top: 10px;
  	padding-bottom: 10px;
  	padding-left: 3.857em;
  	padding-right: 1.714em;
  	  }
}

 .navigationSmall a {
    text-align: center;
    padding-left: 25px;
    font-weight: 500;
}

.navigationSmall li {
	flex-grow: 0;
	margin-right: 7%;
}

@media all and (max-width: 1239px) {
.navigationSmall li {
  	margin-bottom: 10px;
}
}

.containerButton {
	background: #f7f7f7;
	border: 1px solid #d1d1d1;
	color: #333;
	transition: background-color 0.2s ease-in-out;
	display: inline-block;
	position: relative;
	padding: 8px 14px;
	margin-bottom: 0;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
	text-shadow: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 300;
}

.verticalBar {
	margin-left: 10px;
	padding-left:15px;
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/vertical_bar.png");
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: -10px -2px;
}

#return-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: rgba(141, 141, 141, 0.5);
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/arrowUp%28whiteTransparent%29.png");
	background-repeat: no-repeat;
	background-size: 32px;
  	background-position: center 3px;
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: rgba(141, 141, 141, 0.7);
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/arrowUp%28white%29.png");
	background-repeat: no-repeat;
	background-size: 32px;
  	background-position: center 3px;
}

.hideskip {
background-clip: border-box;
text-align: center;
color: #fff;
text-decoration: none;
border-radius: 4px;
border: 1px dashed rgba(255,255,255,0.8);
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
}

.hideskip:focus {
left: 10;
top: 10;
padding: 5px;
width: auto;
height: auto;
z-index: 1;
outline: none;
background-color: white;
border: 1px dashed #055BAE;
}

.instructorImageContainer img {
border: .077em solid #ccc;
float: left;
margin-top: .714em;
margin-right: 1.154em;
margin-bottom: .385em;
width: 7.143em;
}

.iframeScroll::-webkit-scrollbar {display: initial;}

.iframeEmbed {
	margin-left: 2px !important;
}

.ui-state-default a.accordionHeader, .ui-state-default.accordionHeader a:link, .ui-state-default.accordionHeader a:visited {
	color: #055BAE;
}

.ui-accordion-header.accordionHeader {
	border-radius: 0px !important;
	margin-top: 0px !important;
	margin-bottom: .286em !important;
	padding-left: 80px !important;
	background-color: #f2f2f2;
	border: none !important;
}

.ui-accordion-header-active.accordionHeader {
	background-color: #d7e3ee !important;
}

.accordionText p, .accordionText td, .accordionText li {
	font-size: 16px !important;
}

.ui-accordion-content.accordionContent {
	padding-top: 1.250em;
	padding-bottom: 2.188em;
	padding-left: 3.125em;
	padding-right: 3.125em;
	border: none;
	background-color: #f9f9f9;
	margin-bottom: .286em;
}

.brcoeTableNew {
	width: 100%;
	margin-bottom: .462em;
	margin-top: 0em;
	margin-left: auto !important;
	margin-right: auto !important;
	border: 1px solid #cccccc;
}

.brcoeTableNew caption {
	color: #000000;
	font-size: 12px;
}

.brcoeTableNew td, .brcoeTableNew th {
	padding: .385em 1.154em !important;
	border: 1px solid #cccccc;
	text-align: left;
	font-size: 16px;
}

.headerrowNew {
	padding: .385em 1.154em !important;
	border: 1px solid #cccccc;
	text-align: left;
	font-size: 16px;
}

.brcoeTableHeaderNew {
	background-color: #F2F2F2;
  font-weight: bold;
}

.firstcellNew {
	font-weight: 400;
}

/*Spacing for Lists*/

ul.listspacing li {
	margin-bottom: 10px;
	margin-top: 5px;
	line-height: 115%;
	font-size: 16px;
}

ol.listspacing li {
	margin-bottom: 10px;
	margin-top: 5px;
	line-height: 115%;
	font-size: 16px;
}

/* Background colors */

.bgGrayF2 {
	background-color: #F2F2F2;
}

.bgGrayF9 {
	background-color: #F9F9F9;
}

/* Week Page Banner Image */

.bannerImageP1 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageP1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePAD1 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePAD1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePAD2 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePAD2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePBHS1 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePBHS1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePBHS2 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePBHS2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePBTE1 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePBTE1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePBTE2 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePBTE2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePEDHM1 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePEDHM1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePEDHM2 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePEDHM2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePSMB1 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePSMB1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePSMB2 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePSMB2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePHaas1 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePHaas1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePHaas2 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePHaas2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageGBO1 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageGBO1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageGBO2 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageGBO2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageGBO3 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageGBO3.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageGBO4 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageGBO4.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageGBO5 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageGBO5.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageGBO6 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageGBO6.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageGBO7 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageGBO7.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

/*Weekly Banners for 2018 Summer Sessions Template*/

.bannerImageNUSTCXW104 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageNUSTCXW104.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePHILOSW12A {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePHILOSW12A.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePHILOSW12A {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePHILOSW12A.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePHILOSW12A_1 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePHILOSW12A_1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePHILOSW12A_2 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePHILOSW12A_2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePHILOSW12A_3 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePHILOSW12A_3.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePHILOSW12A_4 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImagePHILOSW12A_4.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageUGBAW102A_grey {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageUGBAW102A_grey.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageUGBAW102A_yellow {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageUGBAW102A_yellow.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}


.bannerImageUGBAW102A_brown {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageUGBAW102A_brown.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}


.bannerImageUGBAW102A_blue {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageUGBAW102A_blue.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}


.bannerImageUGBAW102A_orange {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageUGBAW102A_orange.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}


.bannerImageTHEATERW117AC {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageTHEATERW117AC.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageAFRICAM125AC {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageAFRICAM125AC.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageCOMPLIT60AC {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageCOMPLIT60AC.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

/*Weekly Banners for 2019 Summer Sessions*/

.bannerImageENERESW100_1 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageENERESW100_1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageENERESW100_2 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageENERESW100_2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

/*Weekly Banners for 2020 Summer Sessions*/

.bannerImageCOMPSCI_blue {
  background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageCOMPSCI_blue.png");
  background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bannerImageCOMPSCI_bluefade {
  background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageCOMPSCI_bluefade.png");
  background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bannerImageCOMPSCI_sun {
  background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageCOMPSCI_sun.png");
  background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bannerImageCOMPSCI_peach {
  background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageCOMPSCI_peach.png");
  background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bannerImageCOMPSCI_peachlight {
  background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageCOMPSCI_peachlight.png");
  background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bannerImageCOMPSCI_teal {
  background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageCOMPSCI_teal.png");
  background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bannerImageCOMPSCI_yellow {
  background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Banners/bannerImageCOMPSCI_yellow.png");
  background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* New template heading rules; no color */

.brcoeHeading1 {
  font-size: 3.692em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading2 {
  font-size: 3.231em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading3 {
  font-size: 2.769em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading4 {
  font-size: 2.462em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading5 {
  font-size: 2.154em !important;
  margin-top: 0em !important;
  margin-bottom: .179em !important;
  line-height: 115%;
}

.brcoeHeading6 {
  font-size: 1.846em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading7 {
  font-size: 1.538em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading8 {
  font-size: 1.385em !important;
   margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading9 {
  font-size: 1.231em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading10 {
	font-size: 1.077em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
	line-height: 115%;
}

.brcoeHeading11 {
	font-size: .875rem !important;
 	margin-top: 15px !important;
 	margin-bottom: 10px !important;
	line-height: 115%;
}


/* Icons */

/* Navigation icons */

.navigationIconBook {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/book%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px 0px;
}

.navigationIconGlasses {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/glasses%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -2px 0px;
}

.navigationIconCompass {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/compass%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconBadge {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/merit_badge%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: 0px -1px;
}

.navigationIconCalendarOne {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/calendar_one%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -2px;
}

.navigationIconFlag {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/flag%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px -1px;
}

.navigationIconCheckeredFlag {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/checkered_flag%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px -1px;
}

.navigationIconTwoCheckeredFlags {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/two_checkered_flags%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px -2px;
}

.navigationIconSnowflake {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/snowflake%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px 0px;
}

.navigationIconSpeaker {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speaker%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: -1px 0px;
}

.navigationIconVideoCamera {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/video_camera%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px 0px;
}

.navigationIconPersonSpeech {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/person_speech_bubble%28blue%29.png");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: -1px -1px;
}

.navigationIconArrowTarget {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/arrow_target%28blue%29.png");
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: -1px -.5px;
}

.navigationIconPencil {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/pencil%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: 0px .5px;
}

.navigationIconGameController {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/game_controller%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1.5px 1px;
}

.navigationIconSpeechBubble {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speech_bubble%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px 1px;
}

.navigationIconTwoPeople {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/two_people%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -3px -1px;
}

.navigationIconMagnifyGlass {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/magnify_glass%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -1px 0px;
}

.navigationIconPerson {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/person%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconNotepad {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/notepad%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconBulletList {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bullet_list%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px -1px;
}

.navigationIconScales {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/scales%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: -1px 0px;
}

.navigationIconBookmark {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bookmark%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: 0px -1px;
}

.navigationIconCase {
   	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/case%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconBooksSkewed {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/books_skewed%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconBooksStacked {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/books_stacked%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px -1px;
}

.navigationIconNotebook {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/notebook%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1.5px -.5px;
}

.navigationIconCursorClick {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/cursor_click%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -1px -1px;
}

.navigationIconQuestionPamphlet {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/question_pamphlet%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -.5px -.5px;
}

.navigationIconBikeLink {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bike_link%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: 1px 0px;
}

.navigationIconCheckmark {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/checkmark%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -3px -1px;
}

.navigationIconThreePeople {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/three_people%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px 0px;
}

.navigationIconHome {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/home%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px 0px;
}

.navigationIconHomeSide {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/home_side%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 27px;
	background-position: -2px -1px;
}

.navigationIconSpeechBubblePeople {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speech_bubble_people%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px 1px;
}

.navigationIconBarGraph {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bar_graph%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -2px -3px;
}

.navigationIconMail {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/mail%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px -1px;
}

.navigationIconPledge {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/pledge%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconWalking {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/walking%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -2px -1.5px;
}

.navigationIconChainlink {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/chainlink%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: -1px 0px;
}

.navigationIconStopwatch {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/stopwatch%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -1px -1px;
}

.navigationIconCalendarZero {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/calendar_zero%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -2px;
}

.navigationIconApple {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/apple%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px -1px;
}

/*new icons for Summer 2018 Unit Template*/

.navigationIconUnit1 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/canvas_unit_v1.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px -1px;
}

navigationIconUnit2 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/canvas_unit_v2.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px -1px;
}

/* watermark icons */

.wmIconBook {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/book%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 10px;
}

.wmIconGlasses {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/glasses%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 7px;
}

.wmIconCompass {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/compass%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 10px;
}

.wmIconBadge {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/merit_badge%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11.5px top 12px;
}

.wmIconCalendarOne {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/calendar_one%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 12px;
}

.wmIconFlag {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/flag%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 10px;
}

.wmIconCheckeredFlag {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/checkered_flag%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 11px;
}

.wmIconTwoCheckeredFlags {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/two_checkered_flags%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 12px top 10px;
}

.wmIconSnowflake {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/snowflake%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 13px top 13px;
}

.wmIconSpeaker {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speaker%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 48px;
 	background-position: right 12.5px top 13px;
}

.wmIconVideoCamera {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/video_camera%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 12.5px top 13px;
}

.wmIconPersonSpeech {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/person_speech_bubble%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 12px top 11px;
}

.wmIconArrowTarget {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/arrow_target%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 10px;
}

.wmIconPencil {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/pencil%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 45px;
  	background-position: right 14px top 13px;
}

.wmIconGameController {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/game_controller%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 47px;
  	background-position: right 14px top 11px;
}

.wmIconSpeechBubble {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speech_bubble%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 47px;
  	background-position: right 14px top 11px;
}

.wmIconTwoPeople {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/two_people%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 13px top 11px;
}

.wmIconMagnifyGlass {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/magnify_glass%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 10px top 10px;
}

.wmIconPerson {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/person%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 12px;
}

.wmIconNotepad {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/notepad%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 11px;
}

.wmIconBulletList {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bullet_list%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 10px;
}

.wmIconScales {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/scales%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 12px top 12px;
}

.wmIconBookmark {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bookmark%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 12px top 11px;
}

.wmIconCase {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/case%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 10px;
}

.wmIconBooksSkewed {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/books_skewed%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 11px;
}

.wmIconBooksStacked {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/books_stacked%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 10px;
}

.wmIconNotebook {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/notebook%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 12px;
}

.wmIconCursorClick {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/cursor_click%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 11px top 12px;
}

.wmIconQuestionPamphlet {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/question_pamphlet%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 12px top 12px;
}

.wmIconBikeLink {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bike_link%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 46px;
  	background-position: right 12px top 13px;
}

.wmIconCheckmark {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/checkmark%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 12px top 10px;
}

.wmIconThreePeople {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/three_people%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 12px top 12px;
}

.wmIconHome {
      	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/home%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 11px top 13px;
}

.wmIconHomeSide {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/home_side%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 10px top 10px;
}

.wmIconSpeechBubblePeople {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speech_bubble_people%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 12px;
}

.wmIconBarGraph {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bar_graph%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 10px top 11px;
}

.wmIconMail {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/mail%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 10px top 8px;
}

.wmIconPledge {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/pledge%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 10px top 10px;
}

.wmIconWalking {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/walking%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 56px;
  	background-position: right 8px top 12px;
}

.wmIconChainlink {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/chainlink%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 46px;
  	background-position: right 13px top 13px;
}

.wmIconStopwatch {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/stopwatch%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 13px;
}

.wmIconCalendarZero {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/calendar_zero%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 12px;
}

.wmIconApple {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/apple%28gray%29.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 12px;
}

.wmIconUnit1 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/canvas_unit_v1.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 10px;
}

.wmIconUnit2 {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/canvas_unit_v2.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 10px;
}

/* small content container icons */

.ccsIconBook {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/book%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -1px 10px;
}

.ccsIconGlasses {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/glasses%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 41px;
	background-position: -3px 9px;
}

.ccsIconCompass {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/compass%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 39px;
	background-position: -2px 9px;
}

.ccsIconBadge {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/merit_badge%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -3px 7px;
}

.ccsIconCalendarOne {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/calendar_one%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 5px;
}

.ccsIconFlag {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/flag%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -2px 8px;
}

.ccsIconCheckeredFlag {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/checkered_flag%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -3px 7px;
}

.ccsIconTwoCheckeredFlags {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/two_checkered_flags%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -1px 9px;
}

.ccsIconSnowflake {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/snowflake%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 41px;
	background-position: -3px 8px;
}

.ccsIconSpeaker {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speaker%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -2px 9px;
}

.ccsIconVideoCamera {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/video_camera%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -1px 9px;
}

.ccsIconPersonSpeech {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/person_speech_bubble%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -1px 8px;
}

.ccsIconArrowTarget {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/arrow_target%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -3px 8px;
}

.ccsIconPencil {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/pencil%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -3px 8px;
}

.ccsIconGameController {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/game_controller%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 41px;
	background-position: -4px 9px;
}

.ccsIconSpeechBubble {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speech_bubble%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 41px;
	background-position: -4px 9px;
}

.ccsIconTwoPeople {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/two_people%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 7px;
}

.ccsIconMagnifyGlass {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/magnify_glass%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 44px;
	background-position: -3px 7px;
}

.ccsIconPerson {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/person%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -4px 7px;
}

.ccsIconNotepad {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/notepad%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 5px;
}

.ccsIconBulletList {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bullet_list%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 5px;
}

.ccsIconScales {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/scales%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -4px 7px;
}

.ccsIconBookmark {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bookmark%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -5px 6px;
}

.ccsIconCase {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/case%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 44px;
	background-position: -5px 4px;
}

.ccsIconBooksSkewed {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/books_skewed%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -4px 6px;
}

.ccsIconBooksStacked {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/books_stacked%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -4px 6px;
}

.ccsIconNotebook {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/notebook%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 7px;
}

.ccsIconCursorClick {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/cursor_click%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 44px;
	background-position: -5px 7px;
}

.ccsIconQuestionPamphlet {
   background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/question_pamphlet%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 7px;
}

.ccsIconBikeLink {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bike_link%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -3px 6.5px;
}

.ccsIconCheckmark {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/checkmark%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 6px;
}

.ccsIconThreePeople {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/three_people%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 7px;
}

.ccsIconHome {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/home%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 46px;
	background-position: -7px 6px;
}

.ccsIconHomeSide {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/home_side%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 48px;
	background-position: -7px 4px;
}

.ccsIconSpeechBubblePeople {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speech_bubble_people%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -6px 8px;
}

.ccsIconBarGraph {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bar_graph%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -5px 5px;
}

.ccsIconMail {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/mail%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 6px;
}

.ccsIconPledge {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/pledge%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -7px 6px;
}

.ccsIconWalking {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/walking%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 5px;
}

.ccsIconChainlink {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/chainlink%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -4px 8px;
}

.ccsIconStopwatch {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/stopwatch%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 7px;
}

.ccsIconCalendarZero {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/calendar_zero%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 44px;
	background-position: -5px 5px;
}

.ccsIconApple {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/apple%28blue%29.png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -4px 5px;
}

.ccsIconUnit1 {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/canvas_unit_v1.png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -1px 10px;
}

.ccsIconUnit2 {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/canvas_unit_v2.png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -1px 10px;
}

/* Navigation icons Haas */

.navigationIconHaasBook {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/book%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px 0px;
}

.navigationIconHaasGlasses {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/glasses%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -2px 0px;
}

.navigationIconHaasCompass {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/compass%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconHaasBadge {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/merit_badge%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: 0px -1px;
}

.navigationIconHaasCalendarOne {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/calendar_one%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -2px;
}

.navigationIconHaasFlag {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/flag%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px -1px;
}

.navigationIconHaasCheckeredFlag {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/checkered_flag%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px -1px;
}

.navigationIconHaasTwoCheckeredFlags {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/two_checkered_flags%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px -2px;
}

.navigationIconHaasSnowflake {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/snowflake%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px 0px;
}

.navigationIconHaasSpeaker {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speaker%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: -1px 0px;
}

.navigationIconHaasVideoCamera {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/video_camera%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px 0px;
}

.navigationIconHaasPersonSpeech {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/person_speech_bubble%28haas%29.png");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: -1px -1px;
}

.navigationIconHaasArrowTarget {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/arrow_target%28haas%29.png");
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: -1px -.5px;
}

.navigationIconHaasPencil {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/pencil%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: 0px .5px;
}

.navigationIconHaasGameController {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/game_controller%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1.5px 1px;
}

.navigationIconHaasSpeechBubble {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speech_bubble%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px 1px;
}

.navigationIconHaasTwoPeople {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/two_people%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -3px -1px;
}

.navigationIconHaasMagnifyGlass {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/magnify_glass%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -1px 0px;
}

.navigationIconHaasPerson {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/person%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconHaasNotepad {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/notepad%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconHaasBulletList {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bullet_list%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px -1px;
}

.navigationIconHaasScales {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/scales%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: -1px 0px;
}

.navigationIconHaasBookmark {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bookmark%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: 0px -1px;
}

.navigationIconHaasCase {
   	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/case%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconHaasBooksSkewed {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/books_skewed%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconHaasBooksStacked {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/books_stacked%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px -1px;
}

.navigationIconHaasNotebook {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/notebook%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1.5px -.5px;
}

.navigationIconHaasCursorClick {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/cursor_click%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -1px -1px;
}

.navigationIconHaasQuestionPamphlet {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/question_pamphlet%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -.5px -.5px;
}

.navigationIconHaasBikeLink {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bike_link%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: 1px 0px;
}

.navigationIconHaasCheckmark {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/checkmark%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -3px -1px;
}

.navigationIconHaasThreePeople {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/three_people%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px 0px;
}

.navigationIconHaasHome {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/home%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px 0px;
}

.navigationIconHaasHomeSide {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/home_side%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 27px;
	background-position: -2px -1px;
}

.navigationIconHaasSpeechBubblePeople {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speech_bubble_people%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px 1px;
}

.navigationIconHaasBarGraph {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bar_graph%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -2px -3px;
}

.navigationIconHaasMail {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/mail%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px -1px;
}

.navigationIconHaasPledge {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/pledge%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconHaasWalking {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/walking%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -2px -1.5px;
}

.navigationIconHaasChainlink {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/chainlink%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: -1px 0px;
}

.navigationIconHaasStopwatch {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/stopwatch%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -1px -1px;
}

.navigationIconHaasCalendarZero {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/calendar_zero%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -2px;
}

.navigationIconHaasApple {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/apple%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px -1px;
}

/* small content container icons Haas */

.ccsIconHaasBook {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/book%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -1px 10px;
}

.ccsIconHaasGlasses {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/glasses%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 41px;
	background-position: -3px 9px;
}

.ccsIconHaasCompass {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/compass%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 39px;
	background-position: -2px 9px;
}

.ccsIconHaasBadge {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/merit_badge%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -3px 7px;
}

.ccsIconHaasCalendarOne {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/calendar_one%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 5px;
}

.ccsIconHaasFlag {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/flag%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -2px 8px;
}

.ccsIconHaasCheckeredFlag {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/checkered_flag%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -3px 7px;
}

.ccsIconHaasTwoCheckeredFlags {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/two_checkered_flags%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -1px 9px;
}

.ccsIconHaasSnowflake {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/snowflake%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 41px;
	background-position: -3px 8px;
}

.ccsIconHaasSpeaker {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speaker%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -2px 9px;
}

.ccsIconHaasVideoCamera {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/video_camera%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -1px 9px;
}

.ccsIconHaasPersonSpeech {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/person_speech_bubble%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -1px 8px;
}

.ccsIconHaasArrowTarget {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/arrow_target%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -3px 8px;
}

.ccsIconHaasPencil {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/pencil%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -3px 8px;
}

.ccsIconHaasGameController {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/game_controller%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 41px;
	background-position: -4px 9px;
}

.ccsIconHaasSpeechBubble {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speech_bubble%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 41px;
	background-position: -4px 9px;
}

.ccsIconHaasTwoPeople {
  	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/two_people%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 7px;
}

.ccsIconHaasMagnifyGlass {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/magnify_glass%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 44px;
	background-position: -3px 7px;
}

.ccsIconHaasPerson {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/person%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -4px 7px;
}

.ccsIconHaasNotepad {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/notepad%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 5px;
}

.ccsIconHaasBulletList {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bullet_list%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 5px;
}

.ccsIconHaasScales {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/scales%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -4px 7px;
}

.ccsIconHaasBookmark {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bookmark%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -5px 6px;
}

.ccsIconHaasCase {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/case%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 44px;
	background-position: -5px 4px;
}

.ccsIconHaasBooksSkewed {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/books_skewed%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -4px 6px;
}

.ccsIconHaasBooksStacked {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/books_stacked%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -4px 6px;
}

.ccsIconHaasNotebook {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/notebook%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 7px;
}

.ccsIconHaasCursorClick {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/cursor_click%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 44px;
	background-position: -5px 7px;
}

.ccsIconHaasQuestionPamphlet {
   background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/question_pamphlet%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 7px;
}

.ccsIconHaasBikeLink {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bike_link%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -3px 6.5px;
}

.ccsIconHaasCheckmark {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/checkmark%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 6px;
}

.ccsIconHaasThreePeople {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/three_people%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 7px;
}

.ccsIconHaasHome {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/home%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 46px;
	background-position: -7px 6px;
}

.ccsIconHaasHomeSide {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/home_side%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 48px;
	background-position: -7px 4px;
}

.ccsIconHaasSpeechBubblePeople {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/speech_bubble_people%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -6px 8px;
}

.ccsIconHaasBarGraph {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/bar_graph%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -5px 5px;
}

.ccsIconHaasMail {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/mail%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 6px;
}

.ccsIconHaasPledge {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/pledge%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -7px 6px;
}

.ccsIconHaasWalking {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/walking%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 5px;
}

.ccsIconHaasChainlink {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/chainlink%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -4px 8px;
}

.ccsIconHaasStopwatch {
    background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/stopwatch%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 7px;
}

.ccsIconHaasCalendarZero {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/calendar_zero%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 44px;
	background-position: -5px 5px;
}

.ccsIconHaasApple {
	background-image: url("https://s3.amazonaws.com/BRCOE/coursetemplates/canvas/static/Icons/apple%28haas%29.png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -4px 5px;
}

/*New Template Image Classes*/
/*this is built for the Fall 2016 Template and is used to float images left or right and wrap text. You have an option for a larger image or a smaller image size ~SB 05/10/17*/

.newImg img {
border: 1px solid #808080;
}

/*floats image right and is a larger image within the template*/

.newImg1 {
float: right;
padding: .0em 0em;
flex-wrap: nowrap !important;
-moz-box-ordinal-group: 1;
order: 0;
-moz-box-flex: 1;
flex: 1 1 60%;
align-self: auto;
background: none repeat scroll 0% 0%;
width: 60%;
max-width: 100%;
margin-left: 2.692em;
margin-bottom: 1.154em;
}

/*floats image to the right and is smaller image within the template*/

.newImg2 {
float: right;
padding: .0em 0em;
flex-wrap: nowrap !important;
-moz-box-ordinal-group: 1;
order: 0;
-moz-box-flex: 1;
flex: 1 1 30%;
align-self: auto;
background: none repeat scroll 0% 0%;
width: 40%;
max-width: 100%;
margin-left: 2.692em;
margin-bottom: 1.154em;
}

/*floats image to the left and is smaller image within the template*/

.newImg3 {
float: left;
padding: .0em 0em;
flex-wrap: nowrap !important;
-moz-box-ordinal-group: 1;
order: 0;
-moz-box-flex: 1;
flex: 1 1 30%;
align-self: auto;
background: none repeat scroll 0% 0%;
width: 40%;
max-width: 100%;
Margin-right: 2.692em;
margin-bottom: 1.154em;
}

/*floats image to left and is larger image within the template*/

.newImg4 {
float: left;
padding: .0em 0em;
flex-wrap: nowrap !important;
-moz-box-ordinal-group: 1;
order: 0;
-moz-box-flex: 1;
flex: 1 1 60%;
align-self: auto;
background: none repeat scroll 0% 0%;
width: 60%;
max-width: 100%;
Margin-right: 2.692em;
margin-bottom: 1.154em;
}

/* applies to GIF, PNG, JPGs images; avoids blurry edges */
img {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
 }

/* Summer Sessions 2018 */
/* modified for Summer sessions 2018, to be used for navigation for the courses that have modules with sections and units. */

.navContainerSus {
	clear: both;
	background-color: #f2f2f2;
	margin-bottom: .286em;
	padding-right: 1.923em;
	padding-left: 1.0em;
	padding-top: .857em;
	min-height: 1.5em;
}

.navContainerSus p {
	background-color: #f2f2f2;
	margin-bottom: .655em !important;
	font-weight: 400;
	font-size: 1.125em !important;
	margin-top: 0em !important;
}

.navContainerTextRight {
	float: right;
	font-weight: 400;
	font-size: 1.125em !important;
	margin-right: auto;
	color: #333;
}

.navContainerTextLeft {
	float: left;
	font-weight: 400;
	font-size: 1.125em !important;
	margin-left: auto;
	color: #333;
}

*thumbnail container div for GBA videos* SB 03/05/18. Thumbnail class added for GBA but can be used in all templates.*/

.brcoeThumb {
	display: flex;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.055);
}

/*Thumbnail images for GBA 2018*/

.thumbGBO1 {
	background-image: url("https://s3.amazonaws.com/BRCOE/css_brcoe/images/GBA_thumbs/GBO_Thumbnail_1.png");
	background-repeat: no-repeat;
	background-size: contain;
  	width: 170px;
    height: 96px;
}

.thumbGBO2 {
	background-image: url("https://s3.amazonaws.com/BRCOE/css_brcoe/images/GBA_thumbs/GBO_Thumbnail_2.png");
	background-repeat: no-repeat;
	background-size: contain;
  	width: 170px;
    height: 96px;
}

.thumbGBO3 {
	background-image: url("https://s3.amazonaws.com/BRCOE/css_brcoe/images/GBA_thumbs/GBO_Thumbnail_3.png");
	background-repeat: no-repeat;
	background-size: contain;
  	width: 170px;
    height: 96px;
}

.thumbGBO4 {
	background-image: url("https://s3.amazonaws.com/BRCOE/css_brcoe/images/GBA_thumbs/GBO_Thumbnail_4.png");
	background-repeat: no-repeat;
	background-size: contain;
  	width: 170px;
    height: 96px;
}

.thumbGBO5 {
	background-image: url("https://s3.amazonaws.com/BRCOE/css_brcoe/images/GBA_thumbs/GBO_Thumbnail_5.png");
	background-repeat: no-repeat;
	background-size: contain;
  	width: 170px;
    height: 96px;
}

/*in-module navigation bar built for CNR college for GBA courses. Can also be applied to any other courses at the page level.*/

ul.GBAnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f2f2f2;
}

Gbanav.li {
    float: right;
}

Gbanav.li a, .dropbtn {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

Gbanav.li a:hover, .dropdown:hover .dropbtn {
    background-color: #f1f1f1;
}

Gbanav.li.GBAdropdown {
    display: inline-block;
}

.GBAdropdown-content {
    display: block;
	list-style-type: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.GBAdropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.GBAdropdown-content a:hover {background-color: #f1f1f1}

.GBAdropdown:hover .GBAdropdown-content {
    display: block;
}

/* Video wrapper for responsive (fluid height) iframe added in July 2019 by Joseph Kearns, Digital Learning Services (UC Berkeley). */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0; /* Specifying a height of 0 gives this element “layout” so that IE5 and IE6 will dimension the inner box properly. */

}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}