/****************************
 1. General CSS
 2. HTML tags
 3. Classes
	3.1 General
	3.2 Navigation
	3.3 Cards (general)
	3.4 Buttons
	3.5 Fixing LibAnswers Cruft
 4. General page elements
	4.1 Navbar
	4.2 Main content area
 5. Home page elements
	5.1 Tabbed box 
	5.2 Home page content areas
		5.2.1 Events list
		5.2.2 Masonry grid display
		5.2.3 Announcements
 6.	Government Information section
	6.1 Navbar
 7. Index Page
	7.1 Alphabet List	
 8. Staff Individual Page
	8.1 LibGuides List 
9. Databases
	9.1 General Database Pages 	
10. Datepicker
11. Online Reserves Form
12. Random Other Pages
****************************/

/****************************
 1. General CSS tags
****************************/

	*,:after,:before{box-sizing:border-box}

	[tabindex="-1"]:focus:not(:focus-visible){outline:0}

	hr{		height:0;
			overflow:visible}

	address{margin-bottom:1rem;
			font-style:normal;
			line-height:inherit}

	dl,ol,ul{margin:1em 0;
			padding:0}

	ol ol,ol ul,ul ol,ul ul{margin-bottom:0}

	dd{margin-bottom:.5rem;
			margin-left:0}

	blockquote{margin:0 0 1rem}

	b,strong{font-weight:700}

	small{font-size:.8em}

	sub,sup{position:relative;
			font-size:.75em;
			line-height:0;
			vertical-align:baseline}

	sub{bottom:-.25em}

	sup{top:-.5em}

	pre{margin-top:0;
			margin-bottom:1rem;
			overflow:auto}


	img{border-style:none}

	img {vertical-align:middle}

	th{text-align:inherit}

	button,input,optgroup,select,textarea{margin:0;
			font-family:inherit;
			font-size:inherit;
			line-height:inherit}

	button,input{overflow:visible}

	button,select{text-transform:none}

	select{word-wrap:normal}

	textarea{overflow:auto;
			resize:vertical}


/****************************
 2. HTML tags
****************************/
	html{
		font-size:18px;
		line-height:1.15;
	}

	body{
		background-color:#ffffff;
		color:#4d4d4a;
		margin:0;
		font-size:18px!important;
		line-height:1;
		color:#111;
		text-align:left;
		font-family: 'Oswald', sans-serif!important;
		font-family: 'Playfair Display', serif!important;
		font-family: 'Source Sans Pro', sans-serif!important;
		font-size:100%;
		font-weight:400;
		line-height:1.5;	
	}


	hr{background-color:#a3a9ac;
			border:0;
			height:3px;
			margin-bottom:16px}

	a, a:visited {	color:#4d1979;
		border-bottom: 1px dashed #4d1979;
	}

	a:focus,a:hover{
		background-color: #eeeeee!important;
		color:#000000!important;
		text-decoration: none!important;
		border-bottom: 1px dashed #000000;
	}
	
	a:focus{box-shadow:0 0 2px #111}

	a:active{color:#4d1979}

	a:link{color:#4d1979}
	
	p a{	color:#4d1979!important;}

	pre{background-color:#eee;
			border:1px solid #ccc;
			padding:16px}

	.alignleft{display:block;
			float:left;
			margin-right:1em}

	.alignright{display:block;
			float:right;
			margin-left:1em}

	.aligncenter{clear:both;
			display:block;
			margin-left:auto;
			margin-right:auto}

	}

	.font-oswald {font-family: 'Oswald', sans-serif!important;}
	.h1{
		font-family: 'Playfair Display', serif!important;
	}
	.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
		font-family: 'Oswald', sans-serif!important;
		font-family: 'Source Sans Pro', sans-serif!important;
		font-kerning: normal;
	}
	.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
		font-weight:400;
		line-height:1.2;
		text-rendering:optimizelegibility;
		word-wrap:break-word
	}

	.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none}

	.h1,h1{font-size:2rem;
			margin:32px 0}

	.h2,h2{font-size:1.75rem;
			margin:24px 0}
	.h3,h3{font-size:1.5rem;
			margin:16px 0}
	.h4,h4{font-size:1rem;
			font-weight:700;
			margin:16px 0}
	.h5,h5{font-size:1rem;
			font-weight:700;
			margin:16px 0}
	.h6,h6{font-size:1rem;
			font-weight:700;
			margin:8px 0}
	
	.small-text {
		font-size: .9rem;
	}
	
	.font-black { color: 000000!important; }
	
	blockquote{border-left:10px solid #4d1979;
			font-size:1.1rem;
			font-style:italic;
			padding-left:.8em
		}
	
	.borderless {
		border: 0!important;
	}

