:root {
  --link-current-color: #DD0000;
  --link-normal-color: #0a2a9a;
  --link-disabled-color: #555555;
  --link-selected-color: #E74C3C;
  --link-font-family: 'Arial', sans-serif;
  --enabled-color: #000000;
  --disabled-color: #dddddd;
  --button-font-family: 'Arial', sans-serif;
  --screen-width: 800px;
  --header-height: 120px;
  --body-height: 600px;
  --body-border-width: 3px;
  --footer-height: 20px;
  --alternating-row-color: #dddddd;
  --alternating-row-color2: #f4f4f4;
  --universal-font-color: #333333;
  --error-color: #ee3333;
  --tooltip-background-color: #777777;
}



/*------------------------------------------------------------------------------*/
/*		        					SCROLLBAR						    		*/
/*------------------------------------------------------------------------------*/
/*
::-webkit-scrollbar {
                        width: 8px;
                    }
::-webkit-scrollbar-track {
                            background: none;
                        }
::-webkit-scrollbar-thumb {
                                background: red;
                                border-radius: 4px;
                            }
::-webkit-scrollbar-thumb:hover {
                                background: #b30000; 
                            }
*/


/*------------------------------------------------------------------------------*/
/*		        					PAGE LAYOUT						    		*/
/*------------------------------------------------------------------------------*/

body {
					  position: relative;
					  max-height: calc( 100vh - 20px );
                      min-width: calc( 100vw - 20px );
}


#menu_column {
                display: inline-block;
                width: 250px;
                vertical-align: top;
            }

#left_page_column {
                        display: inline-block;
                        vertical-align: top;
                        height: calc( 100vh - 400 );
                        padding-top: 50px;  /*  space body content down from page transition-delay: */
/*                        border: 1px orange solid;
*/                    }
#page_column_separator {
                            display: inline-block;
                            vertical-align: top;
                            height: calc( 100vh - 150px );
                            width: 0px;
                            border-left: 2px #777 solid;
                            margin-top: 50px;
                        }

#right_page_column {
                        display: inline-block;
                        vertical-align: top;
                        height: calc( 100vh - 400 );
/*                        border: 1px red solid;
*/                    }

#page_content {
                        display: inline-block;
                        vertical-align: top;
                        height: calc( 100vh - 200px );
/*                        border: 1px yellow solid;
*/                    }

#page_title {
                display: block;
                width: 100%;
                top: 40px;
                position: absolute;
                text-align: center;
                vertical-align: middle;
                font-family: 'Verdana', 'Trebuchet MS', sans-serif;
                font-weight: normal;
                font-style: oblique;
                font-size: 1.5em;
                color: #222222;
                letter-spacing: 2px;
                text-decoration: none;
                padding-top: 10px;
                margin-left: auto;
                margin-right: auto;
            }
#page_subtitle {
                height: 60px;
                display: block;
                width: 100%;
                text-align: center;
                vertical-align: middle;
                font-family: 'Verdana', 'Trebuchet MS', sans-serif;
                font-weight: normal;
                font-size: 1.1em;
                color: #222222;
                padding-top: 10px;
                margin-left: auto;
                margin-right: auto;
            }











/*------------------------------------------------------------------------------*/
/*		        					FIELDSET						    		*/
/*------------------------------------------------------------------------------*/

fieldset {
			padding:5px;
			border:1px solid #aaaaaa;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;	
			border-radius: 5px;
		}

legend {
			padding: 3 10px;
  			border: none;
  			color: black;
  			text-align: left;
  			margin-left: 5px;	/*	shifts the label away from the vertical edge of the fieldset	*/
  		}

div.fieldset_list {
						width: 100%;
						min-height: 340px;
                        overflow: scroll;
						margin-left: 0px;
						margin-right: 0px;
						padding: 0 0 20 0px;
						position: relative;
					}














/*--------------------------------------------------------------------------*/
/*							TABLE FORMATTING								*/
/*--------------------------------------------------------------------------*/

table {
        border-spacing: 0px;
/*	    width: 100%;    */
        table-layout:fixed;
    }

td.vertical_border {
 						border-left: 2px black solid;
					}



