﻿.medium_transition {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.rotate_one_eighty {
    -moz-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

.float_left_article_img {
    max-width: 300px;
    float: left;
    margin-right: 20px;
    margin-bottom: 8px;
    border: 1px solid #eee;
    position: relative;
    top: 3px;
}

.float_right_article_img {
    max-width: 300px;
    float: right;
    margin-left: 20px;
    margin-bottom: 8px;
    border: 1px solid #eee;
    position: relative;
    top: 3px;
}

@media screen and (max-width: 768px) {
    .float_left_article_img {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .float_right_article_img {
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
}
/* key topcs and expertise h5 carousel fix */
.wrapper .carousel-more h5 {
    height: auto !important;
}

/* general left nav line-height fix */
.aside_menu_list li {
    line-height: 1.4;
    margin: 10px 0;
}

/* spotlight homepage section styling 
.wrapper .carousel-inner.vertical { min-height: inherit; }
@media screen and (min-width: 1200px) {
.carousel-indicators { position: relative !important; top: 0 !important; left: 0 !important; padding-left:72px !important; margin-top:30px !important; }
.wrapper .carousel-bootstrap ul.carousel-indicators-bootstrap li { line-height:1.0 !important; }
}
*/
/* spotlight section portal page styling */
div.spotlight_item {
    list-style: none;
    clear: both;
    float: left;
    margin-bottom: 30px;
	width:100%;
}

    div.spotlight_item a {
    }

    div.spotlight_item .spotlight_image {
        max-height: 120px;
        overflow: hidden;
        border: 1px solid #eee;
        padding: 0;
        max-width: 190px;
        margin-left: 15px;
    }

    div.spotlight_item a.col-sm-3 {
    }

        div.spotlight_item a.col-sm-3 img {
            max-width: 100%;
        }

    div.spotlight_item div.col-sm-9 {
    }

        div.spotlight_item div.col-sm-9 h3 {
            margin-top: 0;
        }

            div.spotlight_item div.col-sm-9 h3 a {
                color: #95569e !important;
                font-weight: bold;
                font-size: 26px;
            }

        div.spotlight_item div.col-sm-9 p.spotlight_description {
            font-size: 16px;
            line-height: 1.4;
        }

            div.spotlight_item div.col-sm-9 p.spotlight_description a.spotlight_description_anchor {
                color: #333 !important;
            }

        div.spotlight_item div.col-sm-9 p a {
            color: #95569e !important;
        }

        div.spotlight_item div.col-sm-9 a.spotlight_cta {
            background: url('/media/arrow/small-purple-arrow-15x15.png') no-repeat;
            background-position: 98px 10px;
            float: left;
            padding-right: 50px;
            font-size: 14px;
            color: #95569e !important;
            font-weight: bold;
            text-transform: uppercase;
            position: relative;
        }

        div.spotlight_item div.col-sm-9 a.spotlight_cta:hover {
            background-position: 110px 10px;
        }

@media screen and (max-width: 768px) {
    #spotlight_item {
        padding: 0 15px;
    }

    div.spotlight_item div.col-sm-9 h3 {
        margin-top: 15px;
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }

        div.spotlight_item div.col-sm-9 h3 a {
            font-size: 20px;
        }

    div.spotlight_item .spotlight_image {
        max-height: inherit;
        overflow: hidden;
        border: 1px solid #eee;
        padding: 0;
        max-width: 90% !important;
        margin-left: 0;
    }
}

/* left navi Previous link styling */
.prevparent_side_nav img {
    margin-right: 10px;
    left: 0px;
    position: relative;
}

.prevparent_side_nav:hover img {
    left: -10px;
}

.prevparent_side_nav span {
    font-size: 14px;
    color: #95569e !important;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
}
/* misc bespoke side nav styling */
.prevparent_side_nav {
    margin-bottom: 10px;
}

.bespoke_side_navigation + .social, #bespoke_child_navi {
    margin-top: 15px;
}

    #bespoke_child_navi li {
        line-height: 1.4;
        margin: 10px 0;
    }

        #bespoke_child_navi li a {
            color: #95569e;
        }

            #bespoke_child_navi li a.bold {
                font-weight: bold;
            }

/* NFER Tests accordion */
.ui-state-active {
    border: 1px solid #ccc !important;
}