/****************************
 3. Classes
****************************/
	/** 3.1 General **/
		.amp{font-family:Baskerville,Goudy Old Style,Palatino,Book Antiqua,serif!important;
				font-style:italic}

		.sub-head{font-family:Oswald,sans-serif!important;
				font-weight:400}

		.sub-headline{font-family:Oswald,sans-serif!important;
				font-size:1.2em}
				
		.bg-tcu-grey {
			background-color: #cccccc!important;
		}
		
		.bg-tcu-medium-grey {
			background-color: #4d4d4a!important;
		}
		
		.bg-tcu-yellow1 {
			background-color: #fed277!important;
		}
		
		.bg-tcu-yellow2 {
			background-color: #fff6e4!important;
		}
		
		.bg-tcu-aqua {
			background-color: #95DACF!important;
		}
		
		.bg-tcu-tan {
			background-color: #E2D0A6!important;
		}
		
		.bg-tcu-blue {
			background-color: #5E88B4!important;
		}
		
		.text-outline {
			text-shadow: 2px 2px 0 #4d1979, 2px -2px 0 #4d1979, -2px 2px 0 #4d1979, -2px -2px 0 #4d1979, 2px 0px 0 #4d1979, 0px 2px 0 #4d1979, -2px 0px 0 #4d1979, 0px -2px 0 #4d1979;
		}	
		
		.form-input-wide {
			display:flex;
			flex-grow:1 
		}
		
		.indented-list li, .indented-list li > ul > li, .indented-list li > ol > li {
			margin-left: 2em;
		}

		.alpha-list-style {
			list-style-type: upper-latin;
		}

		.no-padding {
			padding: 0!important;
			margin: 0!important;
		}
		
		.no_underline {
			text-decoration: none!important;
			border-bottom: none!important;
		}
		
		ul.no-bullets {
			list-style-type:none!important;
		}	
		
		.fake_card_list:hover {
			background-color: #eeeeee!important;
		}
		.fake_card_list a:hover {
			color: #000000!important;
		}	

		.flex-even {
			flex: 1;
		}


/* spamtrap div */
	.invdiv {
	   display:none;
	   visibility: hidden;
	}		
		
	/** 3.2 Navigation **/
		.top-nav-link {
			height: 80px;
			line-height: 80px;
			font-weight: 600;
		}
		
		
	/*** 3.3 Cards (general) ***/

		/* change # of columns at different screen sizes */
		.card-columns {
		  @include media-breakpoint-only(lg) {
			column-count: 4!important;
		  }
		  @include media-breakpoint-only(xl) {
			column-count: 5!important;
		  }
		}

		.card-text a {	
			color:#4d1979!important;
			text-decoration:none!important
			border-bottom: 1px dashed #4d1979;
		}	
		
		.card a:hover {
			border-bottom: 1px dashed #4d1979;
			text-decoration:none!important
		}

	/*** 3.4 Buttons ***/
		.btn-tcu-yellow {
			background-color: #fed277 !important;
			color: #121014;
			border: 1px solid #4d1979!important;
		}
		.btn-tcu-yellow:hover {
			background-color: #4ffff00 !important;
			color: #000000!important;
			border: 1px solid #4d1979!important;
		}
		.btn-tcu-purple {
			background-color: #4d1979 !important;
			color: #ffffff!important;
			border: 1px solid #4d1979!important;
		}		
		.btn-link {
			color: #4d1979!important;
			border-bottom: 1px dashed #4d1979!important;
			margin:0;
		}
		
		.btn-toggle-yellow {
			border: 1px solid #000000!important;;
		}
		
		.btn-toggle-yellow.active {
			background-color: #FFFFAD!important;
			color: #000000!important;
		}
		
		.btn-game-platform {
			background-color: #f0ffff!important;
			color: #000000;
			border: 1px solid #4d1979!important;
		}
		
		.btn-game-platform:hover {
			background-color: #f5f5f5!important;
			color: #4d1979;
			border: 1px solid #4d1979!important;
		}

		.btn-game-genre {
			background-color: #fff5ee!important;
			color: #000000;
			border: 1px solid #4d1979!important;
		}
		
		.btn-game-genre:hover {
			background-color: #f5f5f5!important;
			color: #4d1979;
			border: 1px solid #4d1979!important;
		}
		
	/*** 3.5 Fixing LibAnswers Cruft ***/	
		.hide-this {
			display: none!important;
		}
		.s-la-widget > section > ul > li, .s-la-widget > section > ul > li  > ul >li, .s-la-widget > section > ol > li {
			margin-left: 2em;
		}

