@charset "UTF-8";
/* CSS Document */
body {
    background-color: rgba(230,230,240,1);
    -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
      -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
         -khtml-user-select: none; /* Konqueror HTML */
           -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                      supported by Chrome and Opera */
}
body
{
    /*position: fixed;*/
	margin: 0px;
	padding: 0px;
    overflow: scroll;
	-ms-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	/*-webkit-user-drag: none;*/
	-webkit-user-callout: none;
	-ms-touch-action: manipulation !important;
    -webkit-text-size-adjust: 100%;
    /*touch-action: none;*/
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 12px;
	font-weight: 400;
}
#mainFrame
{
    position: absolute;
    left:0px;
    width:760px;
    height:100%;
    background-color:rgba(230,230,240,1);
    transform-origin: 0% 0%;
}
#pageheader
{
    position:absolute;
    left:0px;
    top:0px;
    height:150px;
    max-height: 150px;
    width:100%;
}
#pagemiddle
{
    position:absolute;
    left:0px;
    top:160px;
    width:100%;
    height:100%;
}
#pagefooter
{
    position:absolute;
    left:0px;
    bottom:0px;
    height:50px;
    width:100%;
}
#leftnav 
{
	position: absolute;
    margin:2px;
    padding:3px;
	width: 190px;
	left: 0px;
	height: 100%;
	top: 0px;
}
#catalog
{
    position:absolute;
    text-align: center;
    margin:5px;
    width:760px;
    left:5px;
    height:100%;
    top:0px;
	overflow:visible;
}
.searchBarDiv 
{
	position:absolute;
    font-size:18px;
    text-align: right;
    top:0px;
    right:0px;
    width:120px;
    height:30px;
	background-color:black;
}
.searchBarLabel
{
    font-size:12px;
}
.searchBarField
{
	position:absolute;
    font-size:18px;
    text-align: right;
    top:0px;
    right:0px;
    width:120px;
    height:30px;
	background-color:black;
}
.catalogDisplayHeader
{
    position:relative;
    font-size:18px;
	font-weight: bold;
	color: rgba(30,30,30,1);
    text-align: left;
    top:0px;
    left:20px;
    width:100%;
    height:50px;
}
.catalogDisplayOptions
{
    position:absolute;
    top:35px;
    left:0px;
    width:100%;
    height:40px;
}
.catalogDisplayType
{
    width:120px;
    font-size: 12px;
}
#catalogDisplay
{
    position:absolute;
    top:70px;
    left:0px;
    width:100%;
    /*overflow-x:hidden;
    overflow-y:scroll;*/
}
.catalogItem
{
    background-image: url("../images/genericButton.png");
    position:relative;
    width: 240px;
    height:60px;
    cursor:pointer;
	font-size:18px;
    /*border-radius:4px;
    border-color:rgba(0,0,0,0.5);
    border-style:solid;
    border-width: 1px;*/
    display:inline-grid;
    pointer-events: all;
    touch-action:auto; 
	overflow:hidden;
}
.catalogIcon
{
    position:absolute;
    width:72px;
    height:72px;
    top:3px;
    left:3px;
}
.catalogBody
{
    position:absolute;
    width:210px;
    height:60px;
    top:5px;
    left:15px;
	font-size:18px;
	text-align:left;
    pointer-events:all;
    touch-action:auto;
    /*pointer-events: none;* /
    -webkit-user-select: none; /* Safari * /
     -khtml-user-select: none; /* Konqueror HTML * /
       -moz-user-select: none; /* Firefox * /
        -ms-user-select: none; /* Internet Explorer/Edge * /
            user-select: none; /* Non-prefixed version, currently*/
}
.organButton
{
    position:relative;
    width:85px;
    height:50px;
    border-radius: 0px;
    pointer-events: all;
    text-align: center;
    align-content: center;
    cursor:pointer;
}
.organIcon
{
    width:36px;
    height:36px;
    text-align: center;
    align-content: center;
}
.organTitle
{
    /*padding-top:-10px;*/
    width:85px;
    height:15px;
    font-size: 12px;
    text-align: center;
    align-content: center;
}
.selectButton
{
    width:170px;
}
/* Dropdown Button */
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
#blockerLogo
{
    text-align: center;
    position:fixed;
    width:294px;
    height:115px;
    left:50%;
    top:20%;
    margin-left:-147px;
    z-index:501;
}
#blockerMessage
{
    text-align: center;
    position:fixed;
    width:400px;
    height:80px;
    left:50%;
    top:50%;
    margin-left:-200px;
    font-size:36px;
    z-index:501;
}
#pageBlocker
{
    position:fixed;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    background-color: #FFFFFF;
    z-index:500;
}
#keyEntry
{
    position:absolute;
    left:50%;
    top:100px;
    width:600px;
    height:400px;
    margin-left:-300px;
    z-index:900;
    background-color:white;
    display:none;
}
#keyEntryTable
{
    width:100%;
    text-align: center;
}
#keyEntryHeading
{
    width:600px;
    height:75px;
    text-align: center;
    vertical-align: middle;
    font-size:24px;    
}
#keyEntryField
{
    height:75px;
    width:150px;
    text-align: center;
    font-size:32px;
}
#keyEntrySubmit
{
    height:75px;
    width:150px;
    text-align: center;
    font-size:24px;    
}
#passwordEntry
{
    position:absolute;
    left:50%;
    top:100px;
    width:350px;
    height:400px;
    margin-left:-175px;
    z-index:900;
    background-color:white;
}
#passwordEntryTable
{
    width:100%;
    text-align: center;
}
#passwordEntryHeading
{
    width:350px;
    height:75px;
    text-align: center;
    vertical-align: middle;
    font-size:24px;    
}
#passwordEntryField, #passwordEntryField2
{
    padding:0px;
    height:30px;
    width:350px;
    text-align: center;
    font-size:32px;
}
#passwordEntrySubmit
{
    height:75px;
    width:150px;
    text-align: center;
    font-size:24px;    
}
#passwordResponse
{
    
}