body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: #FFFFFF 0px solid;
	}

html { overflow-y: scroll; }

details {
  border: 2px solid #f7f7f7;
	padding: 3px;
	border-color: #F30505;
  border-radius: 5px;
 color: #151557; 
	margin: 1px;
}
.floatleft {float: left}
.floatright {float: right}
#floatright {float: right}
#floatleft {float: left}
#arrowfright {float: right}
#arrowfleft {float: left}
a#arrowfright {
      text-decoration: none;
    font-size: 30px 
    }
a#arrowfleft {
      text-decoration: none; 
     font-size: 30px 
    }
.bullet {list-style-type: circle}
.nowrap{
	white-space: nowrap;
	
}
.nowrap2{float: none; display: inline-block;
	white-space: nowrap;
	
}
.textLeft		{text-align: left;}
/* ^^^ SEE CLASS "outer-background" BELOW */

.nomargin {
		list-style: none; color: #32337E;  
		
	}	
.nomargin2 {
		color: #32337E; 
		
	}
.nomargin2 ul, ol{
		margin-left: 1em; padding-left: 0; 
		
	}

ul.nobullet {
	  list-style-type: none;
  margin: 0;
  padding: 0;
	
}
ul.nobullet2 {
	  list-style-type: none;
  margin: 0;
  padding: 0;
	color: #141C52; font: 16px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; padding-top: 2px; line-height: 100%;
	
}

/* DEFAULTS - MARGINS SPACING */

div		{ margin: 0; padding: 0; border: 0; }

