@charset "utf-8";
@import url("../AKCDefault.css");

body
{ 
/*
   background-color:#2e2efe;
   background-color:#A9A9F5;
   background-color:#A9BCF5;
   background-color:#A9D0F5;
   background-color:#A9DCF5;
*/
   background-color:#CECEF6;
   min-width:1150px;
}

.avail
{
   color:white;
/*   background-color:#96BFE9; */
   background-color:green;
   width:22;
   text-align:right;
}

.assigned
{
   color:white;
   background-color:#CC3300;
   width:22;
   text-align:right;
}

.assignedme
{
   color:white;
   background-color:purple;
   width:22;
   text-align:right;
}

.selected
{
   color:white;
   background-color:blue;
   width:22;
   text-align:right;
}

.empty
{
   color:black;
   width:22;
   text-align:center;
   border-style:solid;
   border-size:1px;
}

.aisle
{
   border-style: none;
   width:4;
}

.hold
{
   color:black;
   background-color:yellow;
   width:22;
   text-align:right;
}

/* These define classes for display of space validation information */
/* The space which holds it all */
/* The rows for spaceid and text input should be on left */
/* A box for possible EDH keys should be on right */

/* This div encloses two sub-divs.  */
.divEnclosingBox
{
   width:47%;
   float:right;
   border-size:2px;
   border-style:solid;
   border-color:green;
}

/* This div in enclosed in divEnclosingBox and will contain rows of space assignment data */
.divSpaceSelected
{
   float:left;
   width:100%;
}

/* This is the title and header row on the table of selected spaces */
.divTitleRow
{
   width:100%;
   height:20px;
   float:left;
   border-size:2px;
   border-style:solid;
   border-color:black;
   margin:0px;
   padding:0px;
}

.HxTitle
{
   margin:0px;
   padding:0px;
}

/* Header for space ids */
.divSpaceIdHdr
{
   width:20%;
   height:18px;
   float:left;
   border-size:2px;
   border-right-style: solid;
   border-color:black;
   margin:0px;
   padding:0px;
}

/* there is one of these divs for each space selected by the exhibitor */
/* Each divSpaceRow contains two sub-divs.  One to hold space id, one for text entry when choosing an EDH key to assign to the space */
.divSpaceRow
{
   width:100%;
 /*  height:80px;   20px */
   float:left;
   border-size:2px;
   border-style:solid;
   border-color:black;
   margin:0px;
   padding:0px;
}

/* This div is contained in divSpaceRow and contains the id of a selected space */
.divSpaceIdCol
{
   width:15%;
   height:20px;
   float:left;
   border-size:2px;
   border-right-style: solid;
   border-color:black;
   background-color:white;
   margin:0px;
   padding:0px;
}

/* This is the text for the space id */
.pSpaceId
{
    display:inline;
}

/* This div is contained in divSpaceRow and allows exhibitor to enter characters when choosing an EDH key */
.divTxtEntryCol
{
   width:50%;
/*   height:20px;   allow to expand for the dropdown */
   float:left;
   border-size:1px;
   border-right-style:solid;
   border-color:black;
   margin:0px;
   padding:0px;
}

/* This is the text area contained in divTxtEntryCol in which the exhibitor enters characters */
.TxtEntry
{
   width:100%;
   height:18px;
   margin:0px;
   padding:0px;
   border-style:none;
   resize:none;
}

/*********?????? area for dropdown just below TxtEntry (we hope)  */
.DropArea
{
   width:100%;
   clear:both;
   background:white;
}

/* This div is contained in divSpaceRow and allows exhibitor to enter a PIN */
.divPinEntryCol
{
   width:30%;
   height:20px;
   float:left;
   margin:0px;
   padding:0px;
}

/* This is the PIN area contained in divPinEntryCol in which the exhibitor enters PIN */
.PinEntry
{
   width:50%;
   height:18px;
   margin:0px;
   padding:0px;
   border-style:none;
   resize:none;
   float:left
}

/* This is the button contained in divPinEntryCol in which the exhibitor enters PIN */
.PinButton
{
   width:30%;
   height:20px;
   background:blue;
   color:white;
   margin:0px;
   padding:0px;
}

/* This div is contained in the enclosing box and appears to the right of the rows of selected spaces */
/* It holds the dropdown of EDH keys that match the characters typed in divTxtEntryCol */
.divEDHCol
{
   width:45%;
   height:auto;
   float:right;
}

/* Style for the div that holds the submit button -- initially not visible */
.submitButtonDiv
{
   width:47%;
   float:right;
   display:none;
}

/* Style for the submit button itself */
.submitButton
{
   width:40%;
   margin:5px;
   color:white;
   background:red;
   font-weight:bold;
   font-size:large;
   font-family:Verdana,sans-serif;
   border-radius: 25px;
}