td.list_index {
				color: var(--universal-font-color);
				font-size: 9px;
				font-family: font-family: 'Arial';
				font-style: italic;			/*		italics			*/
				text-decoration: none;
				text-align: right;
				padding-right: 5px;
				width: 20px;
				vertical-align: super;		/*		superscript		*/
			}
td.list_wrapping {
					color: #000000;
					font-family: 'Arial', sans-serif;
					font-size: 15px;
					font-weight: normal;
					padding-bottom: 2px;
					padding-top: 2px;
					padding-left: 10px;
					vertical-align: middle;
					white-space: normal;
				}




td.padding_left_5px {
					    padding-left: 5px;
			        }




tr.spacer_row-none {
						height: 0px;
					}
tr.spacer_row-micro {
						height: 4px;
					}
tr.spacer_row-mini {
						height: 8px;
					}
tr.spacer_row-small {
						height: 15px;
					}
tr.spacer_row-medium {
						height: 30px;
					}
tr.spacer_row-large {
						height: 45px;
					}
tr.spacer_row-xlarge {
						height: 60px;
					}
tr.hoverable:hover {
						background-color: #e7e7e7;
					}
tr.list:nth-child(even) {
						background-color: #f5f5f5;
                        cursor: default;
					}
tr.list:nth-child(even):hover {
						background-color: #e0e0e0;
					}
tr.list:nth-child(odd) {
						background-color: #ffffff;	/* #e7e7e7	*/
                        cursor: default;
					}
tr.list:nth-child(odd):hover {
						background-color: #e0e0e0;
					}



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



td.row_value-medium {
                            font-family: 'Arial';
                            font-size: 13px;
                            font-weight: normal;
                            color: var(--universal-font-color);
                            vertical-align: middle;
                            word-wrap: break-word;
                            padding-top: 5px;
                            padding-bottom: 5px;
                            padding-left: 5px;
                            padding-right: 0px;
                            white-space: normal;
                        }

td.bgcolor_white {
                    background-color: white;
                }



/*------------------------------------------------------------------------------*/
/*							           LABELS      								*/
/*------------------------------------------------------------------------------*/

label.folder {
				color: #000000;
				font-family: 'Trebuchet MS', sans-serif;
				font-size: 13px;
				font-weight: normal;
				vertical-align: middle;
			}
label.folder_large {
                        color: #000000;
                        font-family: 'Trebuchet MS', sans-serif;
                        font-size: 15px;
                        font-weight: normal;
                        vertical-align: middle;
                    }




/*------------------------------------------------------------------------------*/
/*							           NOTES      								*/
/*------------------------------------------------------------------------------*/

span.note {
				font-family: 'Arial';
				font-size: 11px;
				background-color: none;
				color: black;
				text-decoration: none;
				cursor: default;
			}










/*--------------------------------------------------------------------------*/
/*							FONT STYLES 									*/
/*--------------------------------------------------------------------------*/














/*--------------------------------------------------------------------------*/
/*							INPUT STYLING 									*/
/*--------------------------------------------------------------------------*/

textarea {
            width: 100%;
            font-family: var(--link-font-family);
            font-size: 14px;
            resize: none;
            overflow: auto;
            line-height: 1.5em;		/*			adjusts the spacing between lines		*/
        }






















/*------------------------------------------------------------------------------*/
/*							TABLE FORMATTING - OLD								*/
/*------------------------------------------------------------------------------*/

td.index {
				color: #000000;
				font-family: 'Arial', sans-serif;
				font-size: 13px;
				text-align: center;
				font-weight: normal;
				padding-bottom: 2px;
				padding-top: 2px;
				vertical-align: middle;
			}
td.list {
				color: #000000;
				font-family: 'Arial', sans-serif;
				font-size: 15px;
				font-weight: normal;
				padding-bottom: 2px;
				padding-top: 2px;
				padding-left: 10px;
				vertical-align: middle;
			}


 


td.table_section_heading {
							color: black;
							font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
							font-weight: normal;
							font-size: 15px;
							padding-top: 3px;
							padding-bottom: 3px;
							text-align: center;
							vertical-align: middle;
/*							border: 1px #777777 solid;
*/							letter-spacing: 1px;
							
							
						}









