﻿@charset "utf-8";
/* CSS Document */



/*Front page CSS*/


.pricingtable {
    background: url("wood_pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    /* box-sizing: border-box; */
    height: auto;
    margin: 20px 0;
    padding: 20px 0;
    text-align: center;
    width: auto;
}

    .pricingtable .column {
        position: relative;
    }

    .pricingtable .pt-hd {
        padding: 0 10px;
        font-size: 13px;
    }


    .pricingtable .column-item-data {
        padding: 5px 0 5px 0;
        height: 50px;
    }

.pricingtable-button {
    text-decoration: none;
}

    .pricingtable-button.flat {
        color: #fff;
        background: #ababab;
        padding: 5px 20px;
        display: inline-block;
        font-size: 14px;
    }

    .pricingtable-button.rounded {
        color: #fff;
        background: #ababab;
        padding: 5px 20px;
        display: inline-block;
        font-size: 14px;
        border-radius: 20px;
    }

    .pricingtable-button.semi-round {
        color: #fff;
        background: #ababab;
        padding: 5px 20px;
        display: inline-block;
        font-size: 14px;
        border-radius: 5px;
    }

    .pricingtable-button.semi-rounded-top {
        color: #fff;
        background: #ababab;
        padding: 5px 20px;
        display: inline-block;
        font-size: 14px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .pricingtable-button.semi-rounded-bottom {
        color: #fff;
        background: #ababab;
        padding: 5px 20px;
        display: inline-block;
        font-size: 14px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }


    .pricingtable-button.border-left {
        color: #fff;
        background: #ababab;
        padding: 5px 20px;
        display: inline-block;
        font-size: 14px;
        border-left: 3px solid #ddd;
    }

    .pricingtable-button.border-right {
        color: #fff;
        background: #ababab;
        padding: 5px 20px;
        display: inline-block;
        font-size: 14px;
        border-right: 3px solid #ddd;
    }


    .pricingtable-button.border-bottom {
        color: #fff;
        background: #ababab;
        padding: 5px 20px;
        display: inline-block;
        font-size: 14px;
        border-bottom: 3px solid #ddd;
    }


    .pricingtable-button.border-top {
        color: #fff;
        background: #ababab;
        padding: 5px 20px;
        display: inline-block;
        font-size: 14px;
        border-top: 3px solid #ddd;
    }

    .pricingtable-button.ripple {
        display: none;
    }


a.cellinfo {
    position: relative; /*this is the key*/
    color: #4e97d8 !important;
    box-shadow: none !important;
    text-decoration: underline;
}

    a.cellinfo:visited {
        color: #4e97d8 !important;
    }

    a.cellinfo span {
        display: none;
        font-size: 13px;
        box-shadow: none !important;
    }

    a.cellinfo:hover {
        text-decoration: none !important;
        box-shadow: none !important;
    }

    a.cellinfo:hover span { /*the span will display just on :hover state*/
        display: inline-block;
        position: relative;
        /*top:25px;
        left: 120px;*/
        width: 14em;
        border: 2px solid #969999;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #cff;
        color: #313131;
        text-align: left;
        padding: 10px;
        z-index: 100;
    }