/****************************
 4. General page elements
****************************/
/*** 4.1 Navbar ***/
	.navbar-custom {
		background-color: #4d1979;
	}
	
	/* change the brand and text color */
	.navbar-custom .navbar-brand,
	.navbar-custom .navbar-text {
		color: #ffffff!important;
	}

	/* change the link color */
	.navbar-custom .navbar-nav .nav-link,
.navbar-custom .navbar-nav a.nav-link	{
		color: #ffffff;
	}

	/* change the color of active or hovered links */
	.navbar-custom .nav-item.active .nav-link,
	.navbar-custom .nav-item:hover .nav-link,
	.navbar-custom .nav-item:focus .nav-link,
	.navbar-custom .navbar-brand:hover,
	.navbar-custom .navbar-brand:active,
	.navbar-custom .navbar-brand:focus 	{
		color: #4d1979!important;
		border-bottom: none;
	}

	/* for dropdown only - change the color of dropdown */
	.navbar-custom .dropdown-menu {
		background-color: #cccccc!important;
		color: #4d1979!important;
	}
	.navbar-custom .dropdown-item {
		color: #4d1979!important;
	}
	.navbar-custom .dropdown-item:hover,
	.navbar-custom .dropdown-item:focus {
		color: #4d1979!important;
		background-color: rgba(255,255,255,255)!important;
	}

/*** 4.2 Main content area ***/

	#body-content {
		border-top: 8px solid #000000;
	}
	#main-content-body {
		xmargin: 0;
	}
@media (min-width: 768px) { 
	#main-content-body {
		xmargin: 2em 4em;	
	}
}
	#footer {
		background-color: #4d1979;
		background-image: url("/img/backgrounds/purple-banner.jpg");
		background-position: center;
		background-size: cover;
		border-top: 8px solid #000000;
	}

	#address-footer, #mission, #social, #footer-links, #footer-copyright, #phone-footer {
		color: #ffffff;
		font-weight: 400;
	}
	
	#address-footer a, #mission a, #social a, #footer-links a, #footer-copyright a, #phone-footer a {
		color: #ffffff!important;
	}
	
/*** 4.2 Footer ***/	
	
	#footer a {	
		border-bottom: 1px dashed #ffffff!important;
	}
	#footer a:focus,#footer a:hover {
		background-color: #000000!important;
	}