/*--------------------------------------------------------------------------*/
/*								DIV SPACERS									*/
/*--------------------------------------------------------------------------*/

div.spacer_row-medium {
						height: 50px;	
					}
div.spacer_row-small {
						height: 30px;	
					}
div.spacer_row-mini {
						height: 15px;
					}
div.spacer_row-micro {
						height: 8px;
					}







/*--------------------------------------------------------------------------*/
/*								DIV TABLES									*/
/*--------------------------------------------------------------------------*/


div.Table {
	display: table;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: var(--screen-width);
}
.Row {
        display: table-row;
        vertical-align: middle;
    }
.Cell {
        display: table-cell;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        vertical-align: middle;
    }
.Row_Label {
                display: table-cell;
                font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
                font-size: 16px;
                font-style: bold;
                font-weight: normal;
                color: var(--universal-font-color);
                text-decoration: none;
                text-align: left;
                vertical-align: middle;
                word-wrap: no;
                padding-top: 10px;
                padding-bottom: 10px;
                padding-left: 0px;
                padding-right: 0px;
                width: 5%;
                white-space: nowrap;
            }








.Cell_top {
	display: table-cell;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: top;
}

.Row_Result {
	display: table-cell;
	padding-left: 5px;
	padding-right: 5px;
}


/*.Search_Results {
					display: table-cell;
					font-family: 'Arial', sans-serif;
					font-size: 12px;
					font-weight: normal;
					color: #333333;
					text-align: left;
					vertical-align: middle;
					padding-left: 5px;
					padding-top: 3px;
					padding-bottom: 3px;
				}   */
.Row_Title {
				display: table-cell;
				font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
				font-size: 25px;
				font-style: bold;
				font-weight: normal;
				color: var(--universal-font-color);
				text-decoration: none;
				text-align: center;
				vertical-align: middle;
				word-wrap: no;
				padding-top: 20px;
				padding-bottom: 0px;
				padding-left: 0px;
				padding-right: 0px;
				width: 5%;
				white-space: nowrap;
			}






.Results {
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: var(--universal-font-color);
	text-align: left;
	vertical-align: middle;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	
}



div.video_link {
	display: inline-block;
}
div.download_link {
	display: inline-block;
}






input.textfield {
					font-family: 'Arial';
					font-size: 12px;
					color: black;
				}
textarea.textfield {
						font-family: 'Arial';
						font-size: 12px;
						color: black;
					}




/*--------------------------------------------------------------------------*/
/*								ADMIN PAGES									*/
/*--------------------------------------------------------------------------*/
table.edit {
	padding: 5px;
	border-spacing: 0px;

}
legend.edit {
				font-size: 16px;
				font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;	
}
td.column_heading {
					font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
					font-size: 16px;
					font-style: bold;
					font-weight: normal;
					color: var(--universal-font-color);
					text-decoration: none;
					text-align: center;
					vertical-align: middle;
					word-wrap: normal;
					white-space: nowrap;
					text-decoration: underline;
                    padding: 2px 2px 2px 2px;
				}
td.column_heading-small {
					font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
					font-size: 13px;
					font-style: bold;
					font-weight: normal;
					color: var(--universal-font-color);
					text-decoration: none;
					text-align: center;
					vertical-align: middle;
					word-wrap: normal;
					white-space: nowrap;
					text-decoration: underline;
				}
td.wrapping {
				white-space: normal;
			}
td.centered {
				text-align: center;
			}
td.row_value {
				font-family: 'Arial';
				font-size: 11px;
				font-weight: normal;
				color: var(--universal-font-color);
				text-align: center;
				vertical-align: middle;
				word-wrap: no;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 0px;
				padding-right: 0px;
				white-space: nowrap;
			}
td.row_value-left {
				font-family: 'Arial';
				font-size: 11px;
				font-weight: normal;
				color: var(--universal-font-color);
				text-align: left;
				vertical-align: middle;
				word-wrap: no;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 0px;
				padding-right: 0px;
				white-space: nowrap;
			}
td.row_value-left-indented {
				font-family: 'Arial';
				font-size: 11px;
				font-weight: normal;
				color: var(--universal-font-color);
				text-align: left;
				vertical-align: middle;
				word-wrap: no;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 15px;
				padding-right: 0px;
				white-space: nowrap;
			}
