/*if your logo is bigger, you can make room like this*/
/*#menu { margin-left: 300px; }

/*change the identity bar (the area that says “User Inbox Settings Logout Help)*/
#identity {
  background-image: none;
  background-color: #079695;
}

/*change the color of the identity text*/
#identity a { color: ffffff; }
/*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: ffffff; }

/*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: #FAFBF4;
  text-shadow: none;
}

/*Desktop Login*/


/*login background color*/

/*change the background color and the color of 'stay signed in'*/
#modal-box.login-box { 
  background-color: #079695 !important 
   color: #079695; 
}

/*body.modal #modal-box.login-box {
  background-image: none;
  background-color: #079695 !important
}*/

body.modal #modal-box.login-box {
background: url('https://ipsciences.instructure.com/images/Money_Noise_tm.png?1389380568') repeat scroll 0% 0%, radial-gradient(ellipse farthest-corner at 50% -100px , rgba(255, 255, 255, 0.3) 0%, transparent 100%) repeat scroll 0% 0%, linear-gradient(to bottom, #333333, #333333) repeat scroll 0% 0% transparent;
height: 331px;
width: 623px;
padding: 20px;
color: #333333;
border: medium none;
}

body.modal #modal-box.login-box h1 { 
background: url('ips_color_web_login.png') no-repeat scroll 0% 0% transparent !important;
margin: 185px 0px 10px 20px;
}



/*login background image, if you are not using a background color*/

/*change location of image and resize to match image height and width*/
#modal-box-inner {
  background: url("https://s3.amazonaws.com/account/myimage.png?v1") no-repeat;
  height: 400px;
  width: 680px;
/*adjust to move image to left and top*/
  margin-left: -28px;
  margin-top: -145px;
  color: #ffffff !important;  
  /*color: #000066 !important; */
 }

/*change the color of 'don't know your password'*/
body.modal #modal-box.login-box a { color: #079695 !important; } 

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


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

/*CSS Override for Mobile Version*/

/*update the image URL*/
body{
  background: url(https://hilary.instructure.com/images/blue/bg.jpg?1358195888);
}

#f1_container{
  background: url(header_logo_ips.png) no-repeat center top !important;
}

/*#f1_container{
  background: url(https://s3.amazonaws.com/SSL_Assets/hilary/header_logok-12.png) no-repeat center top;
}*/

.face{
  background: url(https://s3.amazonaws.com/SSL_Assets/hilary/noisy_blue.png?v1);
  border-radius: 0.3em;
  box-shadow: 0px 4px 10px #999;
}

input{
  background: #f3f3f3;
  border-radius: 5px;
  font-weight: normal;
}

button[type="submit"]{
  text-shadow: 0 -1px 0 #36629b;
}

.flip-to-back, .flip-to-front{
  text-shadow: 0 1px 0 #fff;
  border: none;
  border-radius: 6px;
  background: #dddddd; /* Old browsers */
  background: -moz-linear-gradient(top,  #dddddd 0%, #f3f3f3 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(50%,#f3f3f3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #dddddd 0%,#f3f3f3 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #dddddd 0%,#f3f3f3 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #dddddd 0%,#f3f3f3 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #dddddd 0%,#f3f3f3 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
  color: #888;
}

.pages.show .page-title {
display: none;
}
	

/* ips-stylesheet.css - stylesheet start */

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


#main-container {
	height:auto;
	/*width: 1045px;*/
	min-width: 550px; /* sbsp */
	max-width: 1045px; /* sbsp */
	margin-left: 0px;
	margin-top: 0px;
	background-color: #f8f8f8;
}

#main-container-home {
	height:auto;
	/*width: 1045px;*/
	min-width: 458px; /* sbsp */
	max-width: 1045px; /* sbsp */
	margin-left: 0px;
	margin-top: 0px;
	background-color: #f8f8f8;	
}

