@charset "utf-8";
/* CSS Document */
/*
main_styles.css
created by Steven Day

This file should be edited to change colors of the various elements.
To edit the layouts of items, refer to the layout_styles.css file.
*/

/*** this is here only so the WYSIWYG will work - comment or remove for production pushes ***/
@import url(../../css/layout_styles.css);
/*** end comment thingy ***/

.toggleElement {
    display: none;
}

h1.courseHeader{
	
	color: #0C3E57;
	background: #FFCB05;
}
h2{
	
	color: #FFCB05;
}
h3, h4, h5{

	color: #000;
}
a:link{

	color: #000;
}
h5{

	border-bottom: 1px solid #0067
}
#page_content hr{
	
	border-color: #FFCB05;
}
.borderShadow{

	border: 3px solid #000;
	box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);
}
.criticalThinking{

	color: #FFF;
	background: #000000;
}
.criticalThinking h1{
	
	color: #FFCB05;
}
.criticalThinking ul{
	
	color: #FFF;
}
a:hover{

	text-decoration: none;
	color: #7B8738;
}
/* Collapsible div code */
.clickToExpand{
	height:1px;
	overflow: hidden;	
	visibility: hidden;
	/*padding-right:10px;
    padding-left:10px;*/
}

.webgl
{
	position:relative;
	padding-bottom:56.25%;
	padding-top:35px;
	height:0;
	overflow:hidden;
}

.webgl iframe
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.highlight
{
	background-color: yellow;
}

div.searchClass
{
	position:relative;
	background-color: white;
	display: none;
}

div.searchClass img
{
	margin: 0;
	position: absolute;
	top: 25%;
	left: 50%;
	transfrom: translate(0, -50%);
}

#progressStatus
{
	margin: 0;
	position: absolute;
	top: 25%;
	left: 50%;
	transfrom: translate(0, -50%);
}

#progressBar
{
	height : 5px;
	position: absolute;
	width: 0;
	top: 30%;
	left: 49%;
	transfrom: translate(0, -50%);
	background-color: gray;
}