/****************************
 5. Home page elements
****************************/
/*** 5.1 Tabbed box ***/

	#tabbed-box-wrapper {
		background-color: #4d1979;
		background-image: url("/img/backgrounds/purple-banner-books.jpg");
		background-position: center;
		background-size: cover;
		border-bottom: 8px solid #000000;
	}

	#tabbed-box {
		background-color: #ffffff;
		xmargin: 2em 3em;
		border: 1px solid #000000;
		xpadding: 2em;
	}
	
	#nav-tab{
		width: 100%;
		z-index: 5;
		border-bottom: none;
	}
	

	#nav-tab > .nav-item {
		background-color: #4d1979!important;
		color: #ffffff!important;
		font-weight: normal;
		border-top: 1px solid #ffffff!important;
		border-left: 1px solid #ffffff!important;
		border-right: 1px solid #ffffff!important;
		margin-right: 0 2px;
	}
	#nav-tab > .nav-item:hover,
	#nav-tab > .nav-item:active	{
		background-color: #eeeeee!important;
		color: #000000!important;
		font-weight: normal;
		border-top: 1px solid #4d1979!important;
		border-left: 1px solid #4d1979!important;
		border-right: 1px solid #4d1979!important;
		border-bottom: 1px solid #4d1979!important;		
	}	
	#nav-tab > .active {
		background-color: #ffffff!important;
		color: #000000!important;
		font-weight: normal;
		border-top: 1px solid #4d1979!important;
		border-left: 1px solid #4d1979!important;
		border-right: 1px solid #4d1979!important;
		border-bottom: 1px solid #ffffff!important;
		margin: 0 2px 0 0;
	}	

	#nav-tabContent {
		z-index: 1;
		border-top:1px solid #4d1979;
		border-bottom: 1px solid #4d1979;
		border-left: 1px solid #4d1979;
		border-right: 1px solid #4d1979;
		position: relative;
		top: -1px;
	}
	
	#frogscholar-content {
		background-color: #eeeeee;
		background-image: url("/img/backgrounds/home-catalog.jpg");
		background-size: cover;
		background-position: center;
		color: #000000;
		padding: 4%;
		border: 1px solid #95DACF;
	}
	
	.frogscholar-text {
		padding: 2px;
	}
	
	#summon-search-submit, #summon-search-input {
		border: 1px solid #4d4d4a;
	}
	
	#catalog-content {
		background-color: #eeeeee;
		background-image: url("/img/backgrounds/home-catalog.jpg");
		background-size: cover;
		background-position: center;
		color: #000000;
		padding: 4%;
		border: 1px solid #95DACF;	
	}

	#databases-content {
		background-color: #eeeeee;
		background-image: url("/img/backgrounds/home-catalog.jpg");
		background-size: cover;
		background-position: center;
		color: #000000;
		padding: 0 4% 4% 4%;
		border: 1px solid #95DACF;		
	}
	
	#doi-content {
		background-color: #eeeeee;
		background-image: url("/img/backgrounds/home-catalog.jpg");
		background-size: cover;
		background-position: center;
		color: #000000;
		padding: 4%;
		margin: 0 2% 2% 2%;
		border: 1px solid #95DACF;			
	}
	
	#libguides-content {
		background-color: #eeeeee;
		background-image: url("/img/backgrounds/home-catalog.jpg");
		background-size: cover;
		background-position: center;
		color: #000000;
		padding: 3% 4%;
		border: 1px solid #95DACF;		
	}
	
	#libguides-content form {
		text-align: center;
	}

	#s-lg-widget-search, #s-lg-guide-search {
		margin: 0!important;
	}
#s-lg-embedded-search-widget-1584989623925 > form > div > input.form-control {
				width: 75%;
				}

	#libanswers-content {
		background-color: #eeeeee;
		background-image: url("/img/backgrounds/home-catalog.jpg");
		background-size: cover;
		background-position: center;
		color: #000000;
		padding: 3% 4%;
		border: 1px solid #95DACF;		
	}

	#s-la-content-search-9670 > form > div.input-group {
		width: 100%!important;
		padding: 0!important;
		margin: 0!important;
	}
	#search-content {
		background-color: #fff6e4;
		background-image: url("/img/backgrounds/home-catalog.jpg");
		background-size: cover;
		background-position: center;
		color: #000000;
		padding: 3% 4%;
		border: 1px solid #95DACF;		
	}	

	#___gcse_0 {
		width: 100%!important;
	}

	#s-lg-widget-1563827934530	{
		display: block;
	}

