﻿.available {
    width: 55px;
    height: 55px;
    background-image: url("/includes/customControls/eventMapping/dickinson/available.png");
    cursor:pointer;
}
.selected {
    width: 55px;
    height: 55px;
    background-image: url("/includes/customControls/eventMapping/dickinson/selected.png");
}
.booked {
    width: 55px;
    height: 55px;
    background-image: url("/includes/customControls/eventMapping/dickinson/booked.png");
}

.available:hover {   
    background-image: url("/includes/customControls/eventMapping/dickinson/hover.png");
}

#theFloorPlan {
    margin:0 auto;
    background-image:url("/includes/customControls/eventMapping/jamestown/floorPlan.png");
    width:1100px;
    height:910px;  
    position:relative;
    background-repeat:no-repeat;
    z-index:0;
}
#boothContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 1100px;
    height: 910px;
    z-index: 5;
}
#boothRowOne {
    position: absolute;
    top: 25px;
    left: 570px;
    width: 165px;
    height: 55px;
}

#boothRowTwo {
    position: absolute;
    top: 25px;
    left: 780px;
    width: 165px;
    height: 55px;
    display: flex;
}
#boothRowThree {
    position: absolute;
    top: 180px;
    left: 225px;
    width: 55px;
    height: 110px;
    display: flex;
    background:red;
}
#boothRowFour {
    position: absolute;
    top: 130px;
    left: 1020px;
    width: 55px;
    height: 110px;
}


#boothRowFive {
    position: absolute;
    top: 275px;
    left: 400px;
    width: 220px;
    height: 55px;
    display: flex;
}

#boothRowSix {
    position: absolute;
    top: 275px;
    left: 630px;
    width: 330px;
    height: 55px;
    display: flex;
}
#boothRowSeven {
    position: absolute;
    top: 325px;
    left: 235px;
    width: 55px;
    height: 275px;
    display: flex;
}



#boothRowEight {
    position: absolute;
    top: 300px;
    left: 297px;
    width: 55px;
    height: 330px;
    display: flex;
}

#boothRowNine {
    position: absolute;
    top: 360px;
    left: 375px;
    width: 55px;
    height: 330px;
    display: flex;
}

#boothRowTen {
    position: absolute;
    top: 405px;
    left: 375px;
    width: 55px;
    height: 330px;
    display: flex;
}

#boothRowEleven {
    position: absolute;
    top: 477px;
    left: 375px;
    width: 55px;
    height: 330px;
    display: flex;
}
#boothRowTwelve {
    position: absolute;
    top: 517px;
    left: 375px;
    width: 55px;
    height: 330px;
    display: flex;
}

#boothRowThirteen {
    position: absolute;
    top: 350px;
    left: 1020px;
    width: 55px;
    height: 330px;
    display: flex;
}

#boothRowFourteen {
    position: absolute;
    top: 600px;
    left: 433px;
    width: 55px;
    height: 330px;
    display: flex;
}

#boothRowFifteen {
    position: absolute;
    top: 650px;
    left: 225px;
    width: 55px;
    height: 110px;
    display: flex;
}

#boothRowSixteen {
    position: absolute;
    top: 625px;
    left: 1020px;
    width: 55px;
    height: 110px;
    display: flex;
}

#boothRowSeventeen {
    position: absolute;
    top: 835px;
    left: 350px;
    width: 165px;
    height: 55px;
    display: flex;
}

#boothRowEighteen {
    position: absolute;
    top: 835px;
    left: 570px;
    width: 165px;
    height: 55px;
    display: flex;
}

#boothRowNineteen {
    position: absolute;
    top: 835px;
    left: 800px;
    width: 165px;
    height: 55px;
    display: flex;
}


#boothRowNine .available, #boothRowTen .available, #boothRowEleven .available, #boothRowTwelve .available, #boothRowFourteen .available,
#boothRowNine .booked, #boothRowTen .booked, #boothRowEleven .booked, #boothRowTwelve .booked, #boothRowFourteen .booked,
#boothRowNine .selected, #boothRowTen .selected, #boothRowEleven .selected, #boothRowTwelve .selected, #boothRowFourteen .selected {
    width: 45px;
    height: 45px;
    padding: 0 0;
}



.listVertical {
    display: block !important
}



#theFloorPlan ul {
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    margin-left: 0;
    padding: 0;
    display: flex;
    margin-top: 0;
}
#theFloorPlan li {
    display:inline-block;
    margin:0;
    padding:0;
}
