@font-face {
    font-family: 'Core Sans A';
    src: url('./fonts/CoreSansA45.woff2') format('woff2'),
         url('./fonts/CoreSansA45.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Core Sans A';
    src: url('./fonts/CoreSansA65.woff2') format('woff2'),
         url('./fonts/CoreSansA65.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
	font-family: "Segoe";
	font-style: normal;
	font-weight: 400;
	src: local("Segoe UI Regular"), local("Segoe UI"), local("SegoeUI"), local("Segoe"), local("Segoe WP");
}

@font-face {
	font-family: "Windows";
	font-style: normal;
	font-weight: 400;
	src: local("Arial");
}

@font-face {
	font-family: "Apple400";
	font-style: normal;
	font-weight: 400;
	src: local("San Francisco"), local("San Francisco Display"), local("San Francisco Text"), local("SanFrancisco"), local(.SFNSText-Regular), local("Helvetica Neue"), local("Helvetica");
}

@font-face {
	font-family: "Linux";
	font-style: normal;
	font-weight: 400;
	src: local("Deja Vu Sans"), local("Fira Sans");
}

@font-face {
	font-family: "Mobile";
	font-style: normal;
	font-weight: 400;
	src: local("Roboto"), local("Droid Sans");
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

:focus {
    outline: none;
}

body {
	margin: 0;
	height: 100%;
	border: 0;
	padding: 0;
	background: white;
	color: #000000;
	font-size: 14px;
	font-family: 'Core Sans A', Segoe, -apple-system-body, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
	line-height: 1.25;
}

.breadcrumb
{
	background:#dce6f2;
	background: rgb(216,28,63);
	width:100%;
	height:18px;
	padding:0px;
	margin:0px;
	font-size:12px;
	border-style:none;
}
.homeItem
{
    text-decoration:none;
    float:left;
    margin:0px;
    border-style:none;
    padding:2px 10px 0px 12px;
    background-image:url(images/homebackground.png);
    background-repeat:repeat-x;
    height: 18px;
    color: white;
    font-weight: 400;
}

.arrow
{
    float:left;
    margin:0px;
    padding:0px;
}

.level1Item
{
    text-decoration:none;
    float:left;
    margin:0px;
    border-style:none;
    padding:2px 10px 0px 12px;
    background-image:url(images/level1background.png);
    background-repeat:repeat-x;
    height: 18px;
    color: white;
    font-weight: 400;
}

.level2Item
{
    text-decoration:none;
    float:left;
    margin:0px;
    border-style:none;
    padding:2px 10px 0px 12px;
    background-image:url(images/level2background.png);
    background-repeat:repeat-x;
    height: 18px;
    color: white;
    font-weight: 400;
}

div.transbox 
{
    z-index:2001;
    font-weight: normal;
	font-size: 14px;
    height: 22px;
    bottom:0px;
    padding:2px;
    position:absolute;
    background-color: #ffffff;
    border: none;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    color: #000000;
}

.navigation {
	background: rgb(234,234,228);
	width:100%;
	height:60px;
	border:0px;
	padding:0px;
	font-size: 12px;
	color: white;
}

#homelogo img {
	height: 48px;
}

table.webparts tr th {
	background-color: #009;
	padding: 5px;
	color: #FFF;
	font-size: 130%;
	border: 1px solid #009;
}

td.details div table tr td, td.details div table tr td.detailheader
{
	border-style: none;
}

td.detailheader
{
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	border-style: none;
	padding: 3px 10px 3px 0px;
}
td.details div table 
{
	border-style: none;
}

td.details div table tr td.detailitem 
{
	width: 100%;
	padding: 3px 10px 3px 0px;
}

td.details
{
	border: 2px solid #009;
	padding: 10px;
	background-color:#EEE;
}

#logo 
{
    margin-top:8px;
	margin-left:8px;
}

.welcomeLabel
{
    position: relative;
    top: -12px;
    left: 12px;
    color: rgb(216,28,63);
    font-weight: bold;
    font-size: 12px;
}

.centerLogin
{
    width:600px;
	height:300px;
	position:absolute;
	text-align:center;
	left:50%;
	top:50%;
	margin:-120px 0 0 -300px;
}

#RealLogin
{
    border:5px solid #dce6f2;
    height:120px;
}

.topLogin
{
    float:right;
	height:60px;
    border-style:none;
    padding:0px;
    margin:0px;
}

#loginTable
{
    float:right;
    border-style:none;
    height:48px;
}

#ErrorMessage
{
    position:absolute;
    top:60px;
    right:10px;
    border-style:none;
    color:Black;
}

#loginTable2
{
    height:120px;
}

#loginButton
{
    position:absolute;
    top:150px;
    right:10px;
    border:none;
}
.tableView
{
    width:80%;
margin: 0 auto;
color: rgb(150,150,150);
/*
    border-width: 0;
    border-style:solid;
    border-collapse: collapse;
*/
border: none;
vertical-align: top;
}

.tableView tbody tr {
/* background: rgb(225,225,225); */
}

.memberPage
{
    margin: 0 auto;
    padding:20px;
    color:#0070c0;   
}

.centerFolderIcon
{
    width:100%;
	text-align:center;
	margin:0px;
	padding: 14px 0px 20px 0px;
}

.centerManagerGuest
{
    width:100%;
	text-align:center;
	margin:0px;
	padding: 14px 0px 14px 0px;
}

.centerManagerGuest img
{
	display: inline-block
}

.centerManager
{
    width:100%;
	height:200px;
	position:absolute;
	text-align:center;
	top:80px;
}

#NoFilesMessage
{
    text-align:center;
	font-size: 24px;
    color:#0070c0;
    margin-top: 80px;
}

.myObjective
{	font-size: 36px;
    font-weight: bold;
    color: rgb(60,150,240);
    margin:8px;
}

#MainContent_LoginWrapper_listRadio_guest table tr td {
	padding: 5px 7px;
}

#MainContent_LoginWrapper_listRadio1 table tr td {
	padding: 5px 7px;
}

