body {
    position: relative;
}

#floorPlan {
    margin-top: 25px;
    clear: right;
    position:relative;
}

#floorPlan .downloading-overlay {
    width: 100%;
    height: 100%;
    display: none;
    background: #FFFFFF url("../../Common/images/loading_anim_large.gif") no-repeat scroll center center;
    position: absolute;
    top: 0;
}

#floorPlan.downloading .downloading-overlay {
    display: block;
}

#floorPlan .limitMessage {
    margin: 10px 0;
}

#floorPlan .limitMessage span {
    font-weight: bold;
}

#floorPlan .limitMessage.inserted {
    color: #0000FF;
}

#serviceArea1 {
    height: 462px;
    padding: 10px;
    position: absolute; /*start new layout box context*/
    background: transparent;
    z-index: 1;
}

#serviceArea1 .panControl {
    background: transparent url("images/service_area.png") no-repeat scroll 0 0;
    background-position: -3px -73px;
    height: 57px;
    width: 57px;
    margin: 10px auto;
    position: relative;
}

#serviceArea1 .panControl div {
    height: 19px;
    width: 19px;
    position: absolute;
    cursor: pointer;
}

#serviceArea1 .panControl div.pressed {
    background: transparent url("images/service_area.png") no-repeat scroll 0 0;
}

#serviceArea1 .panControl div.l {
    background-position: -65px -93px
}

#serviceArea1 .panControl div.r {
    background-position: -106px -93px
}

#serviceArea1 .panControl div.c {
    background-position: -84px -93px
}

#serviceArea1 .panControl div.u {
    background-position: -86px -73px
}

#serviceArea1 .panControl div.d {
    background-position: -85px -113px
}

#serviceArea1 .zoomControl{
    background: transparent url("images/service_area.png") no-repeat scroll 0 0;
    background-position: -54px -138px;
    padding: 3px 0 0;
    width: 56px;
    margin: 0 auto;
}

#serviceArea1 .ui-slider {
    height: 164px;
    background: transparent url("images/service_area.png") no-repeat scroll 0 0;
    background-position: -26px -165px;
    margin: 9px auto;
    -webkit-user-select: none;
}

#serviceArea1 .ui-slider-handle {
    height: 16px;
    width: 29px;
    background: transparent url("images/service_area.png") no-repeat scroll 0 0;
    background-position: -16px -506px;
    left: -0.8em;
}

#serviceArea1 .zoomButton {
    background: transparent url("images/service_area.png") no-repeat scroll 0 0;
    display: block;
    margin: 0 auto;
    height: 24px;
    width: 27px;
}

#serviceArea1 .zoomButtonOut {
    background-position: -17px -533px;
}

#serviceArea1 .zoomButtonIn {
    background-position: -17px -476px;
}

#map {
    height: 480px;
    background-color: black;
    border-width: 1px;
    border-style: solid;
    border-color: #CFCFCF;
    color: white; /* for error messages */
}

.floorplan-pressed {
    cursor: move;
}

.floorplan-over-shape {
    cursor: pointer;
}

#miniMap {
    width: 58px;
    height: 40px;
    background-color: black;
    border: 1px solid black;
    color: white; /* for error messages */
    position: absolute;
    bottom: 4px;
}

#miniMap .expando{
    background: transparent url("images/service_area.png") no-repeat scroll 0 0;
    background-position: -24px -391px;
    height: 10px;
    width: 10px;
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 1;   
}

#miniMap.expanded .expando{
    background-position: -24px -423px;
}

#serviceArea2 {
    position: absolute;
    right: 25px;
    bottom: 25px;
}

#serviceArea2 a.printFp span {
    padding-left: 20px ;
}

#serviceArea2 a.printFp:hover {
    text-decoration: none;
}

#serviceArea2 a.printFp div.logo {
    background: url("../../Common/Images/FileTypes/pdf.png") no-repeat scroll top left;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 0;
    left: 5px;
}

/**************************************************************************************
 * Shape Tooltip
 **************************************************************************************/

#floorPlanToolTip {
    border: solid 1px #999999;
    background: #FFFFFF;
    min-width: 80px;
    max-width: 250px;
    position: absolute;
    color: #333333;
    font-size: 10px;
    display:none;
    -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    z-index: 101;
}

#floorPlanToolTip.shared div {
    background: transparent url("images/stand_sharers.png") no-repeat 5px 4px;
    height: 20px;
    width: 20px;
    position: absolute;
}

#floorPlanToolTip span {
    background: #CFCFCF;
    background: -moz-linear-gradient(100% 100% 90deg, #D5D5D5, #EBEBEB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D5D5D5), to(#EBEBEB));
    color: #333333;
    font-weight: bold;
    display: block;
    padding: 2px 0 0 5px;
}

#floorPlanToolTip.shared span {
    padding-left: 20px;    
}

#floorPlanToolTip ul {
    margin: 0 5px;
}

#floorPlanToolTip ul li {
    display: inline;
    line-height: 1.3em;
}

#floorPlanToolTip ul li:after {
    content: ", ";
}

#floorPlanToolTip ul li:last-child:after {
    content: "";
}

/**************************************************************************************
 * Stand Popup
 **************************************************************************************/

#standPopUp {
    background-color: #ebe9e9;
    position: absolute;
    width: 320px; 
    display: none;
    padding: 4px;
    z-index: 2;
    -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
    z-index: 102;
}

#standPopUp.waiting {
    height: 23px;
    background-position: 285px 50%;
    background-image: url("../../common/images/loading_anim.gif");
    background-attachment: scroll;
    background-repeat: no-repeat;
}

