﻿.plans-list {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 768px) {
    .plans-list {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.plans-list .plan-item .title {
    font: 600 14px/1.78 'brandon_bld';
    letter-spacing: .24em;
    text-transform: uppercase;
    background: #797979;
    color: #ffffff;
    text-align: center;
}

.plans-list .plan-item figure {
    padding: 0;
    margin: 0;
}

@media (max-width: 474px) {
    .plans-list {
        zoom: .6;
    }
}

@media (min-width: 768px) {
    .plans-list {
        margin: 0 -11px;
    }

        .plans-list .plan-item {
            float: left;
            width: 50%;
            min-width: 463px;
            border-left: 1px solid #e9e8e8;
            padding: 0 11px;
        }

            .plans-list .plan-item:first-child {
                border-left: none;
            }
}

.plans-list .floor-plan {
    position: relative;
}

    .plans-list .floor-plan .floor_image_map {
        max-width: 440px;
        margin: 0 auto;
    }

    .plans-list .floor-plan .transparentMap {
        width: 440px;
        height: 155px;
        position: absolute;
        z-index: 5;
    }

    .plans-list .floor-plan .floor_image {
        width: 440px;
        height: 155px;
        position: relative;
        z-index: 0;
    }

    .plans-list .floor-plan .floor-rollovers-list {
        width: 440px;
        height: 155px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -220px;
    }

        .plans-list .floor-plan .floor-rollovers-list .floor_rollovers {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 3;
        }

            .plans-list .floor-plan .floor-rollovers-list .floor_rollovers .field-collection-view {
                position: absolute;
                top: 0;
                left: 0;
            }

            .plans-list .floor-plan .floor-rollovers-list .floor_rollovers .rollover {
                display: none;
                position: absolute;
            }

                .plans-list .floor-plan .floor-rollovers-list .floor_rollovers .rollover img {
                    max-width: inherit;
                }

            .plans-list .floor-plan .floor-rollovers-list .floor_rollovers .filtered {
                display: none;
                position: absolute;
            }

                .plans-list .floor-plan .floor-rollovers-list .floor_rollovers .filtered img {
                    max-width: inherit;
                }

                .plans-list .floor-plan .floor-rollovers-list .floor_rollovers .filtered.yes,
                .plans-list .floor-plan .floor-rollovers-list .floor_rollovers .rollover.active {
                    display: block !important;
                }

.plans-list .floorplan_tables {
    color: #231f20;
}

    .plans-list .floorplan_tables .floorplan_table {
        display: none;
    }

        .plans-list .floorplan_tables .floorplan_table.active {
            display: table-row-group;
        }

    .plans-list .floorplan_tables table {
        margin: 0;
        font: 600 14px/1 'brandon_bld';
        letter-spacing: 0.12em;
        border: none;
    }

        .plans-list .floorplan_tables table thead tr {
            background: transparent;
            border-bottom: none;
        }

            .plans-list .floorplan_tables table thead tr th {
                font: 600 9px/1 'brandon_bld';
                color: #596283;
                text-transform: uppercase;
                vertical-align: top;
                border: none;
                padding: 10px 3px 6px;
                text-align: center;
            }

                .plans-list .floorplan_tables table thead tr th:nth-child(odd) {
                    background: #f8f8f8;
                }
                .plans-list .floorplan_tables table thead tr th:nth-child(even) {
                    background: #FFFFFF;
                }

        .plans-list .floorplan_tables table tbody tr {
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            cursor: pointer;
        }

            .plans-list .floorplan_tables table tbody tr td {
                text-align: center;
                border: none;
                padding: 8px 0;
                border-top: 1px solid #f4f4f4;
            }

                .plans-list .floorplan_tables table tbody tr td:nth-child(odd) {
                    background: #f8f8f8;
                }
                .plans-list .floorplan_tables table tbody tr td:nth-child(even) {
                    background: #FFFFFF;
                }

            .plans-list .floorplan_tables table tbody tr.active td,
            .plans-list .floorplan_tables table tbody tr:hover td,
            .plans-list .floorplan_tables table tbody tr.active td:nth-child(odd),
            .plans-list .floorplan_tables table tbody tr:hover td:nth-child(odd) {
                background: #144191;
                color: #ffffff;
            }

.plans-list .plan-item[location="3"] .floorplan_tables table tbody tr.active td,
.plans-list .plan-item[location="3"] .floorplan_tables table tbody tr:hover td,
.plans-list .plan-item[location="3"] .floorplan_tables table tbody tr.active td:nth-child(odd),
.plans-list .plan-item[location="3"] .floorplan_tables table tbody tr:hover td:nth-child(odd) {
    background: #0047BA;
}

.plans-list .field_room {
    width: 18% !important;
}

.plans-list th {
    border: 1px solid #797979 !important;
}

    .plans-list th.field_u_shape_capacity,
    .plans-list th.field_team_style_capacity,
    .plans-list th.field_school_room_capacity,
    .plans-list th.field_school_room,
    .plans-list th.field_theater_capacity {
        cursor: pointer;
        background: #CCC !important;
    }

.plans-list .field_room_dimensions {
    width: 15% !important;
}

.plans-list .field_square_footage {
    width: 15% !important;
}

.plans-list .field_u_shape_capacity {
    width: 10% !important;
}

.plans-list .field_team_style_capacity {
    width: 10% !important;
}

.plans-list .field_school_room_capacity {
    width: 12% !important;
}

.plans-list .field_school_room {
    width: 10% !important;
}

.plans-list .field_theater_capacity {
    width: 10% !important;
}

.plans-list .room_1a {
    top: 15px;
    left: 243px;
}

.plans-list .room_1b {
    top: 15px;
    left: 283px;
}

.plans-list .room_2a {
    top: 16px;
    left: 154px;
}
.plans-list .room_2b {
    top: 16px;
    left: 125px;
}
.plans-list .room_2 {
    top: 15px;
    left: 125px;
}

.plans-list .room_3 {
    top: 15px;
    left: 327px;
}

.plans-list .room_4 {
    top: 14px;
    left: 50px;
}

.plans-list .room_5a {
    top: 40px;
    left: 348px;
}

.plans-list .room_5b {
    top: 53px;
    left: 358px;
}

.plans-list .room_5c {
    top: 76px;
    left: 372px;
}

.plans-list .room_6 {
    top: 47px;
    left: 31px;
}

.plans-list .room_7 {
    top: 93px;
    left: 360px;
}

.plans-list .room_8 {
    top: 80px;
    left: 4px;
}

.plans-list .room_9a {
    top: 93px;
    left: 325px;
}

.plans-list .room_9b {
    top: 92px;
    left: 302px;
}

.plans-list .room_10 {
    top: 92px;
    left: 70px;
}

.plans-list .room_lincoln-park-b {
    /*.plans-list .room_12a {*/
    top: 16px;
    left: 157px;
}

.plans-list .room_lincoln-park-a {
    /*.plans-list .room_12b {*/
    top: 16px;
    left: 117px;
}

.plans-list .room_belmont {
    /*.plans-list .room_13 {*/
    top: 90px;
    left: 245px;
}
.plans-list .room_grant-park-c {
    top: 39px;
    left: 47px;
}
.plans-list .room_grant-park-d {
    top: 15px;
    left: 47px;
}
/*.plans-list .room_14 {*/
.plans-list .room_grant-park-cd {
    top: 13px;
    left: 47px;
}

.plans-list .room_burnham {
    /*.plans-list .room_15 {*/
    top: 107px;
    left: 192px;
}
.plans-list .room_grant-park-a {
    top: 94px;
    left: 4px;
}
.plans-list .room_grant-park-b {
    top: 56px;
    left: 4px;
}
/*.plans-list .room_16 {*/
.plans-list .room_grant-park-ab {
    top: 56px;
    left: 4px;
}

.plans-list .room_dunbar-park {
    top: 60px;
    left: 22px;
}

.plans-list .room_garfield-park {
    top: 108px;
    left: 2px;
}
/*.plans-list .room_grant-park-a {
  top: 87px;
  left: 149px;
}
.plans-list .room_grant-park-b {
  top: 83px;
  left: 195px;
}
.plans-list .room_grant-park-c {
  top: 86px;
  left: 242px;
}*/
.plans-list .room_humbolt-park {
    top: 107px;
    left: 282px;
}

.plans-list .room_hyde-park {
    top: 115px;
    left: 327px;
}

.plans-list .room_jackson-park {
    top: 100px;
    left: 376px;
}

.plans-list .room_lincoln-park-ii {
    top: 79px;
    left: 360px;
}

.plans-list .room_lincoln-park-i {
    top: 60px;
    left: 348px;
}

.plans-list .room_millennium-park-ii {
    top: 44px;
    left: 345px;
}

.plans-list .room_millennium-park-i {
    top: 29px;
    left: 338px;
}

.plans-list .room_the-collabratory {
    top: 1px;
    left: 320px;
}

.plans-list .room_burnham-harbor {
    top: 81px;
    left: 76px;
}

.plans-list .room_belmont-harbor {
    top: 81px;
    left: 94px;
}

.plans-list .room_privacy-1 {
    top: 48px;
    left: 110px;
}

.plans-list .room_privacy-2 {
    top: 48px;
    left: 126px;
}

.plans-list .room_privacy-3 {
    top: 83px;
    left: 196px;
}

.plans-list .room_privacy-4 {
    top: 83px;
    left: 227px;
}

.plans-list .room_privacy-5 {
    top: 15px;
    left: 316px;
}

.plans-list .room_privacy-6 {
    top: 113px;
    left: 59px;
}

.plans-list .room_privacy-7 {
    top: 100px;
    left: 343px;
}

.plans-list .room_privacy-8 {
    top: 100px;
    left: 360px;
}

.plans-list .room_lounge-1 {
    top: 108px;
    left: 150px;
}

.plans-list .room_lounge-2 {
    top: 108px;
    left: 178px;
}

.plans-list .room_lounge-3 {
    top: 121px;
    left: 114px;
}
/* qTip2 v2.2.0 basic | qtip2.com | Licensed MIT, GPL | Fri Feb 21 2014 05:51:54 */
.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0;
}

.qtip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
}

