.res_librarytitlespan	{
					font-size:1.0rem;
					}



.slidecontrol				{
							margin-left:20px;
							height:80px;
							}



#slidewrapper						{

									border:3px #f0f0f0 solid;
									border-radius:9px ;
									overflow:hidden;
									}


h2.coursetitle					{
								font-size:1.8rem;
								text-align:center; 
								margin-bottom:0px;
								color:#808080;
								}

h2.borderbot					{
								border-bottom: 2px #808080 solid;
								margin-bottom:13px;

								}

#slidewrapper h4			{
							margin-left:1em;
							margin-bottom:.8em;
							}

#slidewrapper ul,
#slidewrapper ol			{
							margin-top:.3em;
							margin-bottom:.4em;
							margin-left:1em;
							}
#slidewrapper li,
#slidefooter li						
							{
							margin-left:1.5em;
							margin-top:.4em;
							margin-bottom:.1em;
							}							

#slidewrapper .artcolumns		{
								margin-right:0 ;
								}




#courselogo	{
			height:125px;
			}

#coverlogo		{
				width:400px;
				margin-top:20px;
				
				}

#footerimage	{
				width:90px ;
				margin-right:0px;
				}



#slidetitlewrapper					{
									display:flex;
									flex-direction:row ;
									align-items:center ;
									justify-content: space-between;
									/* border:1px red solid; */
									}

#slideicon							{
									flex-grow:0;
									margin-right:1em;
									}

#slidetitle							{
									flex-grow:4;
									/* border:1px orange solid; */
									}
main #slidetitle h1			{
							margin:0;
							}
main #slidebox h3			{
							margin-top:.2em;
							margin-bottom:.8em;
							}							
#slideboxwrapper					{
									display:flex;
									flex-direction: column;									
									height:40vh ;
									font-size:1.4em;
									overflow:scroll;
									}
#slidebox							{
									flex-grow:1 ;
									/* border:1px red solid; /* */
									display:flex;
									flex-direction: column;
									justify-content: center;
									}
									
#slidebox .artcolumn				{
									padding-left:1em;
									padding-right:1em;
									margin-right:0;
									}
#slidebox .artcolumn li				{
									margin-right:1em;
									}


#slidebox .presentationimage			{
										width:98% ;
										max-width:900px ;
										}



									
#slidereferences			{
							display:flex;
							justify-content: right;
							border-top:1px #e0e0e0 solid;
							margin-left:30px;
							margin-right:30px;
							}
#slidereferences ul,
#slidereferences li,
#casereferences ul,
#casereferences li
			{
							margin-right:0;
							margin-top:0;
							font-size:.9rem;
							}

#slidefooterwrapper						{
										display:flex;
										flex-direction:row ;
										justify-content: space-between;
										align-items:flex-start;
										}
#slidefooter							{
										flex-grow:4 ;
										}										
#slidecontrols							{
										min-width:180px;
										flex-grow:0 ;
										}
								
main #textcontent #slidewrapper #slideaccessible h2,
main #textcontent #casewrapper #slideaccessible h2		

										{
										margin:0;
										padding-left:1em;
										padding-top:.3em;
										padding-bottom:.4em;
										margin-bottom:1em;
										width:100%;
										background-color:#f0f0f0;
										}


#slideaccessible						{
									/*	margin-top:3em; /* */
										}

#casewrapper						{
									margin-top:2em;
									overflow:hidden;
									}

#casereferences		{
									margin-top:4em;
									padding-top:.4em;
									display:flex;
									justify-content: right;
									border-top:1px #c8cbc8 solid;
									
									}

#caseboxwrapper						{
									padding-bottom:3em;
									}

#casebox							{
									padding-bottom:0em;
									padding-top:2em;
									}


.quizblock { margin-top:20px; }

#casefooterwrapper		{
						border:#fdd28d 3px solid;
						border-radius: 4px;
						padding-left: 3em;
						padding-right: 1.5em;
						padding-bottom: 3em;
						}

#quizanswerexplanation			{
									margin-top:2em;		
									}


div.quizanswer		{
					display:flex;
					flex-direction:row;
					justify-content: flex-start;
					}