table, tr, td	{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    border: medium;
}
.graphtables table {width: 100%; border: 1px solid black; border-collapse: collapse; border-spacing: 5px; margin: 2px; padding:2px; bordercolor:#000000;  }
.graphtables th {border: 1px solid black; border-collapse: collapse; border-spacing: 5px; margin: 2px; padding:2px; bordercolor:#000000;  }
.graphtables td {border: 1px solid black; border-collapse: collapse; border-spacing: 5px; margin: 10px; padding:2px; bordercolor:#000000;  }
.graphtables2 table {width: 100%; border: 1px solid black; border-collapse: collapse; border-spacing: 5px; margin: 2px; padding:10px; bordercolor:#000000;  }
.graphtables2 th {border: 1px solid black; border-collapse: collapse; border-spacing: 5px; margin: 2px; padding:10px; bordercolor:#000000;  }
.graphtables2 td {border: 1px solid black; border-collapse: collapse; border-spacing: 5px; margin: 10px; padding:10px; bordercolor:#000000;  }
.redtext {color: #F30505}
.darkredtext {color: #AD0104}
.bluetext {color: #172BDA}
.darkbluetext {color: #2C3465}
.greentext {color: green}
.violettext {color: #A727A7}
.orangetext  {color: #AF7D00}


.affixes { border-collapse: collapse; border-spacing: 5; margin: 0; padding: 5; border: 2;}


.shaded { opacity: 0.8;}



.invisible { opacity: 0.0; }
.invisible2  {opacity: 0.0; height: 0px; font-size: 0px} 

/* DEFAULTS - ALIGNMENT */

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-top		{
    vertical-align: top;
}

.td-middle	{ vertical-align: middle; }

.td-bottom	{ vertical-align: bottom; }

.center-align	{ text-align: center; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }

.centernarrow-div	{ margin-left: 25px; margin-right: 25px; }

.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
/* DEFAULTS - MISC */

.fullwidth	{ width: 100%; }
.ninetywidth	{ width: 90%; }

.halfwidth	{ width: 50%; }

.nobreak	{ white-space: nowrap; }

.just 		{ text-align: justify; }

.just h1, h2, h3, h4, h5 { text-align: left }

img 		{ border: 0; }

.rimage		{ max-width: 100%; height: auto; }

.blockimage	{ display: block; }

.formmargin	{ margin: 0px; }

.listspacing { 
    margin: 10px 0;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* NON-MENU LINK COLORS */

a:link { color: #151557; text-decoration:underline; }  
a:visited { color: #AD0104; text-decoration:underline; }
a:hover, a:focus 	{ color: #116363; text-decoration: none; }
a:active 	{ color: #9D0E0E; text-decoration: none; }


.subtitle 	{ color: #000000; font: 19px "PT Sans", arial, sans-serif; font-weight: bold; line-height: normal; }

.underlineLinks a:link a:visited a:active a:hover  {color: #000000; text-decoration-style: underline; }
/* Links Table */

.linkstable td, .linkstable th {
  border: px solid #ddd;
  padding: 8px;
}



.redLink  a:link{

 color: #F30505; 
}
 .tooltip a:active{
color:#F30505;
}
/*
.wsAccordion a:link, a:visited, a:active{
 color: #151557;  text-decoration-style: dotted; 

} */
 /*
.panel-heading a:link, a:visited, a:active{
   color: #571421;  text-decoration-style: dotted;
}*/
#accordion .panel-title a { color: #151557;  text-decoration-style: dotted; }
#accordion .panel-heading{
 background: #FFFFFF
}
iframe {
    display: block;
    border-style:none;
}

.resp-container3 {
    position: relative;
    overflow: visible;
 /*   padding-top: 310%; */
	 height: 1000px;
	
}
.passive-container {
    position: relative;
    overflow: visible;
width: 100%;
	padding-top: 100%;
	
}
.resp-iframe3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  /* height: 1090px ; */
	 height: 1000px;
    border: 0;
}
.resp-container {
    position: relative;
    overflow: visible;
 /*   padding-top: 310%; */
	 height: 1000px;
	
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  /* height: 1090px ; */
	 height: 1000px;
    border: 0;
}
.resp-container5 {
    position: relative;
    overflow: visible;
 /*   padding-top: 310%; */
	 height: 1200px;
	
}
.resp-container6 {
    position: relative;
    overflow: hidden;
  padding-top: 50%; 
	 height: 1000px;
	
}
.resp-iframe5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  /* height: 1090px ; */
	 height: 1200px;
    border: 0;
}

.resp-iframe6 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  /* height: 1090px ; */
	 height: 1000px;
    border: 0;
}
.resp-iframe7 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  /* height: 1090px ; */
	 height: 1020px;
    border: 0;
}

.containerYT {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframeYT {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* Tooltip container */
.tooltip {
  position: relative;
  /* display: inline-block; taken out to avoid problems with long tooltip lines*/
		cursor: help;
 border-bottom: 1px dotted #F30505;
    
}

/* Tooltip text */



.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
	

  background-color: #ffffff;
  color: #000000;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
		border-style: solid;
	border-width: thin;
	border-color: #F30505;
font-size: 18px;

  /* Position the tooltip text */
  position: absolute;
   z-index: 2;
  bottom: 180%;
	
  left: 50%;
  margin-left: -100px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip.left::after {
  left: 10px;
  margin: 0;
}

.tooltip.right::after {
  right: 10px;
  left: auto;
  margin: 0;
}



/* Tooltip arrow */

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -34px;
  border-width: 20px;
  border-style: solid;
  border-color: #F30505 transparent transparent transparent;
	
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	
  visibility: visible;
  opacity:1;
	
}
/* tooltipLong for multiline text to be highlighted */
.tooltipLong {
  position: relative;
  /* display: inline-block; taken out to avoid problems with long tooltip lines*/
	/*  opacity: 0.5;*/
 border-bottom: 1px dotted #F30505;
}

/* Tooltip text */
.tooltipLong .tooltiptextLong {
  visibility: hidden;
  width: 200px;
  background-color: #ffffff;
  color: #000000;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
		border-style: solid;
	border-width: thin;
	border-color: #F30505;


  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 120%;
	
  left: 50%;
  margin-left: -100px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}



/* Tooltip arrow */
.tooltipLong .tooltiptextLong::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;

  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #F30505 transparent transparent transparent;
	
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipLong:hover .tooltiptextLong {
	cursor: help;
  visibility: visible;
  opacity: 1;
	
}

.noun
{
	
	color:#2F6BC4;
}
.adj
{
	
	color:#BE1F20;
}
.adv
{
	
	color:#B2700D;
}


/* The Modal (background) */
.myBtn{
	  background-color: #ffffff;
	border-radius: 6px;
	border-style: solid;
	border-width:thin;
  border-color: #F30505;
}
.modal {
  display: none; /* Hidden by default */
	margin-left: auto;
	margin-right: auto;
  position: inherit; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 0; /* Location of the box */
  left: 100;
  top: 100;
  width: 50%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.0); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 6px;
    border-style: solid;
    border-width: thin;
    border-color: #F30505;
 /* width: 100%;*/
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-100px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-100px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: #F30505;
  float: right;
  font-size: 14px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */

body, div, table {
		color: #000000;
	/*	font-family: "PT Sans", arial, helvetica, sans-serif; */
	/*font-family: system-ui -apple-system, BlinkMacSystemFont, “Segoe UI”, “Roboto”, “Oxygen”, “Ubuntu”, “Cantarell”, “Fira Sans”, “Droid Sans”, “Helvetica Neue”,  arial, sans-serif;*/
		font-family: Helvetica Neue,  arial, helvetica, sans-serif; 
		font-size: 20px;
		font-weight: normal;
		line-height: 160%;
		}

/*.title 		{ color: #000000; font: 29px "Open Sans", arial, sans-serif; font-weight: normal; letter-spacing: -1px; line-height: normal; }*/
.title 		{ color: #000000; font: 29px -apple-system, arial, sans-serif; font-weight: normal; letter-spacing: -1px; line-height: normal; }
.sottotitolo		{ color: #000000; font: 18 -apple-system, arial, sans-serif; font-weight: normal; letter-spacing: -1px; line-height: normal; }

.smalltext	{ color: #141C52; font: 13px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: normal; }
.smalltext2	{ color: #141C52; font: 14px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; padding-top: 2px; line-height: 160%; }
.smalltext3	{ color: #141C52; font: 14px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; padding-top: 2px; line-height: 100%; }
.smalltext4	{ color: #141C52; font: 20px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; padding-top: 2px; line-height: 100%; }
.largetextnohover	{ color: #141C52; font: 24px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: 140%; transition: color 0.5s; }
.largetextnohoverL	{ color: #878FCC; font: 24px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: normal; transition: color 0.5s; }
.largetextnohoverG	{ color: #23A34D; font: 24px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: normal; transition: color 0.5s; }
.largetextnohoverGI	{ color: #23A34D; font: 24px -apple-system, arial, sans-serif; font-style: italic; font-weight: normal; padding-bottom: 5px; line-height: normal; transition: color 0.5s; }
.largetextnohoverpunc	{ color: #141C52; font: 24px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: 140%;  transition: color 0.5s; }
.puncnohover	{ color: #141C52; font: 16px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: normal; transition: color 0.5s; }
.largetext	{ color: #141C52; font: 24px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: 140%; transition: color 0.5s; }
.largetextG	{ color: #23A34D; font: 24px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: normal; transition: color 0.5s; }
.largetext:hover {  color:#F30505; }

.largetextItalic	{ color: #141C52; font: 24px -apple-system, arial, sans-serif; font-style: italic; font-weight: normal; padding-bottom: 5px; line-height: normal; transition: color 0.5s;}
.largetextItalicG	{ color: #23A34D; font: 24px -apple-system, arial, sans-serif; font-style: italic; font-weight: normal; padding-bottom: 5px; line-height: normal; transition: color 0.5s;}
.largetextsuper	{ color: #F30505; font: 30px -apple-system, arial, sans-serif; font-style: normal; font-weight: bold; padding-bottom: 5px; line-height: normal; transition: color 0.5s;}
.largetextsuper:hover {  color:#141C52; }
u.red {color:  #F30505;}

.largetextItalic:hover {  color:#F30505; }
.medtextItalic	{ color: #AD0104; }
.medtextItalic:hover	{ color: #AD0104; font: 18px -apple-system, arial, sans-serif; font-style: italic; font-weight: normal; padding-bottom: 5px; line-height: normal; transition: color 0.1s; }
/*	.medtextItalic:hover {  color:#F30505; } */
.context {
		color: #000000;
	
	font-family: system-ui -apple-system, BlinkMacSystemFont, “Segoe UI”, “Roboto”, “Oxygen”, “Ubuntu”, “Cantarell”, “Fira Sans”, “Droid Sans”, “Helvetica Neue”,  arial, sans-serif;

		font-size: 17px;
		font-weight: normal;
		line-height: 150%;
	font-style: italic;
	 transition: color 1s;
		}
.context:hover {  color:#F30505; }
.ToolTipText	{ color: #141C52; font: 18px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: normal; }
.ToolTipTextpunc	{ color: #141C52; font: 16px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: 160%; }
.testimonial	{ color: #990000; font-size: 13px; font-weight: bold; }
ul.b {list-style-type: square; }
ol.b {font: 18px -apple-system, arial, sans-serif; font-weight: normal; }
.hilite		{ color: #FF0000; }
.red { color: #980A0A; }

.green { color: #398233; }
.list-line-height { line-height: 15px; }

/* different iframes with different content for different sizes for irregular verbs*/

.containerA {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* padding-top: 75%; */
  /* 4: 3 Aspect Ratio; */
}
.containerB {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* padding-top: 75%; */
  /* 4: 3 Aspect Ratio; */
}
.responsive-iframeA
 {
  /* position: absolute; */
  top: 0;
  left: 0;
  /* bottom: 0; */
  right: 0;
  width: 100%;
  height: 800;
  border: none;
}
.responsive-iframeB
 {
  /* position: absolute; */
  top: 0;
  left: 0;
  /* bottom: 0; */
  right: 0;
  width: 100%;
  height: 1700;
  border: none;
}
.awlContainerB
 {
  /* position: absolute; */
  top: 0;
  left: 0;
  /* bottom: 0; */
  right: 0;
  width: 100%;
  height: 1700;
  border: none;
}
.responsive-iframeA2 {
 
}


@media only screen and (max-width: 1025px) {
  
  .responsive-iframeA {
	    display: none;  
    
  }

  .responsive-iframeA2 {
  /* position: absolute; */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 800;
    border: none;
  }
	
}
@media only screen and (min-width: 1025px) {
  .spacer	{ display: none; }	
  .responsive-iframeA {
	    top: 0;
  left: 0;
  /* bottom: 0; */
  right: 0;
  width: 100%;
  height: 800;
  border: none; 
    
  }
  
  .responsive-iframeA2 {
   display: none;  
  }

}

@media only screen and (max-width: 630px) {
	.dad_vid {
  display: block;
  margin-left: auto;
  margin-right: auto;
width: 300px;
  height: auto;


}

 .responsive-iframeB {
	    display: none;  
    
  }	
 .awlContainerB {
	    display: none;  
    
  }	

	.responsive-iframeB2 {
  /* position: absolute; */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1700;
    border: none;
  }
	.awlContainerB2 {
  /* position: absolute; */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1700;
    border: none;
  }
 
    
}

@media only screen and (min-width: 800px) {
	.resp-container8 {

    position: relative;
    overflow: visible;


	
}	
.resp-container9 {
display: none;
    position: relative;
    overflow: visible;


	
}	
}
@media only screen and (max-width: 800px) {
	  	.resp-container9 {
    position: relative;
    overflow: visible;


	
}	
.resp-container8 {
display: none;
    position: relative;
    overflow: visible;

	
	
}
}


@media only screen and (min-width: 630px) {
	.dad_vid {
  display: block;
  margin-left: auto;
  margin-right: auto;
width: 500px;
  height: auto;
	

}
	
	
  .spacer	{ display: none; }	

  .responsive-iframeB {
	    top: 0;
  left: 0;
  /* bottom: 0; */
  right: 0;
  width: 100%;
  height: 1700;
  border: none; 
    
  }
  .awlContainerB {
	    top: 0;
  left: 0;
  /* bottom: 0; */
  right: 0;
  width: 100%;
  height: 1700;
  border: none; 
    
  }

.responsive-iframeB2 {
   display: none;  
  }	
	
.awlContainerB2 {
   display: none;  
  }	
	
	
	
}

.vid_container {
	width: 100px;
align-content: center;
	
}



/* different margins and tooltip dimensions content  for irregular verbs and phrasal verbs*/
@media only screen and (max-width: 641px) {
		.hypecontainer {
		width: 640px;
		
	}
	

	
	
	.grid-container {
  display: grid;
border: #000000;
border-bottom-width: thin;	

	
  grid-template-columns: 110px auto;
 
  gap: 1px;
  background-color: #FFFEFE;
  padding: 1px;
	color: #141C52;
  
}

.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center; text-align: justify;
  padding: 1px 0;
  font-size: 18px;
	color: #141C52;
}



	
}

/* different margins and tooltip dimensions content  for irregular verbs and phrasal verbs*/
@media only screen and (max-width: 414px) {
	.verbtable td{
    word-wrap: break-word;       
    overflow-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;    
		padding: 2px 1px;
	 color: #141C52; font: 18px -apple-system, arial, sans-serif,  bold; font-weight: normal; line-height: normal;  max-height: 39px; transition: color 0.5s;
		
}
		.verbtable th{
    word-wrap: break-word;       
    overflow-wrap: break-word;
	 color: #141C52; font: 20px -apple-system, arial, sans-serif; font-weight: normal; text-decoration: underline; padding-bottom: 0px; line-height: normal; max-height: 39px; transition: color 0.5s; 
}
			
	.glossarytable td{
    word-wrap: break-word;       
    overflow-wrap: break-word;
	 color: #141C52; font: 12px -apple-system, arial, sans-serif,  bold; font-weight: normal; padding-bottom: 0px; line-height: normal;  transition: color 0.5s;
}
		.glossarytable th{
    word-wrap: break-word;       
    overflow-wrap: break-word;
	 color: #141C52; font: 14px -apple-system, arial, sans-serif; font-weight: normal; text-decoration: underline; padding-bottom: 0px; line-height: normal;  transition: color 0.5s; 
}	

	.irregularVerbMargins {
		 margin-left: 0px; margin-right: 0px; 

	}
		.pvHeadtable td{
    word-wrap: break-word;       
    overflow-wrap: break-word;
	 color: #F31369; font: 24px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: normal;  transition: color 0.5s;
}
	.pvtable td{	
    word-wrap: break-word;   border-spacing: 3px 3px;   
    overflow-wrap: break-word; vertical-align: top; text-align: justify;
	 color: #141C52; font: 13px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: normal;  transition: color 0.5s;
}
	.pvtable th{
    word-wrap: break-word;       
    overflow-wrap: break-word;
	 color: #141C52; font: 18px -apple-system, arial, sans-serif; font-weight: normal; text-decoration: underline; padding-bottom: 5px; line-height: normal;  transition: color 0.5s;
}
	
	.pvtable table{
   border-collapse: separate; padding: 5px;
}
.grid-container {
  display: grid;
border: #000000;
border-bottom-width: thin;	

	
  grid-template-columns: 90px auto;
 
  gap: 1px;
  background-color: #FFFEFE;
  padding: 1px;
	color: #141C52;
  
}

.grid-container > div {
  background-color: #FFFFFF;
  text-align: center; text-align: justify;
  padding: 1px 0;
  font-size: 18px;
	color: #141C52;
}	



	.phrasals td{
		
		border: 2px solid black; padding: 5px; border-spacing: 1px 1px 1px 1px; align-content: center;
	}	
		.phrasalDiv {
		font-size: 30px; color: red; align: center; align-content: center; justify-content: center;
		
	}
		
div.hidecolumns {
	
    display: none;
  }
	table{
    border-collapse: collapse;
}
	

	
}


@media only screen and (min-width: 414px) {

	.verbtable th{
    word-wrap: break-word;       
    overflow-wrap: break-word;
	 color: #141C52; font: 24px -apple-system, arial, sans-serif; font-weight: normal; text-decoration: underline; padding-bottom: 0px; line-height: normal; max-height: 39px; transition: color 0.5s;
}

		.glossarytable td{
    word-wrap: break-word;       
    overflow-wrap: break-word;
	 color: #141C52; font: 14px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: normal;  transition: color 0.5s;
}
	.glossarytable th{
    word-wrap: break-word;       
    overflow-wrap: break-word;
	 color: #141C52; font: 16px -apple-system, arial, sans-serif; font-weight: normal; text-decoration: underline; padding-bottom: 5px; line-height: normal;  transition: color 0.5s;
}
	.pvHeadtable td{
    word-wrap: break-word;       
    overflow-wrap: break-word;
	 color: #F31369; font: 36px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: normal;  transition: color 0.5s;
}
	.pvtable td{	
    word-wrap: break-word;   border-spacing: 3px 3px;   
    overflow-wrap: break-word; vertical-align: top; text-align: justify;
	 color: #141C52; font: 24px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: normal;  transition: color 0.5s;
}
	.pvtable th{
    word-wrap: break-word;       
    overflow-wrap: break-word;
	 color: #141C52; font: 24px -apple-system, arial, sans-serif; font-weight: normal; text-decoration: underline; padding-bottom: 5px; line-height: normal;  transition: color 0.5s;
}
	
	.pvtable table{
   border-collapse: separate; padding: 5px;
}
	.irregularVerbMargins {
		 margin-left: 0px; margin-right: 0px; 

	}

	
.grid-container {
  display: grid;
border: #000000;
border-bottom-width: thin;	

	
  grid-template-columns: 110px auto;
 
  gap: 1px;
  background-color: #FFFEFE;
  padding: 1px;
	color: #141C52;
  
}

.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center; text-align: justify;
  padding: 1px 0;
  font-size: 24px;
	color: #141C52;
}	


	
	.phrasals td{
		
		border: 2px solid black; padding: 5px; border-spacing: 1px 1px 1px 1px; align-content: center;
	}	
	
	.phrasalDiv {
		font-size: 36px; color: red; align: center; align-content: center; justify-content: center;
		
	}
	
	
}
@media handheld and (min-width : 550px ) , screen and ( min-device-width : 550px ) , screen and (min-width : 550px )  {
   .sortable{
display: none;    
} 
}
@media handheld and (max-width : 550px ) , screen and ( max-device-width : 550px ) , screen and (max-width : 550px )  {
  .gone{
display: none;    
}   
 .sortable{
display: block;    
}       

  .irregularVerbtext	{ color: #141C52; font: 18px -apple-system, arial, sans-serif; font-weight: normal; padding-bottom: 0px; line-height: normal; transition: color 0.5s; }  
}
/* END different iframes with different content for different sizes */









/* REMOVES MARGINS ON HEADING TAGS (FOR SEO) */

h1, h2, h3, h4	{ margin: 0px 0px 1px 0px; }

.heading1 {text-align: center; font-size: 20px; font-weight: bold}



/* SERVICES LIST */

.list		{
		color: #32337E;
		line-height: 24
			px;
		text-align: left;
		margin-top: 0px;
		margin-bottom: 0px;
	list-style: none
		}



.creditlist		{
		color: #000000;
		line-height: normal;
		text-align: left;
		margin-top: 0px;
		margin-bottom: 0px;
	list-style: none
		}

.floatlist	{ float: left; width: 100%; min-width: 200px; list-style: none}

.list li	{ text-indent: -10px; list-style: none }
.list2 li, ul, ol	{list-style: none; color: #32337E; margin-left: 10px; margin-right: 10px;  padding-left: 10 }



/*#hidelink a:link, a:active, a:visited  { color: #FFFFFF; text-decoration: none; }*/


	/* PAGE & CONTENT HEIGHTS AND WIDTHS & PADDING */

/* NOTE: IF YOU CHANGE THE PAGE WIDTHS EDIT & TEST THE MEDIA QUERIES IN THE media-queries.css */

.pageheight	{ min-height: 750px; }
.pageheightlong	{ min-height: 1800px; }
.pageheightlonger	{ min-height: 2500px; }
.pageheightshort	{ min-height: 300px; }
.pagewrapper	{
		width: 100%;
		min-width: 315px;
		text-align: center;
		margin: 0 auto;
      
		}

.pagebox	{
		padding: 0px 15px 0px 15px;
		margin: 0 auto;
		}

#contentbox	{
		max-width: 1100px;
		margin: 0 auto;
		padding: 30px 0px 10px 0px;
 
		}
#contentbox2	{
		max-width: 1450px;
		margin: 0 auto;
		padding: 30px 0px 10px 0px;
 
		}
.content-pad 	{ padding: 0px 0px 10px 0px; }

#left-content 	{
		float: left;
		width: 100%;
		max-width: 1200px;
		padding: 0px;
		}

/* HOME PAGE WIDTHS */

#contentbox-home  {
		  max-width: 1200px;
		  margin: 0 auto;
		  padding: 20px 0px 15px 0px;
		  }




/* TEXT AND GRAPHIC HEADER CODE */

#headerdiv	{
		padding: 10px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
		border: #000000 0px solid;
		}

.headercolor	{ background-color: #FFFFFF; }  /* OPTIONALLY EDIT .pagebox PADDING ABOVE */



/* START TEXT HEADER CODE */

.textlogo	{
		text-align: center;
		font: normal 30px "Open Sans", arial, sans-serif;
		padding: 15px 10px 15px 10px;
		display: block;
		}

a.textlogo:link, a.textlogo:visited, a.textlogo:active	{ color: #000000; text-decoration: none; }

a.textlogo:hover { color: #000000; text-decoration: none; }




/* HEADER ICON */

.header-ico1	{
		width: 36px;
		height: 36px;
		background-color: #FFFFFF;
		text-align: center;
		position: absolute;
		right: 10px;
		top: 10px;
		border: #FFFFFF 1px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		}

.ico1-img	{ width: 36px; height: 36px; display: block; margin: 0 auto; }

.icohov:hover	{ background-color: #FFFFFF; border: #009900 1px solid; }




/* INNER AND OUTER BACKGROUNDS */

.outer-background	{
			background-color: #FFFFFF;
			background-image: none;
			background-repeat: repeat;
			background-attachment: fixed;
			}

.inner-background	{
			background-color: transparent;
			border: #000000 0px solid;
			}




/* IMAGE BORDERS, FLOATS AND IMAGE SPACING */

.img-borders	{ border: #000000 1px solid; }

.img-float	{ float: left; margin: 3px 8px 1px 0px; }

.float-item	{ float: left; margin-right: 12px; margin-bottom: 6px; }

.float-item2	{ float: left; margin-right: 12px; margin-bottom: 0px; }

.text-nowrap	{ overflow: hidden; min-width: 265px; }

.divclear 	{ height: 1px; clear: both; font-size: 1px; line-height: 1px; padding: 0px; margin: 0px; }
.floatleft {float: left}
.floatright {float: right}
#floatright {float: right}
#floatleft {float: left}
#arrowfright {float: right}
#arrowfleft {float: left}
a#arrowfright {
      text-decoration: none;
    font-size: 30px 
    }
a#arrowfleft {
      text-decoration: none; 
     font-size: 30px 
    }
/* PAGE LINES & BORDERS */

.page-splits 	{
		line-height: 1px;
		font-size: 1px;
		height: 2px;
		background-color: transparent;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0px;
		border-top: #CECECE 1px solid;
		}

.splits-xtramargin { margin-top: 30px; margin-bottom: 30px; }

/* LARGE PAGE SPLITS */

.large-splits 	{
		width: 99%;
		line-height: 1px;
		font-size: 1px;
		height: 25px;
		background-color: #F1EEED;
		margin: 0 auto;
		padding: 0px;
		border: #CECECE 1px solid;
		}







/* FOOTER */

.footer-splits 	{
		color: #FFFFFF;
		height: 10px;
		line-height: normal;
		/* background-color: #310101; */
		background-color: #B00202;
		margin: 0px auto 0px auto;
		padding: 0px;
		border: solid #771F1E;
		border-width: 0px 0px 1px 0px;
		}

#FooterFRM	{ visibility: visible; }

.footer-frame	{
		display: block;
		width: 100%;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
		}

.footer-height	{ height: 150px; }

.footer-page	{
		background-color: #491915;
	/*	background-image: url("picts/background-footer.jpg"); */
		background-image: url("picts/background-footer4.png");
		background-repeat: repeat;
		margin: 0px;
		padding: 0px;

		}



.footer-page, .footer-page div, .footer-page table { color: #FFFFFF; }

.footer-pad	{ padding: 10px 10px 10px 10px; }

.footer-border	{
		border: solid #B00202;
		border-width: 5px 0px 0px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

div.footer-title {
		color: #FFFFFF;
		font: 18px "Open Sans", arial, sans-serif;
		font-weight: normal;
		padding-bottom: 5px;
		margin-bottom: 3px;
		border-bottom: #E37400 1px solid;
		}

table.footer-links td 	{
			padding: 5px 30px 5px 30px;
			border-right: #7A473A 1px solid;
			}


.footer-image		{
			margin: 40px 0px 3px 10px;
			border: #7A473A 1px solid;
			}

.footer-image-table	{ margin-left: 20px; }

.footer-links	{ font-size: 16px; line-height: 32px; }

.footer-social	{ width: 180px; padding-left: 10px; }

.footerlinks-1	{ width: 33%; }

.footerlinks-2	{ width: 33%; }

.footerlinks-3	{ width: 33%; }
.footerlinks-4	{ width: 60%; }
.footerlinks-5	{ width: 10%; }
.html5-icon	{ margin-top: 20px; margin-bottom: 8px; }
.footer-page2	{
		background-color: #491915;
		background-image: url("picts/background-footer4.png");
		background-repeat: repeat;
		margin: 0px;
		padding: 0px;
		}


.footer-copyright {
		  color: #FFFFFF;
		  font: 12px "Open Sans", arial, sans-serif;
		  font-weight: normal;
		  line-height: normal;
		  padding: 12px 3px 12px 3px;
		  margin: 0px 0px 0px 0px;
		  background-color: #B00202;
	  background-color: #000000;
	border: solid #F30505;
		  border-width: 1px 0px 0px 0px;

		  }


/* FOOTER LINK COLORS */

body.footer-page a:link, 
body.footer-page a:visited, 
body.footer-page a:active 	{ color: #FFFFFF; text-decoration: none; white-space: nowrap; }
/*body.footer-page a:active 	{ color: #DFC8AD; text-decoration: none; white-space: nowrap; }*/
body.footer-page a:hover 	{ color: #FFFFFF; text-decoration: underline; white-space: nowrap; }
/*footer.newfooterLinks a:link, a:visited, a:active { color: #FFFFFF; text-decoration: none; white-space: nowrap; }
footer.newfooterLinks a:hover { color: #FFFFFF; text-decoration: underline; white-space: nowrap; }*/
div.footer-page a:link, 
div.footer-page a:visited, 
div.footer-page a:active 	{ color: #FFFFFF; text-decoration: none; white-space: nowrap; }
/* COPYRIGHT LINK COLORS */

div.footer-copyright a:link, 
div.footer-copyright a:visited, 
div.footer-copyright a:active 	{ color: #FFFFFF; text-decoration: none; }
div.footer-page a:hover 	{ color: #FFFFFF; text-decoration: underline; white-space: nowrap; }
div.footer-copyright a:hover 	{ color: #FFFFFF; text-decoration: underline; }




/* SOCIAL ICONS (SEE ALSO .footer-social ABOVE) */

.socialspace	   { padding-left: 1px; padding-right: 2px; }

.socialRspace	   { width: 0px; }

.socialicon	   { border: #7A473A 0px solid; display: inline-block; background-color: transparent; }

.socialicon:hover  { border: #FFFFFF 0px solid; background-color: #B00202; }





/* JQUERY SLIDESHOW SETS (SEE ALSO HOME JQUERY ABOVE & responsive-slides.css IN FOLDER JQuery) */

.HoverBorder	{
		border: #000000 2px solid;
		vertical-align: bottom;
		
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
    	box-sizing: border-box;
		}

a:hover .HoverBorder 	{ border: #759F56 2px solid; }

.slide-setwidth		{ max-width: 700px; border: #000000 0px solid; margin-top: 10px; }







/* LINKS PAGE CODE */

table.searcharea td	{ padding: 0px 3px 0px 0px; }

.searcharea		{ margin: 18px 0px 18px 0px; }

.searchform 	{
		color: #000000;
		font: 12px arial, sans-serif;
		text-align: left;
		background-color: #FFFFFF;
		background-image: url("picts/shadeform.png");
		width: 110px;
		border: #999999 1px solid;
		}

.searchbutton 	{
		color: #000000;
	       	font: normal 12px arial, sans-serif;
		text-align: center;
		background-color:#F0F0F0;
		-webkit-appearance: none;
		height: 21px;
		margin-top: 0px;
		cursor: pointer;
		border: #949EB4 1px solid;
  	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		}




/* SITE MAP */

.searchmargin		{ margin: 0px 0px 0px 0px; }

.sitesearchform		{ width: 160px; margin: 0px 3px 0px 0px; }

.sitesearchbutton	{ width: auto; }





/* FAQ PAGE */

.faq-box	{
		display: none;
		margin: 0px 0px 0px 0px;
		padding: 10px 20px 10px 20px;
		border: #999999 0px solid;
		}
.faq-box2	{
		display: none;
		margin: 0px 0px 0px 0px;
		padding: 3px;
	
		}
.faqicon	{ margin-top: 4px;}




/* PDF PAGE */

.pdf-icon	{ margin: 2px 0px 0px 15px; }





/* HIDE MENU AND ITEMS FOR PRINTING */

@media print {
.printhide 	{ display:none; }
.pageheight 	{ min-height: 50px; }
}
@media screen{
.printonly 	{ display:none; }
}




/* RIGHT SCROLL TO TOP ARROW */

.scrollToTop	{
	width: 36px;
	height: 36px;
	padding: 0px;
	text-align:center;
	text-decoration: none;
	position:fixed;
	bottom: 60px;
	right: 10px;
	display:none;
	background: #000000 url('picts/arrow-up-white.png') no-repeat 0px 0px;
	}

.scrollToTop:hover{
	text-decoration:none;
	background: #83372E url('picts/arrow-up-white.png') no-repeat 0px 0px;
	}

/* TooltipTOP container */ 
.tooltipT {
  position: relative;
  /* display: inline-block; taken out to avoid problems with long tooltip lines*/
		cursor: help;
 border-bottom: 1px dotted #F30505;
      
}

/* Tooltip text */



.tooltipT .tooltiptextT {
  visibility: visible;
  width: 120px;
	
 top: 100%;
  background-color: #ffffff;
  color: #000000;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
		border-style: solid;
	border-width: thin;
	border-color: #F30505;
font-size: 18px;

  /* Position the tooltip text */
  position: absolute;
   z-index: 2000;
 
	
  left: 50%;
  margin-left: -50px;
    
right: 50%;
    margin-right: -50px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltipT.left::after {
  left: 10px;
  margin: 0;
}

.tooltipT.right::after {
  right: 10px;
  left: auto;
  margin: 0;
}



/* Tooltip arrow */

.tooltipT .tooltiptextT::after {
  content: "";
  position: absolute;
  bottom: 100%;
    text-align: center;
    display: flex;
  left: 50%;
  margin-left: -34px;
  border-width: 20px;
    margin-top: 15px;
/*  border-style: solid;
  border-color:  transparent transparent #F30505 transparent; */
	
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipT:hover .tooltiptextT {
	
  visibility:visible;
  opacity:1;
	
}
/* TooltipTOP container */