#MainContent_LoginWrapper_listRadio2 table tr td {
	padding: 5px 7px;
}

.menuHover
{
    /* width: 160px; */
    background-color: rgb(234,234,228);
    /* padding: 8px 8px 8px 0; */
    color: rgb(60,120,180);
    margin: 0;
    font-size: 12px;
    /* z-index: 2002; */
    line-height: 24px;
font-weight: bold;
}

a:link
{
    text-decoration:none;
}
a:visited
{
    text-decoration::none;
}
.menuHover a:link
{
    color: rgb(60,120,180);
    margin-left:10px;
}
.menuHover a:visited
{
    color: rgb60,120,180);
    margin-left:10px;
}
.menuHover a:hover
{
    text-decoration:underline;
    color: rgb(60,120,180);
    margin-left:10px;
}
.watermarkText
{
    color:Gray;
}

#loginTable a:visited
{
    color:White;
}

#loginTable a:link
{
    color:White;
}

.loginTextbox
{
    padding-left:10px;
}

.managerText
{
	font-size: 24px;
	font-weight: normal;
    color: rgb(60,150,240);
    padding: 8px;
}

.topImage
{
     padding-top: 8px;
     padding-bottom: 8px;
}

.rootText2
{
    position:relative;
    top: 0px;
padding-bottom: 32px;
    color: rgb(60,150,240);
    text-decoration:none;
    font-size:24px;
    width:100%;
    text-align:center;
font-weight: 400
}

.importImage
{
    float:right;
    padding-right:12px;
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
	font-size: 16px;
    text-decoration:none;
}

.viewLabel
{
    float:right;
    padding-right:12px;
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
    font-size: 12px;
    text-decoration:none;
}

.showComments
{
    float:right;
    padding-right:10px;
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
	font-size: 12px;
    text-decoration:none;
}

.snapshotButton
{
    float:right;
    padding-right:12px;
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
	font-size: 12px;
    text-decoration:none;
}
.bottomTxt
{
    width:100%;
    height:40px;
    background-color:White;
}

.showBarTxt
{
    position:relative;
    bottom:3px;
    height:14px;
    line-height:1.0;
}
.createFolderTxt
{
    position:relative;
    bottom:3px;
}
.menuRight
{
    position:absolute;
    right:16px;
    top:14px;
    padding:0px;
    margin:0px;
}
.loginArea
{
    padding: 14px 10px 14px 10px;
    margin-left:7px;
}

.modalBackground
{
       background-color: Black;
       filter: alpha(opacity=90);
       opacity: 0.8;
}
/* styles used for list of files (both table and thumbnail views) */

.item /* Used for the outer div container for an item in the thumbnail view */
{
	float: left;
	margin:10px;
	padding: 0px;
	background: white;
	text-align:center;
}
.pdfThumb /* in thumbnail view, a PDF file. Currently same as .blankThumb, but could be customized. */
{
    width:286px;
    height:100px;
    margin: 10px 4px 3px 0px;
    background:white;
    text-align:center;
}
.blankThumb /* in thumbnail view, a jpeg or png item thumbnail. Div contained inside .item div */
{
    width:286px;
    height:100px;
    margin: 10px 4px 3px 0px;
    background:white;
    text-align:center;
}
.blankListThumb /* in list view, a jpeg or png item. Currently same as .listThumb */
{
    height:50px;
    margin: 4px;
    background:white;
    text-align: center;
}
.listThumb /* in list view, a pdf or slide with thumbnail */
{
    height:50px;
    margin: 4px;
    background:white;
    text-align: center;
}
.thumb /* in thumbnail view shows thumbnail with blank slide background */
{
    width:286px;
    height:100px;
    margin: 10px 4px 3px 0px;
    text-align:center;
    background:#eeeefb url(images/Microscope_slide_blank.png);
}