div.quizdot			{
					/* border:1px red solid ; /* */
					flex-basis: 36px;
					flex-grow:0 ;
					overflow:visible;
					}
#textcontent div.quizdot p			{
						text-align:center;
						width:1.8em;
						}

div.quizdottext		{
					flex-grow:4 ;
					padding-top:.1em;
					}					


#textcontent .caseanswer 		{
					display:block;
					/* border:1px red solid ; /* */
					cursor: pointer;
					}
					
#textcontent #casefurtherreading li				{
												margin-top:1.4em;

												}

#textcontent .quizblock p 		{
					display:block;
					width:fit-content;
					cursor: pointer;
					/* border:1px blue solid ; /* */
					margin: 0em .4em .4em ;

					}
					
#textcontent .quizblock p.checkmark		{
										transform:scale(2); 
										margin-left:7px;
										}
										
#textcontent .quizblock p.correct		{
										background-color:#ffff00;
										}



#casebox img				{
							margin-left:3em;
							}

					
.casequiz h2,
.caseanswer h2
					{
					
					}










.coursebuttonwrapper 	{
						width:100% ;
						display:flex;
						justify-content: center;
						margin-top:3em;
						}
										
.coursebutton		{
						width:30em;
						display: inline-block;
						background-color: #23408f ;
						border-radius:5px ;
						
						
						padding: 6px ;
						padding-bottom: 10px ;

						text-decoration: none ;
						vertical-align: middle ;
						text-align:center;
						white-space:nowrap ;

						overflow: hidden;
						cursor:pointer;
						
						
					}

.coursebutton:hover	{
					background-color: #4360af ;
					}
					
					
a.whitelink,
a.whitelink:visited			{
					font-weight:700;
					text-decoration: none;
					color:#ffffff;
					}
a.whitelink:hover			{
					color:#fdd28d ;
					}
					
					
#testresultbox			{
						border:2px #909090 solid ;
						background-color: #f8f8f8 ;
						}
					
										
										
										
.quizbutton		{
						width:10em;
						display: inline-block;
						background-color: #23408f ;
						border-radius:3px ;
						border: 0px orange solid ;
						
						padding: 6px ;
						padding-bottom: 10px ;

						text-decoration: none ;
						vertical-align: middle ;
						text-align:center;
						white-space:nowrap ;

						overflow: hidden;
						cursor:pointer;
					}

.quizbutton:hover	{
					background-color: #4360af ;
					}
					
a.whitelink			{
					font-weight:700;
					text-decoration: none;
					color:#ffffff;
					}
a.whitelink:hover			{
					color:#fdd28d ;
					}
					



					
					
#textcontent div.testa p.checkmark		{
										transform:scale(2); 
										margin-top:.3em;
										margin-left:1.6em;
										margin-right:1em;
										}

#textcontent div.testa p.xmark			{
										margin-top:.4em;
										margin-left: 1.3em;
										margin-right: .9em;
										}

#textcontent div.testa p.circle			{
										margin-top:.5em;
										margin-left: 1.3em;
										margin-right: .9em;
										}


#textcontent .redanswer		{ background:#ff9090; }




#coursesubmenu			{
						display:flex;
						}

.current 				{ 
						font-weight:700; 
						text-decoration: none;
						font-size:1.1em;
						}



/* ****** reference slide page ***** */


#textcontent #coursereferences p.listinganchor {
												font-weight:400 ;
												font-size:1rem;
												line-height:1.3rem;
												margin-bottom:0;
												margin-left:0;
												}

#textcontent #coursereferences p,
#textcontent #coursereferences div.listingresourceindent
 {
												font-weight:400 ;
												margin-top:0em;
												margin-left:2em;
												font-size:1rem;
												line-height:1.3rem;
												}


#textcontent #coursereferences ul.plain li		{
												margin-bottom:1.6em;
												}











/* judith defunct html hacks */

.bluebold 				{
						color:#333399 ;
						font-weight: bold ;
						}	

td		{
		padding:3px; 
		}
		
.leftnavbackground		{
						background-color:#c0d8d7 ;
						}



@media (max-width: 1150px)
{

	#slidecontrols	{ min-width:auto; } 

}