.med_transition {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.centre {
    margin: 0 auto;
    max-width: 1024px;
}

#nfer_tests, #nfer_tests_cust_details, #nfer_tests_delivery_details {
    max-width: 1024px;
    margin: 0 auto;
    margin-top: 26px;
    width: 100%;
    float: left;
}

    #nfer_tests h1, #nfer_tests_cust_details h1, #nfer_tests_delivery_details h1 {
        margin: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 14px;
        font-size: 22px;
        color: #333;
        font-weight: bold;
        line-height: inherit;
    }

    #nfer_tests h2, #nfer_tests_cust_details h2, #nfer_tests_delivery_details h2 {
        margin: 0;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        font-size: 20px;
        line-height: 28px;
        color: #777;
        font-weight: normal;
        outline: none;
        margin-top: 20px;
        cursor: pointer;
    }

        #nfer_tests h2.ui-accordion-header {
            background: #95569e;
            padding: 10px;
            color: #fff;
        }

        #nfer_tests h2.ui-accordion-header-active {
            color: #333;
            background: #fafafa;
        }

        #nfer_tests h2 img {
            max-width: 10px;
            position: relative;
            margin-left: 5px;
            top: -1px;
        }

        #nfer_tests h2.ui-accordion-header-active img {
            margin-left: 8px;
            -moz-transform: scale(1.2) rotate(90deg);
            -webkit-transform: scale(1.2) rotate(90deg);
            -o-transform: scale(1.2) rotate(90deg);
            -ms-transform: scale(1.2) rotate(90deg);
            transform: scale(1.2) rotate(90deg);
        }

    #nfer_tests div.row {
        clear: both;
        margin: 0px;
        padding: 0;
    }

        #nfer_tests div.row ul {
            margin: 0;
            padding: 20px 0;
            list-style: none;
            width: 100%;
            background-image: url('/media/2699/nfer_tests_form_background_image.png');
            float: left;
            padding-bottom: 0;
            background-size: contain;
        }

            #nfer_tests div.row ul li {
                display: inline-block;
                position: relative;
            }

            #nfer_tests div.row ul.two_column_ul {
            }

                #nfer_tests div.row ul.two_column_ul li {
                    width: 48%;
                }

            #nfer_tests div.row ul.three_column_ul {
            }

                #nfer_tests div.row ul.three_column_ul li {
                    width: 32%;
                }

            #nfer_tests div.row ul li .first {
                background-color: #EC3639;
            }

            #nfer_tests div.row ul li .second {
                background-color: #1ACE20;
            }

            #nfer_tests div.row ul li .third {
                background-color: #5195D2;
            }

    #nfer_tests .img_alternative {
        width: 50px;
        height: 50px;
        display: block;
        position: relative;
        top: 0px;
        cursor: pointer;
        margin: 0 auto;
        border-radius: 50%;
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.8;
        margin-bottom: 10px;
    }

        #nfer_tests .img_alternative:hover, .hover {
            -moz-transform: scale(1.0);
            -webkit-transform: scale(1.0);
            -o-transform: scale(1.0);
            -ms-transform: scale(1.0);
            transform: scale(1.0) !important;
            top: 5px !important;
            -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
            -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
            box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
        }

        #nfer_tests .img_alternative.selected {
            opacity: 1.0;
            top: 5px;
            -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
            -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
            box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
            -moz-transform: scale(1.0);
            -webkit-transform: scale(1.0);
            -o-transform: scale(1.0);
            -ms-transform: scale(1.0);
            transform: scale(1.0);
        }

    #nfer_tests #accordion {
        clear: both;
    }

#logging_row_one_option_one_img {
}

#logging_row_one_option_two_img {
}

#nfer_tests form input {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

#nfer_tests form label {
    cursor: pointer;
    color: #888;
    font-size: 0.9em;
    max-width: 200px;
    display: block;
    margin: 0 auto;
}

    #nfer_tests form label:hover, .hover_text {
        color: #000 !important;
        text-decoration: underline;
    }

.highlight_text {
    color: #000 !important;
}

.lighten_text {
    color: #999 !important;
}