img /* it's possible that this is redundant, but may be useful for places where this is not explicitly set */
{
    border-style:none;
    outline:none;
}

.thumbImg /* in thumbnail view, the thumbnail image. Removes borders and outline and positions it inside the blank slide background */
{
    border-style:none;
    outline:none;
    padding-top: 3px;  
    padding-left: 76px; 
}

.thumbLabelImg /* in list view, the thumbnail or label image itself. Removes borders and outline */
{
    border-style:none;
    outline:none;
}

.labelListDiv /* in list view, a div which contains the label inside the table cell */
{
    height:50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.labelDiv /* in thumbnail view, a div which contains the label */
{
    width:80px;
    height:100px;
    float:left;
    display: flex;
    justify-content: center;
    align-items: center;
}

.labelImg /* in thumbnail view, the label image */
{
    border-style:none;
    outline:none;
    display:table-cell;
    vertical-align:middle;
}
/* list view table cell widths */
.listThumbCell /* thumbnail */
{
    width:144px;
    text-align: center;
}
.listLabelCell /* label */
{
    padding: 3px 3px 3px 8px;
    width:100px;
    text-align:left;   
}
.listFilenameCell /* cell displaying filename (long names truncated with ...) */
{
    text-align:left; 
padding-left: 16px;  
}
.listPixelSizeCell /* cell displaying pixel width and height of item */
{
    min-width: 80px;
    max-width:120px;
    text-align:center;   
}
.listLastCell /* last cell has no pixel width so it fills remaining space */
{
    padding: 3px 3px 3px 8px; /* padding for z-stack text */
    text-align:left;   
}
.rootText
{
    position:relative;
    top:200px;
    color: rgb(60,150,240);
    text-decoration:none;
    font-size:24px;
    width:100%;
    text-align:center;
}
.centerFolderIcon
{
    position:relative;
    top:10px;
    color:#0070c0;
    text-decoration:none;
    font-size:24px;
    width:100%;
    text-align:center;
}
.CommentIconPanel
{
    position:absolute;
    right: 390px;
    top:0px;
    height:48px;
}
.TopIconPanel
{
    position:absolute;
    right: 42px;
    top:0px;
    height:48px;
}
.TopIcon
{
    float:right;
    padding-right:10px;
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
	font-size: 12px;
    text-decoration:none;
}
.contentPanel
{
    position:absolute;
    top:78px;
    left:0;
    right:0;
    bottom:0;
}
.privateBox
{
    position:absolute;
	left:50%;
	top:50%; 
    width:200px;
    height:190px;
    margin-top:-100px;
    margin-left:230px;
    text-align:center;
    background-image:url(images/private.png);
    background-repeat:no-repeat;
    background-position:center;
}
.communityBox
{
    position:absolute;
	left:50%;
	top:50%; 
    width:220px;
    height:190px;
    margin-top:-100px;
    margin-left:-110px;
    text-align:center;
    background-image:url(images/community.png);
    background-repeat:no-repeat;
    background-position:center;
}
.publicBox
{
    position:absolute;
	left:50%;
	top:50%; 
    width:200px;
    height:190px;
    margin-top:-100px;
    margin-left:-410px;
    text-align:center;
    background-image:url(images/public.png);
    background-repeat:no-repeat;
    background-position:center;
}
.boxDisabled
{
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.listFolderBox
{
    width:144px;
    height:50px;
    margin:0px;
    background-image:url(images/list_folder.png);
    background-position:center;
    background-repeat:no-repeat;
}
.folderBox
{
    width:177px;
    height:133px;
    margin:0px;
    text-align:center;
    background-image:url(images/folder_3.png);
}
.listFolderLink
{
    margin:4px 8px 4px 8px;
    text-align: center;
    float:left;
    height: 50px;
}

.listFolderLinkText
{
    margin:4px 8px 4px 6px;
    float:left;
}

.folderLink
{
    margin:10px 22px 20px 10px;
    text-align:center;
    float:left;
}
.mainLink
{
    text-align:center;
    margin:0px;
    padding:0px;
}
.listfolderText /* Alan has removed and replaced with .listFolderLinkText above */
{
    position:relative;
    /* top:7px; */
    /* color:Black; */
    text-decoration:none;
    font-size:14px;
    margin-left: 0; /* changed */
    text-align:left;
    z-index:2002;
}
.folderText
{
    position:relative;
    top:90px;
    color:White;
    text-decoration:none;
    font-size:14px;
    margin-right:4px;
    text-align:center;
    z-index:2002;
}
.directLinkPopup
{
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
    background-color: White;
    color:Black;
    border-width: 2px;
    border-style: solid;
    border-color: #376092;
    padding: 10px;
    text-align:left;
    min-width:420px;
    min-height:80px;
}
.infoCell
{
    border-width: 1px;
    border-style: solid;
    border-color: #376092;
}
.modalPopup
{
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
    background-color: White;
    color:Black;
    border-width: 2px;
    border-style: solid;
    border-color: #376092;
    padding: 10px;
    text-align:left;
}

.fileUploadPopup
{
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
    background-color: White;
    color:Black;
    border-width: 2px;
    border-style: solid;
    border-color: #1a9ad6;
    padding: 10px;
    text-align:left;
    width:320px;
    height:200px;
}

.fileUploadClose
{
    position:absolute;
    bottom:4px;
    left:4px;
}

.labelPopup
{
    position:absolute;
    top: 94px;
    right: 16px;
    background-color: rgba(60,150,240,0.6);
    padding: 15px 12px 11px 12px;
    text-align:center;
}

.permalinkCommentPopup
{
    background-color: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-color: #376092;
    padding-top: 10px;
    padding-left: 10px;F
    width: 300px;
    text-align:left;
    height: 300px;
}

.createFolderPopup
{
    background-color: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-color: #376092;
    padding-top: 10px;
    padding-left: 10px;
    width: 300px;
    text-align:left;
    height: 120px;
}

.closeBtn
{
    float:right;
    margin-top:-8px;
    margin-right:-8px;
}

.uploadPopup
{
    background-color:#8eb4e3;
    color:#254061;
    border-style:none;
    width: 300px;
    height: 120px;
    padding:10px;
	font-size: 16px;
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
}

.uploadButton
{
    margin:0px;   
}

.snapshotPopup
{
    background-color: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-color: #376092;
    padding-top: 10px;
    padding-left: 10px;
    width: 240px;
    text-align:center;
    height: 140px;
}

.closeSnapshotBtn
{
    position:relative;
    top:14px;
}

a {
    color: rgb(60,150,240);
}

a:visited {
    /* color: rgb(60,120,180); */
}

a:hover {
    /* color: rgb(45,150,255); */
    text-decoration: underline;
    text-decoration-thickness: 2px;
    /* border-bottom: 2px solid rgb(60,120,180); */
}

.folderBox:hover {
    color: white;
    text-decoration-color: white;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    /* border-bottom: 2px solid rgb(60,120,180); */
}

#MainContent_LoginWrapper_FolderOpenGuestImg {
    height: 80px;
    width: 100px;
}

#MainContent_LoginWrapper_FolderOpenImg {
    height: 80px;
    width: 100px;
}