.body-container {
	height:auto;
	/*width: 1010px;*/
	width: auto; /* sbsp */
	margin-left: 17px;
	margin-top: 10px;
	margin-right: 17px; /* sbsp */
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.course-banner {
	min-width: 458px;
	max-width: 1045px;
	height: 175px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-position: right;
	background-repeat: no-repeat;
	overflow: hidden;	
}

.bullet-container {
	height:auto;
	/*width: 1010px;*/ /* sbsp */
	margin-left: 17px;
	margin-top: 10px;
}

.bullet-container li {
	margin-bottom: 20px;	
}

.bullet-container li:last-child {
	margin-bottom: 24px;	
}

.bullet-container li ul li:first-child {
	margin-top: 20px;	
}

.bullet-container li ol li:first-child {
	margin-top: 20px;	
}

#home-body-container {
	height:auto;
	/*width: 1010px;*/ /* sbsp */
	margin-left: 17px;
	margin-top: -5px;
	margin-bottom: -10px;
}

.body-indent {
	margin-left: 20px;
}

/*
#home-icon-container { /* sbsp
	height: 60px;
	margin: 16px auto 16px auto;
	text-align: center;
}

.home-icon-wrapper {
	width: 458px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.home-icon-grid3 /* sbsp
{
	width: auto;
	height: 55px;
	margin: 0px 17px 0px 17px;
	float: left;
}

.home-icon-grid3-text /* sbsp
{
	padding-top: 20px;
	display: inline;
}

.home-icon-grid1 /* sbsp
{
	width: auto;
	height: 55px;
	margin: 0px 50px 0px 0px;
	align-content:center;
}
*/

hr {
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
    border-right: 0px none;
    border-left: 0px none;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-width: 1px 0px;
    border-style: solid none;
    border-color: #EEE -moz-use-text-color #FFF;
}

#main-container h1 {
	font-family: serif !important;
	font-weight: normal !important;
	color: #c89630 !important;
	font-size: 18px !important;
	line-height: 20px !important;
}

.h1-media
{
	color: #c89630 !important;
	margin-left: -20px !important;
	padding-left: 26px !important;
	background-image: url(https://ipsciences.instructure.com/courses/35/files/93/preview?verifier=XAVty9SNpcLxNUGoby8ifXO2Ldl87I5fnFvxlhiu) !important;
	background-position: left !important;
	background-repeat: no-repeat !important;
	line-height: 20px !important;
}

.h1-online-learning
{
	margin-left: -20px !important;
	padding-left: 26px !important;
	background-image: url(https://ipsciences.instructure.com/courses/35/files/94/preview?verifier=a3qJhB6Uryya08bPNTi0SkV7HUuZHnVJveQ5YoEX) !important;
	background-position: left !important;
	background-repeat: no-repeat !important;
	line-height: 20px !important;
}

.h1-readings
{
	margin-left: -20px !important;
	padding-left: 26px !important;
	background-image: url(https://ipsciences.instructure.com/courses/35/files/91/preview?verifier=QArUhLZCWzM341PWrfjHL2gOFuEQ2mCK814WHTwG) !important;
	background-position: left !important;
	background-repeat: no-repeat !important;
	line-height: 20px !important;
}

#main-container h3 {
	font-family: sans-serif;
	color: #303030;
	font-size: 16px;
	line-height: 20px;
}

#main-container-home h1 {
	font-family: serif !important;
	color: #303030 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	padding: 0px 0px 10px 0px !important;
}

img.banner-mobile {
	display: none;
}

.ips-banner /* sbsp */
{
	width: auto !important;
	min-width: 550px !important;
	min-height: 70px !important;
	display: block !important;
	background-position: bottom right !important;
	background-repeat: no-repeat !important;
	background-color: #414042 !important;
}

#main-container .ips-banner h1 /* sbsp */
{
	font-family: serif !important;
	font-weight: normal !important;
	color: #fff !important;
	font-size: 34px !important;
	/*margin-top: 16px;*/
	/*margin-bottom: -3px;*/
	margin-left: 16px !important;
	margin-right: 16px !important;
	padding-top: 12px !important;
	padding-bottom: 20px !important;
	line-height: normal !important;
	display: block !important;
	/*padding-bottom: 12px;*/
}

#main-container h2 {
	font-family: "Droid Serif", serif;
	font-style: italic;
	font-weight: normal;
	color: #079695;
	font-size: 15px;
	line-height: 20px;
	text-decoration: none;
}

#main-container-home h3 {
	font-family: sans-serif;
	color: #079695;
	font-size: 13px;
	line-height: 20px;
}

#main-container h4 {
	font-family: serif;
	color: #303030;
	line-height: 20px;
	font-size: 13px;
}