td.row_value-right {
				font-family: 'Arial';
				font-size: 11px;
				font-weight: normal;
				color: var(--universal-font-color);
				text-align: right;
				vertical-align: middle;
				word-wrap: no;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 0px;
				padding-right: 0px;
				white-space: nowrap;
			}
td.row_value-wrapping {
				font-family: 'Arial';
				font-size: 11px;
				font-weight: normal;
				color: var(--universal-font-color);
				vertical-align: middle;
				word-wrap: break-word;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 5px;
				padding-right: 5px;
				white-space: normal;
			}
td.row_value-wrapping-top {
				font-family: 'Arial';
				font-size: 13px;
				font-weight: normal;
				line-height: 1.2;
				color: var(--universal-font-color);
				vertical-align: top;
				word-wrap: break-word;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 5px;
				padding-right: 5px;
				white-space: normal;
			}
td.module_heading-wrapping {
				font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
				font-size: 14px;
				font-weight: normal;
				color: var(--universal-font-color);
				text-align: center;
				vertical-align: middle;
				word-wrap: break-word;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 5px;
				padding-right: 5px;
				white-space: normal;
			}
td.row_value-small {
				font-family: 'Arial';
				font-size: 10px;
				font-weight: normal;
				color: var(--universal-font-color);
				text-align: center;
				vertical-align: middle;
				word-wrap: break-word;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 0px;
				padding-right: 0px;
				white-space: normal;
			}
td.row_value_left-small {
					font-family: 'Arial';
					font-size: 10px;
					font-weight: normal;
					color: var(--universal-font-color);
					text-align: left;
					vertical-align: middle;
					word-wrap: break-word;
					padding-top: 5px;
					padding-bottom: 5px;
					padding-left: 5px;
					padding-right: 0px;
					white-space: normal;
				}
td.table_subheading {
				font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
				font-size: 16px;
				font-weight: normal;
				color: var(--universal-font-color);
				text-align: center;
				vertical-align: middle;
				word-wrap: no;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 0px;
				padding-right: 0px;
				white-space: nowrap;
				border: 1px solid black;
			}

td.underlined {
				border-bottom: 1px black solid;
			}


div.Table_Title {
					font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
					font-size: 25px;
					font-style: bold;
					font-weight: normal;
					color: var(--universal-font-color);
					text-decoration: none;
					text-align: center;
					vertical-align: middle;
					word-wrap: no;
					padding-top: 5px;
					padding-bottom: 5px;
					padding-left: 0px;
					padding-right: 0px;
					width: var(--screen-width);
					margin-left: auto;
					margin-right: auto;
					white-space: nowrap;
					border: groove 1px;
				}

a.subheadinglink:link, a.subheadinglink:visited, a.subheadinglink:active { 
	color: var(--link-normal-color);
	font-size: 16px;
	font-family: font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
	text-decoration: none;
}
a.subheadinglink:hover {
	color: var(--link-normal-color);
	font-size: 16px;
	font-family: font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
	text-decoration: underline;
}



/*--------------------------------------------------------------------------*/
/*							FONT STYLES 									*/
/*--------------------------------------------------------------------------*/
.RowIndex {
				color: var(--universal-font-color);
				font-size: 11px;
				font-family: font-family: 'Arial';
				text-decoration: none;
				text-align: right;
				padding-right: 5px;
				width: 20px;
			}





/*--------------------------------------------------------------------------*/
/*							SCROLLING TABLE									*/
/*--------------------------------------------------------------------------*/
.editListBoxTitle {
					width: 100%;
					margin-left: auto;
					margin-right: auto;
					position: relative;
				}
.jpr_list {
					border: 0px solid black;
					width: 100%;
					height: 500px;
					overflow: scroll;
					margin-left: 0px;
					margin-right: 0px;
					padding: 0px;
					position: relative;
				}
.table_top {
				border: 0px solid black;
				width: 780px;
				margin-left: 0px;
				margin-right: 0px;
				padding: 0px;
				position: relative;	
			}
				

