/* This does affect LIBCAL  NOW IT DOES NOT AND I DON"T KNOW WHY - It is valid css */


body {
	max-width: 95rem;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
#content {
	width:auto;
	padding-top:30px;
	padding-left:4%;
	margin-left:auto;
	margin-right:auto;
	max-width:70em;
}
#content h1{font-size:1.3em;}
#content h2{font-size:1.3em;}


/* Room labels on left ---------------------Futz with margin-bottom to get room names to line up.  */
.s-lc-rm-rn {
margin-top: 0em;  /* this only moves the entire block of room labels UP or DOWN, does not squish Now it spreads it out! Depends on other css*/
line-height:11px!important; /* this fixed the cut-off text */
font-weight: bold;
font-size:0.8em;
border:none;
	
} 
.s-lc-rm-rntd { /* this is totally independent of the one above. It does not move up/down like the above one */
margin-top: 20px!important;  /* this only moves the entire block of room labels UP or DOWN, does not squish Now this does NOTHING */
border:none;
}

table#s-lc-rm-tg-rnames {  /* whoel table of left room names */
margin-top: 20px!important; 
border-collapse: collapse;
border-spacing: -7px -7px;
line-height:1px!important;    /* this was part of the problem */
}
table#s-lc-rm-tg-rnames td {
border-collapse: collapse!important; 
border-spacing: 0px 0px!important; 
}
  
.s-lc-rm-ttip {margin-top:-11px;} /* raised the (i) icon a bit */
  
                                              
	
/* MYU and LOCK - could not reverse the order */
nav.UMD_nav-myu li {margin-right:32px;}
nav.UMD_nav-myu li a span {padding-left:19px;padding-bottom:17px;}


.container-tabs { 
	margin:0;
	padding:0;    
	 box-shadow: 00 1px 1px 0px #777;
      -moz-box-shadow: 0 1px 1px 0px #777;
          -webkit-box-shadow: 0 1px 1px 0px #777;
	}
.librarytitle {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif!important;
  font-weight:normal;
  margin: 0;
  overflow: hidden;
  color: #fff;  
  padding: 0.3em 14.7%;
  font-size: 1.6em!important;
  background-color: #323232;
  font-stretch: semi-condensed;
 }
 .librarytitle a:link, .librarytitle a:hover, .librarytitle a:visited, .librarytitle a:active {
  display:block;
  text-decoration:none;
  color:#fff!important;
  margin-bottom:-4px;
 } 
 
 
 
ul.librarytabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left:14.7%;
  overflow: hidden;
  background-color: #323232;
}


/* Float the list items side by side */
ul.librarytabs li {
}

/* Style the links inside the list items */
ul.librarytabs li a {
  color: #f2f2f2;
  text-align: left;
  text-decoration: none;
  transition: 0.2s;
  font-size: 0.95em;
  border-bottom: 3px solid #323232;
  
}





.librarytabs li:first-child {
  padding-left: 7.4rem;
}


/* Change background color of links on hover */

ul.librarytabs li a:hover {
  background-color: #323232;
  border-bottom: 3px solid #fc3;
}

.thinline {
  margin: 0;
  padding: 1px 16px;
  font-size: 1.9em;
  overflow: hidden;
  background-color: #fff;
}

@media screen and (max-width:1320px) {
  #content {margin:2em 7em 1em 7em!important;
  }
}
@media screen and (max-width:768px) {
  ul.librarytabs li {display: none;}
  .librarytitle {font-size: 1.3em;}
  #content {margin:2em 2em 1em 2em!important;
  }
}
  













/* ---------------------------------------------------------- */
.mobile-menu {
display:block;
padding:1em 0;
background: #323232;
line-height: 1.6em;
text-align:left;
margin:0 auto;
height:0.78em;  /*space for niggly gold hover */


}
/*Strip the ul of padding and list styling*/
.mobile-menu ul {
  margin: 0 auto;
  padding-left:0;
  text-align:left;
  width:100%;
  background: #323232;
}

/*Create a horizontal list with spacing*/
.mobile-menu li {
	display:inline-block;
	/*float: left;
	margin-right: 1px;*/
}

/*Style for menu links*/
.mobile-menu li a {
	display:block;
	text-align: left;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #fff;
	background: #323232;
	text-decoration: none;
  margin-left:32px; /*space between tabs*/
  padding: 0 0 0 0;  
}
 .mobile-menu li:first-child { 
   margin-left:12.2%; 
}

/*Hover state for top level links*/
.mobile-menu li:hover a {
color: #fff;
background-color: #323232;
border-bottom: 3px solid #fc3;
}

/*Style for dropdown links*/
.mobile-menu li:hover ul a {
	background: #243039;
	color: #fff;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
.mobile-menu li:hover .mobile-menu ul a:hover {
	color: #323232;
}

/*Hide dropdown links until they are needed*/
.mobile-menu li ul {
	display: none;
}

/*Make dropdown links vertical*/
.mobile-menu li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.mobile-menu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}


/*Style 'show menu' label button and hide it by default*/
.mobile-menu .show-menu {
	text-decoration: none;
	color: #fff;
	background: #003d4c;
	text-align: left;
	padding: 10px 15px;
	display: none;
  cursor: pointer;
}

.mobile-menu .show-menu span{
   padding-left: 35px;
}

/*Hide checkbox*/
.mobile-menu input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
.mobile-menu input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Responsive Styles*/

@media screen and (max-width: 768px){
  /*Hamburger*/
  .mobile-menu .lines {
    border-bottom: 15px double #fff; 
    border-top: 5px solid #fff; 
    content:"";
    height: 5px; 
    width:20px;
    padding-right:15px;
float: left;
}

.mobile-menu {
padding:0;
background-color: #0c1923;
text-align:left;
margin:0;
height:32px;

}
	/*Make dropdown links appear inline*/
	.mobile-menu ul {
		position: static;
		display: none;
			
		
	}
	/*Create vertical spacing*/
	.mobile-menu li {
		background:#0c1923;
		border-bottom:1px solid #848890;	
			
	}
		
	.mobile-menu li a{
		background:#0c1923;
		border-bottom:3px solid #0c1923;
		text-transform:uppercase;
  height:35px;
  padding-top:18px;
	}
	
	

	
	
	/*Make all menu links full width*/
	.mobile-menu ul li, .mobile-menu li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.mobile-menu .show-menu {
		display:block;
	}
	
.mobile-menu li:hover a {
  padding-left:72px;
  margin-left:-40px;
  background-color:#243039;
  border-bottom:3px solid #243039;

}

.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
	width: 100%;
}

body {
	margin-top:46px;

}
 .mobile-menu li:first-child { 
   margin-left:0; 
    padding-left:0; 
}



}