﻿

.qp-form-div {
    font-weight: 300;
}

    .qp-form-div #fn-selector, .qp-form-div .form-selector {
        width: 100px;
        margin-bottom: 15px;
    }

    .qp-form-div input {
        margin-bottom: 15px;
    }

        .qp-form-div input[type=text] {
            width: 55%;
            padding: 7px;
        }

        .qp-form-div input[type=submit], .qp-form-div input[type=reset], #inside .qp-form-div input[type=button] {
            width: 150px;
            padding: 10px;
            border: none;
            background-color: #ddd;
            margin-right: 15px;
            font-size: 14px;
            cursor: pointer;
            font-weight: 300;
        }

            #inside .qp-form-div input[type=submit]:hover, .qp-form-div input[type=reset]:hover, #inside .qp-form-div input[type=button]:hover {
                color: white;
                background-color: #c31f26;
            }

    .qp-form-div .bar {
        height: 45px;
        line-height: 45px;
        background: #f0f0f0;
        padding-left: 15px;
        margin-bottom: 15px;
    }

    .qp-form-div div.mob {
        margin: 10px 0;
    }

    .qp-form-div .sort {
        float: right;
    }

    .qp-form-div .bar .selection {
        padding: 0 15px 0 15px;
        background: #c31f26;
        color: #fff;
        margin-left: 10px;
        font-size: 20px;
        position: relative;
        text-align: center;
        float: right;
    }

        .qp-form-div .bar .selection > nav {
            position: absolute;
            width: 100%;
            background: #c31f26;
            text-align: center;
            z-index: 20;
            left: 0;
            display: none;
        }


            .qp-form-div .bar .selection:hover nav, .qp-form-div .bar .selection > nav:hover, .touchdev {
                display: block;
            }

#inside #content .qp-form-div .bar .selection > nav > a {
    display: block;
    color: #fff;
    border-bottom: solid 1px #333;
    line-height: 1.2;
}

    #inside #content .qp-form-div .bar .selection > nav > a:hover {
        color: #333;
    }

#inside #content .qp-form-div .bar .sort strong {
    font-weight: 200;
    color: #fff;
}

.qp-form-div .pgbar {
    margin: 20px 0;
}

.qp-form-div hr {
    color: #E5E5E5;
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid #E5E5E5;
}

#inside #content .qp-form-div .pgbar a.sel {
    color: #333;
}

.qp-form-div nav .la {
    margin-right: 20px;
    height: 25px;
    vertical-align: middle;
    border: none;
}

.qp-form-div .form-input-table {
    margin-bottom: 10px;
    border: none;
    width: 100%;
}

    .qp-form-div .form-input-table td {
        padding: 10px 0;
    }

    .qp-form-div .form-input-table input[type=text] {
        margin: 0;
    }

#main #inside .qp-form-div p {
    margin-bottom: 15px;
}

#main #inside .qp-form-div br {
    margin-bottom: 10px;
}

.qp-form-div table.invisible-table td {
    border: 0;
    padding: 0 7px 0 0;
    background-color: transparent;
}

.qp-form-div table.invisible-table tr {
    margin-bottom: 10px;
    vertical-align: top;
}

.non-cms-form-div table.big-table-data {
    width: 100%;
}

.qp-form-div table.big-table-data td {
    padding: 0 7px 10px 0;
}

.qp-form-div .field-p {
    display: inline-block;
    width: 25%;
    vertical-align: top;
}

#main #inside .qp-form-div p.field-p2 {
    display: inline-block;
    width: 70%;
    vertical-align: top;
}

.qp-form-div form .field-div {
    display: inline-block;
    width: 47%;
    vertical-align: top;
}

    .qp-form-div form .field-div input[type=text] {
        width: 75%;
    }

.qp-form-div .checkbox-grid33 p, .qp-form-div .checkbox-grid50 p {
    clear: left;
}

.qp-form-div .checkbox-grid33 li, .qp-form-div .checkbox-grid50 li {
    float: left;
    display: block;
}

    .qp-form-div .checkbox-grid33 li > span, .qp-form-div .checkbox-grid50 li > span {
        display: table-row;
    }

        .qp-form-div .checkbox-grid33 li > span > input[type=checkbox], .qp-form-div .checkbox-grid50 li > span > input[type=checkbox] {
            display: table-cell;
            vertical-align: top;
        }

        .qp-form-div .checkbox-grid33 li > span > label, .qp-form-div .checkbox-grid50 li > span > label {
            display: table-cell;
            vertical-align: top;
        }

.qp-form-div .checkbox-grid33 li {
    width: 33%;
}

.qp-form-div .checkbox-grid50 li {
    width: 50%;
}

.qp-form-div .form-srh-cta span {
    color: #c31f26;
    margin-left: 5px;
}

.qp-form-div .text-center {
    text-align: center;
}

.qp-form-div .hide-div {
    display: none;
}

.qp-form-div .clickable {
    cursor: pointer;
}

.qp-form-div .field-p-dir {
    display: inline-block;
    width: 25%;
}

.qp-form-div .field-p-dir2 {
    display: inline-block;
    width: 70%;
}

.qp-form-div .field-p-dir-10 {
    display: inline-block;
    width: 10%;
    vertical-align: top;
}

.qp-form-div .field-p-dir210 {
    display: inline-block;
    width: 85%;
}



.qp-form-div .field-p-dirPIE {
    display: inline-block;
    width: 25%;
    vertical-align: top;
}



@media only screen and (max-width:770px) {
    .qp-form-div .field-p-dir {
        width: 70%;
        vertical-align: top;
    }

    .qp-form-div .field-p-dir2 {
        width: 25%;
    }

    .qp-form-div .field-p-dir-10 {
        display: inline-block;
        width: 10%;
    }

    .qp-form-div .field-p-dir210 {
        display: inline-block;
        width: 85%;
    }


    .qp-form-div form .field-div, .qp-form-div .field-p, #main #inside .qp-form-div p.field-p2 {
        display: block;
        width: 97%;
        vertical-align: auto;
    }

    .qp-form-div input[type=text] {
        width: 75%;
    }

    .qp-form-div .checkbox-grid50 li {
        width: 100%;
    }

    .qp-form-div .checkbox-grid33 li {
        width: 50%;
    }
}

@media only screen and (min-width:771px) {
    .qp-form-div input[type=text].cpapd-long {
        width: 465px;
    }

    .qp-form-div input[type=text].cpapd-short {
        margin-left: 30px;
        width: 248px;
    }
}