.submit_button {
				font-size: 9px;
				color: royalblue;
				text-align: center;
				background-color: white;
				text-decoration: underline;
				cursor: pointer;
				border-radius: 4px;
				border: 1px solid royalblue;
				-webkit-transition-duration: 0.4s; /* Safari */
				transition-duration: 0.4s;
			}
.submit_button-cancel {
				font-size: 9px;
				color: #D00000;
				text-align: center;
				background-color: white;
				text-decoration: underline;
				cursor: pointer;
				border-radius: 4px;
				border: 1px solid #D00000;
				-webkit-transition-duration: 0.4s; /* Safari */
				transition-duration: 0.4s;
			}
.submit_button:hover {
						background-color: royalblue;
						color: white;
						box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
					}
.submit_button-cancel:hover {
						background-color: #D00000;
						color: white;
						box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
					}
.submit_button-disabled {
							font-size: 9px;
							color: #CCCCCC;
							text-align: center;
							background-color: white;
							border: none;
							text-decoration: underline;
							cursor: default;
							border-radius: 4px;
							border: 1px solid #CCCCCC;
							pointer-events: none;
						}
.submit_button:disabled {
							font-size: 9px;
							color: #CCCCCC;
							text-align: center;
							background-color: white;
							border: none;
							text-decoration: underline;
							cursor: default;
							border-radius: 4px;
							border: 1px solid #CCCCCC;
							pointer-events: none;
							opacity: 0.7;
						}
.text-image {
				font-size: 10px;
				font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
				text-decoration: none;
				border: none;
				color: black;
				background-color: white;
				cursor: pointer;
				padding: 2px;
				text-align: left;
				margin: 8px;
			}


td.error_message {
						font-size: 12px;
						font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
						text-align: center;
						color: white;
						background-color: var(--error-color);
						width: 100%;
				}
.textfield_error {	/*	turn textfield border red to signal error	*/
					font-size: 12px;
					text-align: left;
					background-color: white;
					border: none;
					text-decoration: none;
					cursor: auto;
					width: 90;
					border-radius: 4px;
					border: 2px solid var(--error-color);
					-webkit-transition-duration: 0.4s; /* Safari */
					transition-duration: 0.4s;
				}

fieldset.no_border {
			padding:5px;
			border: none;
		}


/*--------------------------------------------------------------------------*/
/*							EDIT MODULES PAGE								*/
/*--------------------------------------------------------------------------*/
span.edit_label {
					color: #222222;
					font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
					font-size: 14px;
					font-weight: normal;
					vertical-align: middle;
					word-wrap: normal;
					white-space: normal;
				}
iframe.instructor_iframe {
					height: 470px;
					width: 100%;
					padding: 0px;
					margin-left: auto;
					margin-right: auto;
					border: none;
				}
iframe.attach_resource_iframe {
					width: 100%;
					height: 230px;
					overflow: scroll;
					padding: 0px;
					margin-left: auto;
					margin-right: auto;
					border: 0px solid black;
				}				
iframe.edit_request_iframe {
								height: 200px;
								width: 780px;
								border: 0px black solid;
								padding: 0px;
							}



/*--------------------------------------------------------------------------*/
/*							PAGE BODY DIVS									*/
/*--------------------------------------------------------------------------*/

.TitleDiv {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	border: groove;
}
#TitleDiv {
	position: relative;
	width: var(--screen-width);
	background-color: #ffffff;
}
div.SubtitleDiv {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 5px;
	position: relative;
	width: var(--screen-width);
	background-color: #ffffff;
	display: table-caption;
}






/*--------------------------------------------------------------------------*/
/*								TABLE										*/
/*--------------------------------------------------------------------------*/



table.min_width {
					width: 20%;
				}
table.fit_to_width {
	border-spacing: 0px;
	width: 100%;
}
tr.signature {
	height: 40px;
	vertical-align: bottom;
}
td.colored_subheading {
	 					background-color: #D6EAF8;
						padding: 3px 0px 3px 5px;
					}
td.colored_subheading-left {
	 					border-color: #D6EAF8;
	 					border-style: solid;
	 					border-width: 2px 1px 2px 5px;
						padding: 3px 0px 3px 5px;
						border-radius: 3px 3px 3px 7px;
					}