.qtip-titlebar {
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border-width: 0 0 1px;
    font-weight: 700;
}

    .qtip-titlebar + .qtip-content {
        border-top-width: 0 !important;
    }

.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    cursor: pointer;
    outline: medium none;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
    top: 16px;
}

.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr;
}

.qtip-icon,
.qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

    .qtip-icon .ui-icon {
        width: 18px;
        height: 14px;
        line-height: 14px;
        text-align: center;
        text-indent: 0;
        font: 400 bold 10px/13px Tahoma, sans-serif;
        color: inherit;
        background: transparent none no-repeat -100em -100em;
    }

.qtip-default {
    border-width: 1px;
    border-style: solid;
    border-color: #F1D031;
    background-color: #FFFFA3;
    color: #555555;
}

    .qtip-default .qtip-titlebar {
        background-color: #ffef93;
    }

    .qtip-default .qtip-icon {
        border-color: #CCC;
        background: #F1F1F1;
        color: #777777;
    }

    .qtip-default .qtip-titlebar .qtip-close {
        border-color: #AAA;
        color: #111111;
    }

.qtip-light {
    background-color: #fff;
    border-color: #E2E2E2;
    color: #454545;
}

    .qtip-light .qtip-titlebar {
        background-color: #f1f1f1;
    }