#MainContent_LoginWrapper_FolderOpenPrivateImg {
    height: 80px;
    width: 100px;
}

input {
    background: rgb(195,195,195);
    color: white;
    border-radius: 2px;
    border: none;
padding: 4px 12px;
margin: 8px;
outline: none;
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
}

input:hover {
    background: rgb(180,180,180);
}

input:active {
    background: rgb(165,165,165);
}

input[type="text"], input[type="password"] {
    background: white;
    border: 1px solid rgb(195,195,195);
    color: rgb(60,60,60);
}

input[type="image"] {
    background: rgb(234,234,228);
    margin: 0;
    padding: 0 4px 0 0;
}

input[type="radio"] {
}

label {
    color: rgb(216,28,63);
font-size: 14px;
font-weight: 400;
}

div.openseadragon-container div {
    font-weight: 700 !important;
}

div.openseadragon-container div img {
    margin: 0 20px 12px -8px !important;
}

#LoginMenu_Panel123 {
    width: 144px !important;
}


.resumable-progress {margin:30px 0 30px 0; width:100%;display:none;}
.progress-container {height:16px; background:White; border-style:solid; border-color:#254061; border-width:1px; position:relative; }
.progress-bar {position:absolute; top:0; left:0; bottom:0; background:#558ed5; width:0;}
.progress-text {font-size:11px; line-height:9px; padding-left:10px;}
.progress-pause {padding:0 0 0 7px;}
.progress-resume-link {}
.is-paused .progress-resume-link {display:inline;}
.is-paused .progress-pause-link {display:none;}
.is-complete .progress-pause {display:none;}