/*** 5.2 Home page content areas ***/
	
	.link-box-title {
		font-size:1rem;
		font-weight:500;
	}
	.list-group-item  {
		background: transparent!important;
	}
		
	.list-group-item a {
		color: #4d1979!important;
		background: transparent!important;
	}
	
	#quick-links-card, #services-card, #facilities-card  {
		background-color: #ffffff;
		background-position: right bottom;
		background-repeat: no-repeat;
	}
	
	#quick-links-card{
		background-image: url("/img/backgrounds/bg-link.png");
	}
	#services-card{
		background-image: url("/img/backgrounds/bg-services.png");
	}
	#facilities-card{
		background-image: url("/img/backgrounds/bg-facilities.png");
	}	

	#depts {
		margin: 0;
		font-size: .9em;
		background-color: #fff6e4;
		background-image: url("/img/backgrounds/home-catalog.jpg");
		background-size: contain;
		background-position: center;
		color: #000000;
		padding: 3% 15%;
		border: 1px solid #95DACF;	
	}
	
	#depts .card {
		background-color: #4d1979;
		font-weight: 700;
		text-shadow: 2px 2px 2px #000000;
	}
	
	#depts .card a {
		font-size: 2.3em!important;
		font-family: 'Oswald', sans-serif;
	}
	
	#depts .card a {
		letter-spacing: 2px;
	}

	.dept-title {
		font-family: 'Playfair Display', serif!important;
		font-size:1.75rem;
		margin:24px 0
		font-weight:400;
		line-height:1.2;
		text-rendering:optimizelegibility;
		word-wrap:break-word
	}		

	.dept-title a{text-decoration:none}
	
	.dept-title:hover {
		color: #f9d44b!important;
	}

	#dept-medicine, #dept-digrep, #dept-govinfo, #dept-mml, #dept-spcoll {
		background-color: #4d4d4a!important;
		text-shadow: 0 0 3px #000000;
		margin-bottom: 1rem;
	}

	#dept-medicine {
		background-image: url("/img/backgrounds/Home-Page-Med_02.jpg")!important;
		background-position: center!important;
		background-size: cover!important;
		
	}
	#dept-digrep {
		background-image: url("/img/backgrounds/Home-Page-Repository_02.jpg")!important;
		background-position: center!important;
		background-size: cover!important;
	}
	#dept-govinfo {
		background-image: url("/img/backgrounds/Home-Page-GovInfo_02.jpg")!important;
		background-position: center!important;
		background-size: cover!important;
	}
	#dept-mml {
		background-image: url("/img/backgrounds/Home-Page-MML_02.jpg")!important;
		background-position: center!important;
		background-size: cover!important;
	}
	#dept-spcoll {
		background-image: url("/img/backgrounds/Home-Page-Sp-Coll_02.jpg")!important;
		background-position: center!important;
		background-size: cover!important;
	}	
	
	#news {
		font-size: .9em;
		color: #000000;
		background-color: #4d1979;
		background-image: url("/img/backgrounds/purple-banner-books-lg.jpg");
		background-position: center;
		background-size: cover;
	}
	
	h2#news-head { color: #ffffff; }

	/*** 5.2.1 Events list ***/
	.lwn {
		padding-bottom: 5px;
	}
	.lwn0, .lwl0 {
		font-weight: bold;
	}
	.lwi {
		margin:8px 3px 0 0;
		border: 1px solid #4d1979;
		float: left;
	}
	
	#research-experts {
		margin: 0;
		font-size: .9em;
		background-color: #fff6e4;
		background-image: url("/img/backgrounds/home-catalog.jpg");
		background-size: contain;
		background-position: center;
		color: #000000;
		padding: 3% 4%;
		border: 1px solid #95DACF;			
	}
	
	/*** 5.2.2 Masonry display ***/
		.grid-layout {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
			grid-gap: 10px;
			grid-auto-rows: minmax(180px, auto);
			grid-auto-flow: dense;
			padding: 10px;
		}

		.grid-item {
			padding: 1rem;
			color: #000000;
			background-color: #ffffff;
			border-radius: 10px;
			border: 1px solid #eeeeee;
			&:nth-child(odd) {
				background-color: #424242;
			}
		}
		
		.grid-item img {
			border: 1px solid #4d1979;
			border-radius: 5px;
		}

		.span-2 {
			grid-column-end: span 2;
			grid-row-end: span 2;
		}

		.span-3 {
			grid-column-end: span 3;
			grid-row-end: span 4;
		}
		
		
	/*** 5.2.3 Announcements ***/	
		
	.announcement {
		color: #000000;
		background-color: #fed277;
		width: 100%;
		margin-bottom: 1em;
	}	
		
/****************************
 6. Government Information section
****************************/
	/*** 6.1 Navbar ***/	
	.navbar-govinfo, .navbar-govinfo a {
		color:#ffffff!important;
		background-color: #4d1979!important;
		margin: 0;
		padding:0;
	}
	.navbar-govinfo a:hover,
	.navbar-govinfo a:active	{
		color: #000000!important;
		background-color: #eeeeee!important;
	}
	.bg-govinfo {
		background-color: #4d1979!important;
	}
	.custom-toggler.navbar-toggler {
		border-color: rgb(255,255,255);
	}
	.custom-toggler .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
	
	#govinfo-home.card-img-top {
		margin: 1em;
	}