.qtip-dark {
    background-color: #505050;
    border-color: #303030;
    color: #f3f3f3;
}

    .qtip-dark .qtip-titlebar {
        background-color: #404040;
    }

    .qtip-dark .qtip-icon {
        border-color: #444444;
    }

    .qtip-dark .qtip-titlebar .ui-state-hover {
        border-color: #303030;
    }

.qtip-cream {
    background-color: #FBF7AA;
    border-color: #F9E98E;
    color: #a27d35;
}

    .qtip-cream .qtip-titlebar {
        background-color: #f0de7d;
    }

    .qtip-cream .qtip-close .qtip-icon {
        background-position: -82px 0;
    }

.qtip-red {
    background-color: #F78B83;
    border-color: #D95252;
    color: #912323;
}

    .qtip-red .qtip-titlebar {
        background-color: #f06d65;
    }

    .qtip-red .qtip-close .qtip-icon {
        background-position: -102px 0;
    }

    .qtip-red .qtip-icon {
        border-color: #d95252;
    }

    .qtip-red .qtip-titlebar .ui-state-hover {
        border-color: #d95252;
    }

.qtip-green {
    background-color: #CAED9E;
    border-color: #90D93F;
    color: #3f6219;
}

    .qtip-green .qtip-titlebar {
        background-color: #b0de78;
    }

    .qtip-green .qtip-close .qtip-icon {
        background-position: -42px 0;
    }