ul.nfer_forms_rana {
    border: 0 !important;
    margin-top: 20px;
}

    ul.nfer_forms_rana li {
        width: 100%;
        float: left;
        clear: both;
    }

        ul.nfer_forms_rana li p {
            float: left;
            margin: 0;
            font-size: 14px;
            line-height: 1.4;
            position: relative;
            opacity: 1;
        }

            ul.nfer_forms_rana li p.column_one {
                width: 41%;
                margin-right: 2%;
                padding-left: 2%;
            }

            ul.nfer_forms_rana li p.column_two {
                margin-right: 2%;
                width: 13%;
                text-align: center;
            }

            ul.nfer_forms_rana li p.column_three {
                background: #caaace;
                margin-right: 2%;
                width: 20%;
                text-align: center;
                min-height: 40px;
            }

            ul.nfer_forms_rana li p.column_four {
                background: #96559e;
                width: 20%;
                text-align: center;
                min-height: 40px;
            }

            ul.nfer_forms_rana li p.white_field {
                color: #fff;
            }

            ul.nfer_forms_rana li p.bold_field {
                font-weight: bold;
            }

            ul.nfer_forms_rana li p.italic_field {
                font-style: italic;
                font-size: 12px;
            }

            ul.nfer_forms_rana li p.padding_top_ten {
                padding-top: 10px;
            }

            ul.nfer_forms_rana li p.padding_ten {
                padding: 10px;
            }

        ul.nfer_forms_rana li.spelling_tests.first {
            margin-top: 10px;
        }

        ul.nfer_forms_rana li.spelling_tests p.column_three {
            width: 43% !important;
            margin-right: 0 !important;
        }

    ul.nfer_forms_rana.five_col li p.column_one {
        width: 41%;
        margin-right: 1%;
        padding-left: 2%;
    }

    ul.nfer_forms_rana.five_col li p.column_two {
        margin-right: 2%;
        width: 13%;
        text-align: center;
    }

    ul.nfer_forms_rana.five_col li p.column_three {
        background: #caaace;
        margin-right: 2%;
        width: 13%;
        text-align: center;
        min-height: 40px;
    }

    ul.nfer_forms_rana.five_col li p.column_four {
        background: #96559e;
        margin-right: 2%;
        width: 13%;
        text-align: center;
        min-height: 40px;
    }

    ul.nfer_forms_rana.five_col li p.column_five {
        background: #caaace;
        width: 13%;
        text-align: center;
        min-height: 40px;
    }

    ul.nfer_forms_rana.five_col li p.column_three.year_long {
        width: 43% !important;
        margin-right: 0;
    }

    ul.nfer_forms_rana .tooltip-inner {
        background-color: #95569e;
        padding: 10px;
    }

    ul.nfer_forms_rana .tooltip-arrow {
        border-top-color: #95569e !important;
    }

p.tests_form_disclaimer {
    width: 45%;
    float: left;
    margin-right: 5%;
    line-height: 1.4;
}

    p.tests_form_disclaimer em {
        font-size: 12px;
        font-weight: bold;
    }

a.next_button {
    background: url('/media/2670/next_arrow_mini.png') no-repeat;
    background-position: 194px 13px;
    float: right;
    padding-right: 50px;
    font-size: 14px;
    color: #c3d331 !important;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    margin-top: 20px;
    cursor: pointer;
}

    a.next_button:hover {
        background-position: 204px 13px;
    }

a.prev_button {
    background: url('/_assets/img/prev.png') no-repeat;
    background-position: 10px 13px;
    float: right;
    padding-left: 50px;
    font-size: 14px;
    color: #c3d331 !important;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}

    a.prev_button:hover {
        background-position: 0px 13px;
    }

#nfer_hear_about {
}

    #nfer_hear_about div {
        color: #333 !important;
    }

        #nfer_hear_about div strong {
        }

        #nfer_hear_about div.form-row div input {
            margin-right: 5px;
            position: relative;
            top: -1px;
        }


#nfer_tests_orders {
    background: url('/media/2670/next_arrow_mini.png') no-repeat;
    background-position: 124px 13px;
    float: right;
    padding-right: 50px;
    font-size: 14px;
    color: #c3d331 !important;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    margin-top: 20px;
    cursor: pointer;
    border: 0;
}

    #nfer_tests_orders:hover {
        background-position: 134px 13px;
    }

.nfer_tests_tandc_text {
    margin: 10px 0;
}

    .nfer_tests_tandc_text .check-box {
        margin-right: 1%;
        float: left;
    }

    .nfer_tests_tandc_text label {
        font-size: 14px;
        max-width: 97%;
        font-style: italic;
        font-weight: bold !important;
        color: #95569e;
    }

@media only screen and (max-width: 768px) {
}