#main-container h5 {
	color: #303030;
	font-size: 14px;
	z-index: 0;
	line-height: 20px;
}

#main-container p {
	font-family: sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #505050;
}

#main-container ul {
	font-family: sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #505050;
	clear: both; /* sbsp - this prevents unordered lists from overlapping with left-aligned images that appear before the unordered list */
}

#main-container ol {
	font-family: sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #505050;
	clear: both; /* sbsp - this prevents unordered lists from overlapping with left-aligned images that appear before the unordered list */
}

#main-container li ol li {
	font-family: sans-serif;
	font-size: 14px;
	margin-left: 0px;
	line-height: 24px;
	color: #505050;
}

#main-container li ul li {
	font-family: sans-serif;
	font-size: 14px;
	margin-left: 0px;
	line-height: 24px;
	color: #505050;
}

#main-container p.smallFont {
	font-size: 11px;
	line-height: 12px;
}

.bibliography {
	font-family: sans-serif;
	font-size: 14px;
	line-height: 40px;
	color: #505050;
	margin: 16px 0px 0px 18px;
	padding-left: 48px;
	text-indent: -48px;
}

.superscript {
	vertical-align: baseline;
	font-size: 80%;
	position: relative;
	top: -4px;
}
.subscript {
	vertical-align: baseline;
	font-size: 80%;
	position: relative;
	top: 4px;
}

.code {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
}

.commentTextYellow {
	background-color: #fffa00;
}

.directionalLanguage {
	font-style: italic;
	color: #FFF;
	background-color:#079695;
	margin: 32px 16px 32px 16px;
	padding: 8px 8px 8px 16px;
}

table.callout {
	border: solid #079695 medium;
	max-width:950px;
	margin: 16px 16px 0px 32px;
	padding: 3px 3px 0px 3px;
	vertical-align: top;
	text-align: justify;
}

.callout p {
	padding-bottom: 9px;
	padding-top: 0px;
}

.callout td {
	vertical-align:top;
	padding: 9px 12px 0px 12px !important;
}

.noStyleBullet {
	list-style:none;
}

.commentTextYellow {
	background-color: #fffa00;
}

table.ips {
	border: solid 1px;
	border-color: #079695;
}

table.ips th {
	font-weight: bold;
	background-color: #079695;
	color: #ffffff;
	vertical-align: central;
	text-align: center;
}

table.ips tr td {
	border-color: #079695;
}

p.blockquote {
	text-align: right;
	margin-right: 100px;
}

.noBorder {
	border-left: none;
}
/* ////////// Links ////////// */

/* unvisited link */
#main-container a {
    color: #079695; !important
	text-decoration: none; !important
}

/* visited link */
#main-container a:visited {
    /*color: #065b55;*/
	color: #116e93;
	text-decoration: none;
}

/* mouse over link */
#main-container a:hover {
    color: #c89630;
	text-decoration: underline;
}

/* selected link */
#main-container a:active {
    color: #9e6e28;
	text-decoration: none;
}

.pages .header-bar-outer-container .header-bar-container .header-left-flex {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: none;
}
/*
#breadcrumbs ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
margin-left: 10px;
color: #637178;
font-size: 12px;
visibility: hidden;
}
*/
/* ////////// End links ////////// */

/* ////////// Content Images ////////// sbsp */

.content-image-left
{
	float: left;
	padding: 15px 15px 15px 0px;	
}

.content-image-right
{
	float: right;
	padding: 15px 0px 15px 15px;	
}

/* ////////// End Content Images ////////// */

.clear-float /* sbsp */
{
	clear: both;	
	height: 0px;
}

.clear-float-inline
{
	clear: both;
	display: inline;	
	height: 0px;
}

.margin-top-bottom-20 {
	margin: 20px 0 20px 0;
}

	
/* SDC Progress Bar for Orientation */
	.container {
            background-color: rgb(192, 192, 192);
            width: 80%;
                border-radius: 15px;
        }
      
        .progressbarsdc {
            background-color: rgb(179, 25, 23);
            color: white;
            padding: 1%;
            text-align: right;
            font-size: 20px;
                border-radius: 15px;
        }

/* ips-stylesheet.css - stylesheet end */

/* - Remove the 'Drop this Course' from the Canvas home pages (Catalog enrollment) - */
a.btn.button-sidebar-wide.self_unenrollment_link {
    display: none !important;
}