td {
	white-space: nowrap;
	padding-top: 0px;
	padding-bottom: 0px;
}
td.right_aligned {
	text-align: right;
	padding-right: 5px;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	width: 40px;
}
td.Form_Title {
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 10px;
	position: relative;
/*	width: var(--screen-width);		*/
}
td.wraptext {
	font-family: 'times', sans-serif;
	font-size: 16px;
	word-wrap: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	white-space: normal;
	display: block;
}





/*--------------------------------------------------------------------------*/
/*									TOOLTIP									*/
/*--------------------------------------------------------------------------*/
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: var(--tooltip-background-color);
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 5px 10px 5px 10px;	/*	top, right, bottom, left	*/
  position: absolute;
  z-index: 1;
  top: -5px;				/*	move the entire bubble up or down	*/
  left: 104%;
  
  /* Fade in tooltip - takes 2 seconds to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent var(--tooltip-background-color) transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}










div.Table_Column_Title {
	color: var(--universal-font-color);
	font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
	font-size: 18px;
	font-style: bold;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 2px;
	padding-top: 0px;
	vertical-align: middle;
	text-align: center;
	text-indent: 0px;
	display: table-header-group;
}


div.Table_Row_Title {
	color: var(--universal-font-color);
	font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
	font-size: 16px;
	font-style: bold;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	vertical-align: middle;
	text-align: left;
	text-indent: 0px;
	display: table-cell;
	word-wrap: no;
}
div.Table_Row_Entry {
	color: var(--universal-font-color);
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: middle;
	text-align: left;
	text-indent: 5px;
	display: table-cell;
}
div.Table_Row {
	display: table-row;
	height: 30px;
}
div.Table_Row_Index {}
div.Table_Row_Subindex {}


/*--------------------------------------------------------------------------*/
/*									SPANS									*/
/*--------------------------------------------------------------------------*/

span.year {
	color: #222222;
	font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
	font-size: 12px;
	font-weight: normal;
}
span.checkbox_label {
	color: #000000;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
}
span.text {
	font-family: 'arial', sans-serif;
	font-size: 12px;
	color: #000000;
	vertical-align: middle;	
	padding-top: 0px;
	padding-bottom: 0px;
	
}
span.text-wrapped {
	font-family: 'arial', sans-serif;
	font-size: 12px;
	color: #000000;
	vertical-align: middle;	
	padding-top: 0px;
	padding-bottom: 0px;
	word-wrap: normal;
	white-space: normal;
	display: block;
}

span.subheading_note {
	color: #000000;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	word-wrap: normal;
	white-space: normal;
	display: block;
}

span.number_of_results {
				font-family: 'Arial';
				font-size: 9px;
				font-style: oblique;
				background-color: none;
				color: black;
				text-decoration: none;
				cursor: default;
			}
span.highlight-file {
					font-size: 12px;
					color: white;
					padding: 0px 5px 0px 5px;
					border-radius: 0px;
					background-color: #AAAAAA;
				}
span.tree_filename {
					font-size: 12px;
					color: black;
					padding: 0px 5px 0px 5px;
					border-radius: 0px;
					background-color: white;
                    text-decoration: none;
				}
span.file_size {
					font-family: 'Arial';
					font-size: 10px;
					color: #444444;
					padding-left: 15px;
					vertical-align: baseline;
				}
span.file_info_label {
					color: #222222;
					font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
					font-size: 17px;
					font-weight: normal;
					text-decoration: underline;
					vertical-align: middle;
				}
span.file_info_text {
					color: #222222;
					font-family: 'Courier';
					font-size: 13px;
					font-weight: normal;
					vertical-align: middle;
					word-wrap: normal;
					white-space: normal;
				}
padding_left_15px {
					padding-left: 15px;
				}

/*--------------------------------------------------------------------------*/
/*									LINKS									*/
/*--------------------------------------------------------------------------*/














.Body {
    color: #ffffff;
	vertical-align: middle;
}






a.deadlink {
	color: "#333333";
	font-size: 11px;
	font-family: var(--button-font-family);
	text-decoration: none;
	pointer-events: none;
	cursor: default;
}

