/*
	TOOLTIP
		1.- Tooltip search
		2.- Tooltip links
		3.- Tooltip checkout
		4.- Tooltip white
		5.- Tooltip faq
		6.-Attendee block
*/
/* ===== TOOLTIP ====== */
.tooltip-black {
    position: absolute;
    left: 0;
    top: 0;
    padding: 7px;
}

    .tooltip-black .holder {
        position: relative;
        border: 1px solid #000;
        background: url(../images/bg-tooltip-black.png);
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    .tooltip-black .text-block {
        color: #fff;
        font-size: 0.846em;
        line-height: 1;
        min-width: 117px;
        max-width: 128px;
        padding: 9px 9px 14px 11px;
    }

.black-arrow {
    position: absolute;
    left: 20px;
    bottom: -14px;
    overflow: hidden;
    text-indent: -9999px;
    width: 14px;
    height: 14px;
    background: url(../images/arrow-tooltip-black.png) no-repeat;
    margin: 0;
}

    .black-arrow.arrow-left {
        background-position: 0 -14px;
    }

    .black-arrow.arrow-top {
        background-position: 0 -28px;
    }

    .black-arrow.arrow-right {
        background-position: 0 -42px;
    }
/* ===== TOOLTIP SEARCH ====== */
.tooltip-search {
    width: 250px;
    padding: 8px 10px 8px 8px;
}

.search-title {
    width: 100%;
    margin: 0 0 9px;
    padding: 0 0 7px;
    border-bottom: 1px solid #707070;
}

    .search-title:after {
        content: "";
        display: block;
        clear: both;
    }

    .search-title strong {
        float: left;
        font-size: 0.769em;
        line-height: 0.923em;
        color: #fff;
        text-transform: uppercase;
    }

.btn-close-white {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 10px;
    height: 6px;
    margin: 0 -2px 0 0;
    background: url(../images/btn-close-white.png) no-repeat;
}

.tooltip-search .row {
    width: 100%;
}

    .tooltip-search .row:after {
        content: "";
        display: block;
        clear: both;
    }

.tooltip-search .search-text {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float: left;
    margin: 0 5px 0 0;
    padding: 0 0 0 22px;
    width: 165px;
    height: 24px;
    background: #fff url(../images/bg-tooltip-search.png) no-repeat 6px 5px;
}

    .tooltip-search .search-text input {
        font-size: 1em;
        line-height: 1.231em;
        float: left;
        margin: 0;
        padding: 4px 0;
        border: 0;
        background: none;
        width: 165px;
        height: 16px;
    }

.btn-go {
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    line-height: 0;
    margin: 0 -1px 0 0;
    padding: 0;
    border: 0;
    background: url(../images/btn-go.png) no-repeat;
    width: 59px;
    height: 27px;
}
/* ===== TOOLTIP LINKS ====== */
.tooltip-links {
    width: 150px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 7px;
}

    .tooltip-links .top {
        overflow: hidden;
        text-indent: -9999px;
        border: 1px solid #000;
        border-bottom: 0;
        background: url(../images/bg-tooltip-black.png);
        border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        height: 8px;
    }

    .tooltip-links ul {
        font-size: 0.846em;
        line-height: 1.077em;
        margin: 0;
        padding: 0;
        list-style: none;
        border-right: 1px solid #000;
        border-left: 1px solid #000;
    }

    .tooltip-links a {
        display: block;
        color: #fff;
        padding: 1px 11px 3px;
        background: url(../images/bg-tooltip-black.png);
    }

        .tooltip-links a:hover,
        .tooltip-links .active a {
            text-decoration: none;
            background: url(../images/bg-tooltip-links.png);
        }

    .tooltip-links .bottom {
        overflow: hidden;
        text-indent: -9999px;
        border: 1px solid #000;
        border-top: 0;
        background: url(../images/bg-tooltip-black.png);
        border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        height: 2px;
    }


/* ===== TOOLTIP CHECKOUT ====== */
.tooltip-checkout {
    width: 276px;
    position: absolute;
    left: 14px;
    top: 14px;
    padding: 1px 0 0;
    background: url(../images/bg-tooltip-checkout-t.png) no-repeat 100% 0;
}

.checkout-arrow {
    position: absolute;
    left: 37px;
    top: -13px;
    overflow: hidden;
    text-indent: -9999px;
    width: 14px;
    height: 14px;
    margin-left: 0;
    background: url(../images/arrow-tooltip-blue.png) no-repeat;
}

    .checkout-arrow.checkout-right {
        background-position: 0 -14px;
    }

    .checkout-arrow.checkout-bottom {
        background-position: 0 -28px;
    }

    .checkout-arrow.checkout-left {
        background-position: 0 -42px;
    }

.checkout-title {
    color: #fff;
    font-size: 0.846em;
    line-height: 1.077em;
    overflow: hidden;
    padding: 0 0 0 11px;
    height: 1%;
    background: url(../images/bg-checkout-title.png) repeat-y 100% 0;
}

    .checkout-title .name,
    .checkout-content .name {
        float: left;
        width: 124px;
        padding: 4px 0 5px 12px;
    }

    .checkout-title .qty,
    .checkout-content .qty {
        text-align: center;
        float: left;
        width: 27px;
        padding: 4px 7px 5px 9px;
    }

    .checkout-title .price,
    .checkout-content .price {
        float: left;
        width: 68px;
        padding: 4px 0 5px 12px;
    }

.checkout-content {
    padding: 5px 0 0px 8px;
    font: bold 12px/15px Helvetica, Arial, sans-serif;
    overflow: hidden;
    height: 1%;
    background: url(../images/bg-checkout-content.png) no-repeat;
}

.btn-close-checkout {
    position: relative;
    margin: 9px -7px 0 0;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    background: url(../images/btn-close-checkout.png) no-repeat;
}

.checkout-panel {
    overflow: hidden;
    height: 1%;
    border: 1px solid #cfc9a2;
    border-top: 0;
    margin: 0 0 0 11px;
    padding: 6px 4px 4px 10px;
    background: url(../images/bg-checkout-panel.png);
}

    .checkout-panel .total {
        float: left;
        padding: 5px 0 0;
    }

    .checkout-panel .btn {
        float: right;
        margin: 0 0 5px;
        padding: 0 10px;
        height: 23px;
        color: #ffffff;
    }
/* ===== TOOLTIP WHITE ====== */
.tooltip-white {
    z-index: 99;
    position: absolute;
    left: 0;
    top: 7px;
    border: 1px solid #00539b;
    background: #f8f8f8;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .tooltip-white .arrow {
        position: absolute;
        left: 22px;
        bottom: -14px;
        overflow: hidden;
        text-indent: -9999px;
        width: 14px;
        height: 14px;
        background: url(../images/arrow-tooltip-white.png) no-repeat;
    }

    .tooltip-white .arrow-r {
        background: url(../images/arrow-tooltip-white.png) no-repeat 0 -14px;
    }

    .tooltip-white .arrow-t {
        background: url(../images/arrow-tooltip-white.png) no-repeat 0 -28px;
        bottom: auto;
        top: -14px;
    }

    .tooltip-white .arrow-l {
        background: url(../images/arrow-tooltip-white.png) no-repeat 0 -42px;
    }

    .tooltip-white .title {
        padding: 0 0 1px;
        overflow: hidden;
        height: 1%;
        display: block;
        width: 100%;
        text-align: center;
    }

        .tooltip-white .title strong {
            float: left;
            font-size: 1.077em;
            line-height: 1.231em;
            padding: 0 3px 0 0;
        }

        .tooltip-white .title em {
            float: left;
            color: #222;
            line-height: 1.308em;
        }

    .tooltip-white .note {
        display: block;
        padding: 0 0 8px;
        color: #666;
    }

    .tooltip-white p {
        margin: 0 0 1px;
    }

.tooltip-faq {
    overflow: hidden;
    width: 324px;
    padding: 8px 6px 8px 8px;
}

.btn-close-black {
    position: absolute;
    right: 6px;
    top: 7px;
    overflow: hidden;
    text-indent: -9999px;
    width: 9px;
    height: 6px;
    background: url(../images/btn-close-black.gif) no-repeat;
}
/* ===== TOOLTIP FAQ ====== */
.tooltip-faq .image-block {
    float: left;
}

.tooltip-faq img {
    vertical-align: top;
}

.tooltip-faq .text-block {
    overflow: hidden;
    height: 1%;
    padding: 2px 0 0 10px;
}

    .tooltip-faq .text-block strong {
        display: block;
        margin: 0 0 -1px;
    }

.tooltip-faq p {
    margin: 0;
}

.bottom-center-position .black-arrow {
    left: 50%;
    bottom: -14px;
    right: auto;
    margin-left: -10px;
}

.bottom-left-position .black-arrow {
    left: 20px;
    bottom: -14px;
    right: auto;
}

.bottom-right-position .black-arrow {
    right: 20px;
    bottom: -14px;
    left: auto;
}

.top-center-position .black-arrow {
    top: -14px;
    left: 50%;
    right: auto;
    margin-left: -10px;
    background: url(../images/arrow-tooltip-black.png) no-repeat 0 -28px;
}

.top-left-position .black-arrow {
    left: 20px;
    top: -14px;
    background: url(../images/arrow-tooltip-black.png) no-repeat 0 -28px;
}

.top-right-position .black-arrow {
    right: 20px;
    top: -14px;
    left: auto;
    background: url(../images/arrow-tooltip-black.png) no-repeat 0 -28px;
}

.tooltip-links .black-arrow {
    bottom: -6px;
}

.top-center-position.tooltip-white .arrow {
    left: 50%;
    bottom: auto;
    top: -13px;
    background: url(../images/arrow-tooltip-white.png) no-repeat 0 -28px;
    margin-left: -7px;
}

.top-right-position.tooltip-white .arrow-r {
    background: url(../images/arrow-tooltip-white.png) no-repeat 0 -28px;
    right: 22px;
    left: auto;
    top: -14px;
    bottom: auto;
}

.top-left-position.tooltip-white .arrow-l {
    background: url(../images/arrow-tooltip-white.png) no-repeat 0 -28px;
    bottom: auto;
    top: -14px;
    left: 22px;
}

.bottom-center-position.tooltip-white .arrow {
    left: 50%;
    background: url(../images/arrow-tooltip-white.png) no-repeat;
    margin-left: -7px;
    bottom: -13px;
    top: auto;
}

.bottom-right-position.tooltip-white .arrow {
    background: url(../images/arrow-tooltip-white.png) no-repeat;
    right: 22px;
    left: auto;
}

.bottom-left-position.tooltip-white .arrow {
    background: url(../images/arrow-tooltip-white.png) no-repeat;
    left: 22px;
    right: auto;
}

.top-center-position .checkout-arrow {
    left: 50%;
    top: -13px;
    background: url(../images/arrow-tooltip-blue.png) no-repeat;
    margin-left: -7px;
}

.top-left-position .checkout-arrow {
    left: 37px;
    right: auto;
    top: -13px;
    background: url(../images/arrow-tooltip-blue.png) no-repeat;
}

.top-right-position .checkout-arrow {
    right: 37px;
    left: auto;
    top: -13px;
    background: url(../images/arrow-tooltip-blue.png) no-repeat;
}

.bottom-center-position .checkout-arrow {
    left: 50%;
    top: auto;
    bottom: -13px;
    background: url(../images/arrow-tooltip-blue.png) no-repeat 0 -28px;
    margin-left: -7px;
}

.bottom-left-position .checkout-arrow {
    left: 37px;
    right: auto;
    top: auto;
    bottom: -13px;
    background: url(../images/arrow-tooltip-blue.png) no-repeat 0 -28px;
}

.bottom-right-position .checkout-arrow {
    right: 37px;
    left: auto;
    top: auto;
    bottom: -13px;
    background: url(../images/arrow-tooltip-blue.png) no-repeat 0 -28px;
}

.tooltip-helper .tooltip-box {
    position: static;
}

.tooltip-box {
    top: -9999px;
    left: -9999px;
}

/* ATTENDEE BLOCK */
.attendee-block {
    width: auto;
    padding: 10px 10px 14px;
}

/* TEXT SEARCH BOX */
.text-search-box {
	float: right;
	width: auto;
	height: 27px;
	padding: 1px;
	background: url(../images/bg-text-search.png) no-repeat;
}

.text-search-box input {
	line-height: 1.154em;
	color: #BDBEC0;
	float: left;
	margin: 0;
	padding: 7px 0 5px 8px;
	border: 0;
	background: none;
	width: 157px;
	height: 15px;
}