.qtip-blue {
    background-color: #E5F6FE;
    border-color: #ADD9ED;
    color: #5e99bd;
}

    .qtip-blue .qtip-titlebar {
        background-color: #d0e9f5;
    }

    .qtip-blue .qtip-close .qtip-icon {
        background-position: -2px 0;
    }

.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
}

x:-o-prefocus,
.qtip .qtip-tip {
    visibility: hidden;
}

    .qtip .qtip-tip,
    .qtip .qtip-tip .qtip-vml,
    .qtip .qtip-tip canvas {
        position: absolute;
        color: #123456;
        background: transparent;
        border: 0 dashed transparent;
    }

        .qtip .qtip-tip canvas {
            top: 0;
            left: 0;
        }

        .qtip .qtip-tip .qtip-vml {
            behavior: url(#default#VML);
            display: inline-block;
            visibility: visible;
        }

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

    .popover .popover-title {
        margin: 0;
        padding: 8px 14px;
        font-size: 14px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-radius: 5px 5px 0 0;
    }

    .popover .popover-content {
        padding: 9px 14px;
    }

    .popover > .arrow {
        border-width: 11px;
    }

        .popover > .arrow,
        .popover > .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }

            .popover > .arrow:after {
                border-width: 10px;
                content: "";
            }

    .popover.top > .arrow {
        left: 50%;
        margin-left: -11px;
        border-bottom-width: 0;
        border-top-color: #999999;
        border-top-color: rgba(0, 0, 0, 0.25);
        bottom: -11px;
    }

        .popover.top > .arrow:after {
            content: " ";
            bottom: 1px;
            margin-left: -10px;
            border-bottom-width: 0;
            border-top-color: #ffffff;
        }

    .popover.right > .arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-left-width: 0;
        border-right-color: #999999;
        border-right-color: rgba(0, 0, 0, 0.25);
    }

        .popover.right > .arrow:after {
            content: " ";
            left: 1px;
            bottom: -10px;
            border-left-width: 0;
            border-right-color: #ffffff;
        }

    .popover.bottom > .arrow {
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999999;
        border-bottom-color: rgba(0, 0, 0, 0.25);
        top: -11px;
    }

        .popover.bottom > .arrow :after {
            content: " ";
            top: 1px;
            margin-left: -10px;
            border-top-width: 0;
            border-bottom-color: #ffffff;
        }

    .popover.left > .arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999999;
        border-left-color: rgba(0, 0, 0, 0.25);
    }

        .popover.left > .arrow:after {
            content: " ";
            right: 1px;
            border-right-width: 0;
            border-left-color: #ffffff;
            bottom: -10px;
        }