/****************************
 7. Index Page
****************************/
	/*** 7.1 Alphabet List ***/
	.index_list {
		line-height: 2.2em;
	}
	.index_alpha_item, .index_alpha_item_disabled {
		margin-left: .2em;
		margin-right: .2em;
		margin-top: .2em;
		margin-bottom: .2em;
		padding-top: .2em;
		padding-bottom: .2em;
		padding-left: .5em;
		padding-right: .5em;
		font-weight: bold;
		border: 1px solid #4d1979;
	}

	.index_alpha_item:hover, .index_alpha_item:active {
		border: 1px solid #4d1979;
		background-color: #4d1979!important;
		color: #ffffff!important;
	}	
	
	.index_alpha_item_disabled, .index_alpha_item_disabled:hover, .index_alpha_item_disabled:active {
		border: 1px solid #E8E8E8;
		background-color: #E8E8E8!important;
		color: #4A4A4A!important;
		font-weight: normal;
		cursor: default;
	}		

	.index_letter {
		line-height: 1.5em;
	}

/****************************
 8. Staff Individual Page
****************************/
	/*** 8.1 LibGuides List ***/

	#s-lg-widget-1438204810259 ul > li, #s-lg-widget-1438204810259 ul> li > ul > li, #s-lg-widget-1438204810259 ul > li > ol > li {
		margin-left: 1em;
		margin-bottom: 1em;
		list-style-type: none;
	}
	
	
/****************************
 9. Databases
****************************/
	/*** 9.1 General Database Pages ***/	
	
/****************************
 10. Datepicker
****************************/		
		
	.datepicker {
	   margin: 10px;
	   padding: 1px;
	   position: absolute;
	   z-index: 1;
	   width: 261px;
	   background-color: #fff;
	   border: 1px solid #ccc;
	   -webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   border-radius: 4px;
	}
	div#month-wrap {
	   height: 30px;
	   background-color: #eee;
	   border: 1px solid black;
	   -webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   border-radius: 4px;
	}
	div#bn_prev {
	   margin: 0 3px;
	   float: left;
	   width: 24px;
	   height: 24px;
	}
	div#bn_next {
	   margin: 0 3px;
	   float: right;
	   width: 24px;
	   height: 24px;
	}

	div#bn_prev:hover,
	div#bn_prev:focus,
	div#bn_next:hover,
	div#bn_next:focus {
	   margin: 0 2px;
	   background-color: #fc3;
	   border: 1px solid #800;
	   -webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   border-radius: 4px;
	}
	img.bn_img {
	   margin: 0;
	   padding: 0;
	}
	div#month {
	   float: left;
	   padding-top: 0;
	   width: 175px;
	   height: 24px;
	   text-align: center;
	   font-weight: bold;
	   font-size: 1em;
	}
	table#cal {
	   width: 261px;
	   font-size: 1.2em;
	   text-align: center;
	}
	table#cal th,
	table#cal td {
	   width: 35px;
	   height: 30px;
	   padding: 0;
	}
	table#cal td {
	   background-color: #ddd;
	   border: 1px solid #999;
	}

	table#cal td.today {
	   background-color: #FFF0C4;
	   border: 1px solid #999;
	}

	table#cal td.empty {
	   background-color: #f9f9f9;
	   border: 1px solid #eee;
	}

	table#cal td:hover,
	table#cal td.focus {
	   border-color: #800;
	   background-color: #fc3;
	}

	table#cal td.empty:hover {
	   background-color: #f9f9f9;
	   border: 1px solid #eee;
	}

	.offscreen {
	   position: absolute;
	   left: -200em;
	   top: -100em;
	}
	[aria-hidden="true"] {
	   display: none;
	}		


		/* Temporary class to grey nonworking links while building site */
		.greyed-out {
			background-color: #eeeeee!important;
		}
/****************************
 11. Online Reserves Form
****************************/			

#reservesTabs li {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #cccccc;
	border-radius: 5px 5px 0 0;
}

#reserves-form-content {
	border: 1px solid #cccccc;
}

#reservesTabs li a:hover {
	color: #4d1979;
}

/****************************
 12. Random Other Pages
****************************/	
.showLibrarian {
	xborder: 1px solid #4d1979;
}

#gameList .gameRecord:nth-child(odd){
	background-color: #ffffff;
}
#gameList .gameRecord:nth-child(even){
	background-color: #f8f9fa;
}


caption { color: #000000!important; }