/* Created 10.2016 dustbuster */
/* For use in upgrading Directory located in TLBASE */
/* TLS - 353 CUSTOM RADIUS SEARCH */

.search-slash {
    margin: 0 5px 0 5px
}

.contractor-slash {
    margin: 0 5px 0 5px
}

.pagination {
    font-size: 14px;
    text-decoration: none;
    padding-right: 10px;
}

/* FIND A CONTRACTOR SEARCH PAGE  */

.pagination:hover {
    color: #f589a8;
}

.form-dir-wrap {
    margin-left: 70px;
}

table.dir-table {
    width: 80%;
    font-size: 1.1em;
    font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border: 0px solid #e7e6e6;
}

table.dir-table2 {
    width: 100%;
    font-size: 1.1em;
    font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border: 0px solid #e7e6e6;
}


span.dir-bread {
    /*border: 1px solid red;*/
    /*text-align: left; */
}
td.dir-words-galore {
    width: 100%;
}
h1.dir-first-title {
    width: 80%;
}
.dir-second-title {
    font-size: 1.4em;
    font-weight: bold;
    /*padding-bottom: 6px;*/
}
div.dir-third-title {
    font-size: 15px;
    color: black;
    margin-bottom: 5px;
}
/* ADD form_sub_title TO GET THE "SPECIAL COLOR" */
.dir-table-head {
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 3px;
}
span.dir-instructions {
    text-align: left;
}
.dir-line-thing {
    border-top: 2px solid #efefef;
}
.dir-udt {
    font-size: 1.0em;
    margin-bottom: 7px;
}
tr.dir-row {
    width: 100%;
    border-right: 2px solid #e7e6e6;
    border-left: 2px solid #e7e6e6;
}
tr.dir-bottom-border {
    border-bottom: 2px solid #e7e6e6;
}

tr.dir-last-row {
    border-top: 2px solid #e7e6e6;
    width: 100%;
}
tr.dir-first-row {
    border-bottom: 2px solid #e7e6e6;
    width: 100%;
}

td.dir-left {
    font-size: 1.0em;
    width: 30%;
    text-align: center;
    padding: 5px 10px;
    font-weight: normal;
    color: #6f6e6e;
    line-height: 17px;
}

td.dir-right-h {
    width: 30%;
    padding: 5px 10px;
    font-weight: normal;
    color: #6f6e6e;
    line-height: 17px;
}

/* USED TO ALIGN BOTTOM LINKS FOR RADIUS, ADVANCE, AND BASIC SEARCHES */
td.dir-text-left-td {
    text-align: center;
}
td.dir-text-center-td {
    text-align: center;
}
td.dir-text-right-td {
    text-align: center;
}
span.dir-selected-link {
    color: #6f6e6e;
    font-size: 14px;

}
/* END DIRECTORY LINKS */

.dir-underline {
    border-bottom: 2px solid rgba(178, 179, 170, .2);
}

td.dir-right {
    width: 70%;
    padding: 5px 10px;
    font-weight: normal;
    color: #6f6e6e;
    line-height: 17px;
}

td.dir-drop {
    width: 100%;
    border: 1px solid #bfbfbf;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type=text].dir-txt {
    font-size: 1.2em;
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    margin-bottom: 0px;
    border-radius: 0px;
    box-sizing: border-box;
}
/* I am not sure there's anything we do about this, but i added a class */
input[type=radio].dir-radio {
}

.awesome-font {
    font: normal normal normal 14px/1 FontAwesome;
}

span.dir-radio-text {
    font-size: 1.1em;
}

/* Makes the striping of the rows */
tr.dir-row:nth-child(even){
    background-color: #efefef
}

.dir-control {
    color: #6f6e6e;
    display: block;
    width: 100% !important;
    height: 40px !important;
    padding: 6px 12px 6px 12px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.dir-control:hover {
    background-color: #efefef;
}

td.dir-right-butt {
    width: 70%;
    padding: 35px 10px;
    font-weight: normal;
    color: #6f6e6e;
    line-height: 17px;
}
td.dir-right-butt-inner {
    font-weight: normal;
    color: #6f6e6e;
}

td.dir-right-butt-outer {
    font-weight: normal;
    color: #6f6e6e;
}

button.btn-marg-rt {
    margin-left:10px;
}
button.btn-marg-all {
    margin-top:20px;
}

/*GET LINKS TO ALIGN CENTER */

a.dir-links {
    text-decoration: none;
    font-size: 14px;
    text-align: center;
}

a.dir-links:hover {
    color: #f9b8cb;
}
span.dir-font-size {
    font-size: 1.2em;
}

/* NEW BASIC SEARCH - i have no idea how i am going to roll this out, but i am started! */
a.dir-links-right {
    text-decoration: none;
    font-size: 14px;
    text-align: left;
}
a.dir-links-left {
    text-decoration: none;
    font-size: 14px;
    text-align: right;
}
/* SPECIFIC CLASSES PER CLIENT */
    /*  DIRECTORY  */
        td.afa-right-h {
            width: 20%;
            padding: 5px 10px;
            font-weight: normal;
            color: #6f6e6e;
            line-height: 17px;
        }
        td.afa-right {
            width: 70%;
            padding: 5px 10px;
            font-weight: normal;
            color: #6f6e6e;
            line-height: 17px;
        }
        td.afa-left {
            width: 60%;
            text-align: center;
            padding: 5px 10px;
            font-weight: normal;
            color: #6f6e6e;
            line-height: 17px;
        }
        table.afa-table {
            width: 60%;
            font-size: 1.1em;
            font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            border: 0px solid #e7e6e6;
        }
        .afa-btn-submitty {
            font-size: 14px;
            font-weight: normal;
            color: #fff;
            background-color: #6f6e6e;
            margin-top: 15px;
        }
        button.btn-submitty {
            font-size: 18px;
            color: #fff;
            background-color: #6f6e6e;
            padding: 10px 25px 10px 25px;
            margin-top: 15px;
        }

        button.btn-submitty:hover {
            background-color: #ccc;
            color: black;
        }
  /*      h1.afa-first-title {
            width: 80%;
        }*/
/* END CUSTOM AFASITE */







/* START 2 column table form */

table.dir-aer-col-table {
    width: 100%;
    font-size: 16px;
    border: 0px solid #e7e6e6;
}

table.dir-aer-col-table tr.dir-aer-col-row {
    min-height: 20px;
    width: 100%;
    border: 1px solid #e7e6e6;
}

tr.dir-aer-col-row:nth-child(odd){
    background-color: #efefef
}

table.dir-aer-col-table td.dir-aer-td {
    font-size: 16px;
    width: 8%;
    text-align: center;
    padding: 5px 10px;
    font-weight: normal;
    color: #6f6e6e;
    line-height: 17px;

}
div.dir-srch-crit {
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: left;
}
.aerial-control {
    font-size: 16px;
    color: #9D9D9D;
    display: block;
    width: 100% !important;
    height: 40px !important;
    padding: 6px 12px 6px 12px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.dir-reg-txt {
    font-size: 16px;
    color: #6f6e6e;
    display: block;
}
.dir-table-margin {
    margin-top: 30px;
}
tr.aer-last-row {
   margin-top: 30px;
    border: none;
    width: 100%;
}
input[type=text].dir-txt-aer {
    font-size: 16px;
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    margin-bottom: 0px;
    border-radius: 0px;
    box-sizing: border-box;
}

/* END 2 column table form */