﻿.TextContainerTabQuery {
    padding: 5px;
    border: 1px inset gray;
    border-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; /*background: #ffffff;  for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dff4f6'); /* for IE */ /* background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dff4f6));  for webkit browsers */
    /* background: -moz-linear-gradient(top,  #ffffff,  #dff4f6);  for firefox 3.6+ */
}

#vtab {
    margin: auto;
    width: 95%;
    height: 279px;
}

.transparentt {
    width: 110px;
    height: 80px;
    background-color: #fff !important;
    list-style-type: none;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    padding-top: 10px;
    border: 1px solid #fff;
    position: relative;
    border-radius: 5px;
    border-right: none;
    opacity: .45;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
    cursor: pointer;
}

.selected {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    border: 1px solid #ddd;
    border-right: none;
    z-index: 1;
    background-color: #fafafa !important;
    border-radius: 5px;
    border-bottom: 1px gray inset;
    border-top: 1px gray inset;
    position: relative;
}

#vtab > ul {
    float: right;
    width: 110px;
    text-align: left;
    display: block;
    margin: auto 0;
    padding: 0;
    position: relative;
}

.tileMe {
    margin-right: -40px;
    height: 17px;
}

    .tileMe li {
        margin-top: -5px;
        float: right;
        display: inline-block;
        background-color: #e8d4c9;
        /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#928f8f'); /* for IE */
        /* background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#928f8f)); /* for webkit browsers */
        /*  background: -moz-linear-gradient(top,  #ededed,  #928f8f); /* for firefox 3.6+ */
        border: 1px gray outset;
        padding: 5px 10px 5px 10px;
        cursor: pointer;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        margin-right: 2px;
        color: #491807;
        font-size: 1.3em;
    }

        .tileMe li:hover {
            background-color: #e3d6cd;
            color: White;
        }

        .tileMe li.SelectedTab {
            /*opacity: 1;             -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";             filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);*/
            background-color: #491807;
            /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9baaca', endColorstr='#010d88'); /* for IE */
            /* background: -webkit-gradient(linear, left top, left bottom, from(#9baaca), to(#010d88)); /* for webkit browsers */
            /*  background: -moz-linear-gradient(top,  #9baaca,  #4363ac); /* for firefox 3.6+ */
            color: white;
            text-shadow: 2px 1px 1px #black,2px 2px 1px gray;
        }

.tabQueryy > div {
    border: 1px solid gray;
    padding: 10px;
    border-radius: 5px;
    text-align: right;
    margin-top: 5px;
}