a.resultslink:link, a.resultslink:visited, a.resultslink:active { 
	color: var(--link-normal-color);
	font-size: 13px;
	font-family: var(--link-font-family);
	text-decoration: none;
}
a.resultslink:hover {
	color: var(--link-normal-color);
	font-size: 13px;
	font-family: var(--link-font-family);
	text-decoration: underline;
}
a.resultslink-deadlink {
	color: var(--link-normal-color);
	font-size: 13px;
	font-family: var(--link-font-family);
	cursor: not-allowed;
}
a.section_link {
	color: var(--link-normal-color);
	font-size: 13px;
	font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
	text-decoration: none;
}
a.list_link {
				color: var(--link-normal-color);
				font-size: 11px;
				font-family: var(--link-font-family);
				text-decoration: none;
			}
a.select_all:link, a.select_all:visited, a.select_all:active { 
	color: var(--link-normal-color);
	font-size: 9px;
	font-family: var(--link-font-family);
	text-decoration: none;
}

td.heading {
	color: var(--universal-font-color);
	font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
	font-size: 12px;
	font-style: bold;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 2px;
	padding-top: 0px;
	vertical-align: middle;
	text-align: center;
	text-indent: 0px;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-width: 1px;
}
td.title {
	color: var(--universal-font-color);
	font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
	font-size: 15px;
	font-style: bold;
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 0px;
	vertical-align: middle;
	text-indent: 0px;
}
tr.alternating_row_color1 {
	height: 30px;
}
tr.alternating_row_color2 {
	height: 30px;
	background-color: var(--alternating-row-color);
}
tr.alternating_row_color3 {
	background-color: var(--alternating-row-color2);
}


td.signature {
	vertical-align: bottom;
}


td.pagenumber {
	color: #666666;
	font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	vertical-align: bottom;
}


span.subheading {
	color: #222222;
	font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
	font-size: 15px;
	font-style: bold;
	font-weight: normal;
}





#adminmenubar {
	height: 40;
	width: var(--screen-width);
	padding: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
#pagebody {
/*	height: var(--body-height);
	*/
	width: var(--screen-width);
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
/*	border-width: var(--body-border-width);
	border: groove;
*/	background-color: white;
	position: relative;
}





#modules {
	width: var(--screen-width);
	margin-top: 10px;
	position: absolute;
}

#box {
	width: 780;
	height: 400px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border: var(--body-border-width) black solid;
}
#lessonplans {
	width: 780;
	height: 40px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border-width: var(--body-border-width);
}





.Row {
	display: table-row;
	text-align: left;
}

.IndexCell{
	display: table-cell;
	border-width: 2px;
	padding-right: 5px;
	color: #333333;
	font-family: 'Arial', sans-serif;
	font-size: 7px;
	vertical-align: top;
	text-align: right;
	min-height: 20px;	
}




.disabled {
  opacity: 0.6;
  cursor: not-allowed;		/*	can also use 'not-allowed'		*/
  pointer-events: none;
}



label.input {
					color: #000000;
					font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
					font-size: 13px;
					font-weight: normal;
					vertical-align: middle;
				}
label.column_heading {
					color: #000000;
					font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
					font-size: 13px;
					font-weight: normal;
					vertical-align: middle;
				}

label.subfolder {
				color: #000000;
				font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
				font-size: 12px;
				font-weight: normal;
				vertical-align: middle;
			}
label.section_heading {
					color: #000000;
					font-family: 'Skia-Regular', 'Skia', 'Trebuchet MS', sans-serif;
					font-size: 16px;
					font-weight: normal;
					vertical-align: middle;
				}
label.row_value {
					font-family: 'Arial';
					font-size: 11px;
					font-weight: normal;
					color: var(--universal-font-color);
					text-align: center;
					vertical-align: middle;
					word-wrap: no;
					padding-top: 5px;
					padding-bottom: 5px;
					padding-left: 0px;
					padding-right: 0px;
					white-space: nowrap;
				}


.padding_5px {
					padding-left: 5px;
					padding-right: 5px;
			}


/*
#page-container {
					  position: relative;
					  min-height: calc( 100vh - 20px );
				}
#content-wrap {
					margin-left: auto;
					margin-right: auto;
				}
*/