/* AL 27/10/15 Auto Expert CSS */

.ae_container {
    margin: 15px 0px 0px -10px;
}

.ae_disabled {
    pointer-events: none;
    opacity: 0.4;
}

.ae_header {
    margin-top: 15px;
    display: table;
    background-color: #CA000E;
    height: 50px;
    padding: 10px 0px 10px 10px;
    color: #FFF;
    font-size: 1.5em;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 400;
    text-align: center;
}

.ae_button {
    display: table;
    float: left;
    background-color: #dadbdc;
    min-height: 85px;
    font-family: Lato, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.2em;
    text-align: center;
    color: #333;
    -webkit-transition: background-color 0.5s; /* Safari */
    transition: background-color 0.5s;
    /*box-shadow: inset 0 -4px 4px rgba(0,0,0,0.5), inset 0 4px 4px rgba(255,255,255,1);*/
    border: 2px solid #fff;
}

.ae_button_smaller {
    min-height: 50px !important;
}

.ae_button_small {
    min-height: 50px !important;
}

.ae_button_selected {
    color: #000;
    background-color: #f5f5f5;
    font-weight: bold;
    /*box-shadow: inset 0 4px -4px rgba(0,0,0,0.5), inset 0 -4px -4px rgba(255,255,255,1);*/
}

.ae_button:hover {
    background-color: #a6a7a9;
    color: #000;
    cursor: pointer;
}

.ae_button_image {
    display: block;
    display: table-cell;
    width: 100%;
    padding: 10px 0px 0px 0px;
}

    .ae_button_image img {
        width: 150px;
        height: 100px;
        border: 1px solid #000;
        margin: 0px auto;
        display: table-cell;
    }

.ae_categorytext {
    display: table-row;
    height: 3.5em;
}

.ae_button_text {
    padding: 5px 5px 5px 5px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.ae_button_subheading {
    font-size: 0.8em;
    line-height: 2.0em;
}

.ae_button_prefnum {
    font-size: 0.7em;
    line-height: 2.0em;
    vertical-align: top;
    margin-left: -25px;
    margin-top: 2px;
}

.ae_searchbutton {
    display: table;
    float: left;
    background-color: #000;
    min-height: 100px;
    font-family: Lato, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.0em;
    text-align: center;
    color: #fff;
    -webkit-transition: background-color 0.5s; /* Safari */
    transition: background-color 0.5s;
}

    .ae_searchbutton:hover {
        background-color: #4c4c4c;
        cursor: pointer;
    }

.ae_show_scores {
    font-size: 1em;
    font-weight: bold;
}

.ae_resultpanel {
}

.ae_resultpanelcontainer {
    background-color: #58585b;
    padding-bottom: 0.25em;
}

.ae_resultpanel:hover {
    transition: opacity 0.5s;
    opacity: 0.7;
    cursor: pointer;
}

.ae_row_container {
    display: table;
    width: 100%;
}

.ae_resultpanel .ae_resulttitle {
    background-color: #CA000E;
    color: #ffffff;
    font-weight: 600;
    width: 100%;
    text-align: center;
    padding: 0.2em 0;
    font-size: 1.2em;
}

.ae_resultpanel .ae_resultmodel {
    display: table-cell;
    vertical-align: middle;
    background-color: #58585b;
    color: #ffffff;
    font-weight: 600;
    width: 100%;
    text-align: center;
    padding: 0.2em 0;
    font-size: 0.8em;
    height: 3.5em;
    line-height: 1.5em;
}

.ae_resultpanel .ae_carimage img {
    width: 100%;
}

.ae_resultpanel .ae_resulttype {
    display: table-cell;
    vertical-align: middle;
    background-color: #58585b;
    color: #ffffff;
    width: 100%;
    text-align: center;
    padding: 0.2em 0;
    font-size: 0.8em;
    height: 5em;
    line-height: 1.5em;
}

.ae_scoring {
    display: table;
    background-color: #58585b;
    color: #ffffff;
    width: 100%;
    text-align: center;
    font-size: 0.7em;
    line-height: 1.1em;
}

.ae_scoring_row {
    display: table-row;
}

.ae_scoring .category {
    display: table-cell;
    width: 1%;
    padding: 0.3em 0.5em 0.2em 0.4em;
    text-align: left;
}

.ae_scoring .graph {
    display: table-cell;
    padding-right: 0.5em;
    vertical-align: middle;
    text-align: right;
}

    .ae_scoring .graph .graphbar_chosen {
        background-color: #ffaaaa;
        height: 1.1em;
        color: #000;
        color: #000;
        font-weight: bold;
    }

    .ae_scoring .graph .graphbar_notchosen {
        background-color: #ccc;
        height: 1.1em;
        color: #000;
        font-weight: bold;
    }

    .ae_scoring .graph .graphbar_total {
        background-color: #999;
        height: 1.1em;
        color: #000;
        font-weight: bold;
    }



.ae_moreresults {
    display: table;
    width: 100%;
    background-color: #000;
    min-height: 100px;
    font-family: Lato, sans-serif;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.0em;
    text-align: center;
    color: #fff;
    -webkit-transition: background-color 0.5s; /* Safari */
    transition: background-color 0.5s;
}

    .ae_moreresults:hover {
        background-color: #4c4c4c;
        cursor: pointer;
    }