#standPopUp .handle {
    background: transparent url(images/popup_handles.png) no-repeat scroll 0 0;
    height: 17px;
    width: 17px;
    position: absolute;
    top: 0;
    left: 0;
}

#standPopUp.belowLeft {
    -moz-border-radius-topright: 0;
    -webkit-border-radius-topright:0;
    border-top-right-radius: 0;
}

#standPopUp.belowLeft .handle {
    left: 311px;
    top: -17px;
}

#standPopUp.belowRight {
    -moz-border-radius-topleft: 0;
    -webkit-border-radius-topleft:0;
    border-top-left-radius: 0;
}

#standPopUp.belowRight .handle {
    top: -17px;
    left: 0;
}

#standPopUp.aboveRight {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-radius-bottomleft:0;
    border-bottom-left-radius: 0;
}

#standPopUp.aboveRight .handle {
    top: 100%;
    left: 0;
    background-position: 0 -50px;
}

#standPopUp.aboveLeft {
    -moz-border-radius-bottomright: 0;
    -webkit-border-radius-bottomright:0;
    border-bottom-right-radius: 0;
}

#standPopUp.aboveLeft .handle {
    top: 100%;
    left: 311px;
    background-position: 0 -75px;
}

#standPopUp.middleRight .handle {
    top: 50%;
    left: -17px;
    background-position: 0 -75px;
}

#standPopUp .windowBar {
    position: relative;
    height: 22px;
}

#standPopUp .standRef {
    font-weight: bold;
    margin: 5px 15px 5px 0;
    padding: 0 4px;
}

#standPopUp .close {
    height: 15px;
    width: 15px;
    left: 305px;
    top: 2px;
    position: absolute;   
    background: transparent url("images/close.png") no-repeat scroll 0 0;
    cursor: pointer;
}

#standPopUp .logo {
    float: left;
}

#standPopUp .exhibitor {
    background-color: #fff;
    padding: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
}

#standPopUp h2 {
    margin: 0 0 0 55px;
}

#standPopUp h2 a {
    font-weight: bold;
}

#standPopUp .description {
    margin: 0 0 0 55px;
}

#standPopUp .actions {
    margin: 4px 0 4px 55px
}

#standPopUp .actions li, #standPopUp .actions .favourite  {
    display: inline;
}

#standPopUp .toggleSharers {
    padding-left: 17px;
    padding-top:5px;
    background: transparent url("images/sharers_toggle.png") no-repeat scroll 2px 7px; 
    cursor: pointer;   
    font-size: 10px;
    color: #666666;
    display:block;
}

#standPopUp .open .toggleSharers {
    background-position: 2px -17px;
}

#standPopUp .sharers {
    margin: 0;
    overflow: auto;
    max-height: 180px; 
}

#standPopUp ul.compact {
    max-height: 224px;
}

#standPopUp ul.compact .actions {
    display: none;
}

#standPopUp ul.compact h2 {
    margin-left: 0;
}

#standPopUp ul.compact a.logo {
    display: none;
}

#standPopUp .sharers li {
    margin: 4px 0;
}

#standPopUp .sharers li.first {
    margin-top: 0;
}

#standPopUp .sharers li.last {
    margin-bottom: 0;
}

#standPopUp .empty {
    background: #EFEFEF;
    padding: 10px;
}

/**************************************************************************************
 * Structure Selector
 **************************************************************************************/

#floorPlan div.maphilight,
#floorPlan .structureSelector img {
    margin: 10px auto;
}

#floorPlan .maphilight h3.name {
    background: #CFCFCF;
    padding: 5px 20px;
    position: absolute;
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    z-index: 1;
}

#floorPlan #structureSelector area.de {
    cursor: pointer;    
}

#venueToolTip {
    position: absolute;
    min-width: 120px; 
    display: none;
    z-index: 2;
    -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
    border: 4px solid #e5e5e5;
}

#venueToolTip .content {
    background-color: #6699cc;
    color: #fff;
    padding: 2px;
    text-align:center;
}

#venueToolTip .content h2 {
    color: #fff;
    margin:0;
}

#venueToolTip .content p {
    margin:0;
}


#venueToolTip .handle {
    background: transparent url("images/venueToolTipHandle.png") no-repeat scroll 0 0;
    height: 33px;
    width: 33px;
    position: absolute;
    top: 0;
    left: 0;
}

#venueToolTip.belowLeft {
    -moz-border-radius-topright: 0;
    -webkit-border-radius-topright:0;
    border-top-right-radius: 0;
}

#venueToolTip.belowLeft .handle {
    top: -33px;
    right: -7px;
    left: auto;
    background-position: 0 -185px;
}

#venueToolTip.belowRight {
    -moz-border-radius-topleft: 0;
    -webkit-border-radius-topleft:0;
    border-top-left-radius: 0;
}

#venueToolTip.belowRight .handle {
    background-position: 0 -117px;
    left: -4px;
    top: -33px;
}

#venueToolTip.aboveRight {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-radius-bottomleft:0;
    border-bottom-left-radius: 0;
}

#venueToolTip.aboveRight .handle {
    left: -4px;
    top: auto;
    bottom:-33px;
    background-position: 0 -66px;
}

#venueToolTip.aboveLeft {
    -moz-border-radius-bottomright: 0;
    -webkit-border-radius-bottomright:0;
    border-bottom-right-radius: 0;
}

#venueToolTip.aboveLeft .handle {
    left: auto;
    right:-7px;
    top: auto;
    bottom:-33px;
    background-position: 0 -12px;
}