/*  P H O N E     D I R E C T O R Y     S T Y L E S    */
/*  State of Delaware - CLF 2014  */


.shadowSpcr {
    display:                none;
}

.searchLink {
    padding-bottom:         40px;
    font-size:              20px;
    font-weight:            normal;
    line-height:            1.5em;
}

.staticKeywords h2 {
    font-family:                'Open Sans Condensed', sans-serif !important;
    font-weight:                500;
    color:                      #147bb1;
    margin-top:                 0px;
    text-transform:             uppercase;
}

.pd_row {
    border:                 0px solid green;
    padding:                0px;
    margin:                 0px;
}



/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.btn-phone-search {
    background-color:           #5CB85C;
    border-color:               #4CAE4C;
    color:                      #FFFFFF;
    height:                     100px;
    margin-top:                 10px;
    width:                      100%;
    -webkit-transition:         all 0.5s ease-in-out;
    -moz-transition:            all 0.5s ease-in-out;
    -o-transition:              all 0.5s ease-in-out;
    transition:                 all 0.5s ease-in-out;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.btn-phone-search {
    background-color:           #5CB85C;
    border-color:               #4CAE4C;
    color:                      #FFFFFF;
    height:                     100px;
    margin-top:                 10px;
    width:                      100px;
    -webkit-transition:         all 0.5s ease-in-out;
    -moz-transition:            all 0.5s ease-in-out;
    -o-transition:              all 0.5s ease-in-out;
    transition:                 all 0.5s ease-in-out;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.btn-phone-search {
    background-color:           #5CB85C;
    border-color:               #4CAE4C;
    color:                      #FFFFFF;
    height:                     100px;
    margin-top:                 10px;
    width:                      100px;
    -webkit-transition:         all 0.5s ease-in-out;
    -moz-transition:            all 0.5s ease-in-out;
    -o-transition:              all 0.5s ease-in-out;
    transition:                 all 0.5s ease-in-out;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.btn-phone-search {
    background-color:           #5CB85C;
    border-color:               #4CAE4C;
    color:                      #FFFFFF;
    height:                     100px;
    margin-top:                 10px;
    width:                      100px;
    -webkit-transition:         all 0.5s ease-in-out;
    -moz-transition:            all 0.5s ease-in-out;
    -o-transition:              all 0.5s ease-in-out;
    transition:                 all 0.5s ease-in-out;
}}



.btn-phone-search:hover, .btn-phone-search:focus {
    color: #47a447 !important;
    text-decoration:none !important;
}



/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.form-phone-search {
    background-color:           #FFFFFF;
    background-image:           none;
    border:                     8px solid #90c1da;
    border-radius:              8px 8px 8px 8px;
    box-shadow:                 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color:                      #555555;
    display:                    block;
    font-size:                  35px;
    height:                     100px;
    line-height:                1.42857;
    margin-top:                 10px;
    margin-left:                auto;
    margin-right:               auto;
    padding:                    6px 25px;
    transition: border-color    0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align:             middle;
    width:                      100%;
    transition:                 all 0.5s linear 0s;
    -o-transition:              all 0.5s linear 0s;
    -moz-transition:            all 0.5s linear 0s;
    -webkit-transition:         all 0.5s linear 0s;
    }}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.form-phone-search {
    background-color:           #FFFFFF;
    background-image:           none;
    border:                     8px solid #90c1da;
    border-radius:              8px 8px 8px 8px;
    box-shadow:                 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color:                      #555555;
    display:                    block;
    font-size:                  35px;
    height:                     100px;
    line-height:                1.42857;
    margin-top:                 10px;
    margin-left:                auto;
    margin-right:               auto;
    padding:                    6px 25px;
    transition: border-color    0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align:             middle;
    width:                      575px;
    transition:                 all 0.5s linear 0s;
    -o-transition:              all 0.5s linear 0s;
    -moz-transition:            all 0.5s linear 0s;
    -webkit-transition:         all 0.5s linear 0s;
    }}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.form-phone-search {
    background-color:           #FFFFFF;
    background-image:           none;
    border:                     8px solid #90c1da;
    border-radius:              8px 8px 8px 8px;
    box-shadow:                 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color:                      #555555;
    display:                    block;
    font-size:                  35px;
    height:                     100px;
    line-height:                1.42857;
    margin-top:                 10px;
    margin-left:                auto;
    margin-right:               auto;
    padding:                    6px 25px;
    transition: border-color    0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align:             middle;
    width:                      785px;
    transition:                 all 0.5s linear 0s;
    -o-transition:              all 0.5s linear 0s;
    -moz-transition:            all 0.5s linear 0s;
    -webkit-transition:         all 0.5s linear 0s;
    }}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.form-phone-search {
    background-color:           #FFFFFF;
    background-image:           none;
    border:                     8px solid #90c1da;
    border-radius:              8px 8px 8px 8px;
    box-shadow:                 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color:                      #555555;
    display:                    block;
    font-size:                  35px;
    height:                     100px;
    line-height:                1.42857;
    margin-top:                 10px;
    margin-left:                auto;
    margin-right:               auto;
    padding:                    6px 25px;
    transition: border-color    0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align:             middle;
    width:                      975px;
    transition:                 all 0.5s linear 0s;
    -o-transition:              all 0.5s linear 0s;
    -moz-transition:            all 0.5s linear 0s;
    -webkit-transition:         all 0.5s linear 0s;
    }}



/* Slide Background */
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
    .p_slide {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 175px;
        border-bottom: 2px solid #90c1da;
}}
    
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .p_slide {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 115px;
        border-bottom: 2px solid #90c1da;
}}
    
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .p_slide {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 115px;
        border-bottom: 2px solid #90c1da;
}}
    
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .p_slide {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 115px;
        border-bottom: 2px solid #90c1da;
}}



/* Phone Number Table Area */
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
    .left-td-phone {
        max-width:100%;
        padding:1%;
        position: relative;
}}
    
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .left-td-phone {
        float:left;
        width:30%;
        padding:30px 0% 1%;
        position: relative;
}}
    
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .left-td-phone {
        float:left;
        width:26%;
        padding:30px 0% 1%;
        position: relative;
}}
    
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .left-td-phone {
        float:left;
        width:26%;
        padding:30px 0% 1%;
        position: relative;
}}



/* Agency Name Table Area */
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
    .left-td-agency {
        max-width:100%;
        padding:1%;
        position: relative;
}}
    
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .left-td-agency {
        float:left;
        width:50%;
        padding:30px 1% 1%;
        position: relative;
}}
    
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .left-td-agency {
        float:left;
        width:46%;
        padding:30px 1% 1%;
        position: relative;
}}
    
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .left-td-agency {
        float:left;
        width:50%;
        padding:30px 1% 1%;
        position: relative;
}}



.agency_title {
    font-size:15px;
    line-height:1.0em;
}   


    
/* Slide Button Table Area Drop-Down Shelf */
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
    .left-td-slide {
        float:right;
        width:22%;
        padding:1%;
        position: relative;
}}
    
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .left-td-slide {    
        float:right;
        width:22%;
        padding:1%;
        position: relative;
}}
    
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .left-td-slide {
        float:right;
        width:22%;
        padding:1%;
        position: relative;
}}
    
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .left-td-slide {
        float:right;
        width:16%;
        padding:1%;
        position: relative;
}}



/* Slide Button Table Area Drop-Down Shelf */   
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
    .left-td-vrcode {
        max-width:100%;
        padding: 0% 1% 1% 15px;
        position: relative;
}}
    
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .left-td-vrcode {
        float:right;
        width:10%;
        padding:30px 1% 1%;
        position: relative;
}}
    
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .left-td-vrcode {
        display:none;
}}
    
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .left-td-vrcode {
        display:none;
}}



/* Phone Number Area */
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
    .phone_area {
        padding-top: 10px;
        padding-left:10px;
        font-size:25px;
}}
    
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .phone_area {
        font-size:25px;
}}
    
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .phone_area {
        font-size:30px;
}}
    
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .phone_area {
        font-size:30px;
}}



/* Phone Number Extension Area */
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
    .extension {
        font-size:13px;
        padding-top:3px;
        padding-left:10px;
}}
    
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .extension {
        font-size:16px;
        padding-top:3px;
        padding-left:28px;
}}
    
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .extension {
        font-size:18px;
        padding-top:3px;
        padding-left:28px;
}}
    
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .extension {
        font-size:18px;
        padding-top:3px;
        padding-left:28px;
}}



/* Agency Name, Person Area */
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
    .agency_area {
        font-size:20px;
        padding-left:10px;
        line-height:1.0em;
}}
    
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .agency_area {
        font-size:22px;
        line-height:1.0em;
}}
    
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .agency_area {
        font-size:22px;
        line-height:1.0em;
}}
    
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .agency_area {
        font-size:25px;
        line-height:1.2em;
}}


.btn-slide {
    position:relative;
    left:47px;
    top:15px;
    background: url('/phonedirectory/images/PD_record_btn.png') no-repeat right;
    text-align: center;
    width: 90px;
    height: 62px;
    margin: 0px;
    display: block;
    text-decoration: none;
}

.active {
    background-position: left;
}



/* #error */
#error {
    border: 0 none;
    color: #ea1634;
    display: block;
    left: 15px;
    position: relative;
    top: 15px;
}

#searchTitleRow {
        border:0px;
        height:70px;
        display:none;
        color:#147bb1;
}

#searchTitleRow h2 {
    font-family:                'Open Sans Condensed', sans-serif !important;
    font-weight:                500;
    color:                      #147bb1;
    font-size:                  40px;
}

#spinner {
        display:none;
        text-align:center;
        margin-top:25px;
}

#spinner h1 {
    font-family:                'Open Sans Condensed', sans-serif !important;
    font-weight:                500;
    color:                      #147bb1;
}


#show_more {
        display:none;
        height:120px;
        text-align:center;
}

#last_msg_loader {
        display:none;
        height:50px;
        text-align:center;
        margin-top:25px;
}

#last_msg_loader h1 {
    font-family:                'Open Sans Condensed', sans-serif !important;
    font-weight:                500;
    color:                      #147bb1;    
}

.no_border {
        border: 0px;
}

.pd_rowlimit { display:none; }
.pd_finalTotal { display:none; }
.pd_isExact { display:none; }


    
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
    .phone_panel {
        height: auto;
        display: none;
        width: 100%;
        border-bottom: 2px solid #90c1da;
}}
    
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .phone_panel {
        height: auto;
        display: none;
        width: 100%;
        border-bottom: 2px solid #90c1da;
}}
    
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .phone_panel {
        height: auto;
        display: none;
        width: 100%;
        border-bottom: 2px solid #90c1da;
}}
    
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .phone_panel {
        height: auto;
        display: none;
        width: 100%;
        border-bottom: 2px solid #90c1da;
}}

td {
    border-top: 0px !important;
}



.pd_ent_label {
    font-size:15px;
    font-weight: bold;
    line-height:1.2em;
    color:#555555;
}

.pd_ent_data {
    font-size:18px;
    line-height:1.3em;
    color:#000000;
}

.pd_ent_data a, .pd_ent_data a:link, .pd_ent_data a:visited {
    
}
    
.pd_ent_data a:hover, .pd_ent_data a:active  {
    color:              #9A001C;
    text-decoration:    underline;
}

.pd_ent_data_small {
    font-size:12px;
    line-height:1.3em;
    color:#000000;
}


.pd_ent_label2 {
    font-size:15px;
    font-weight: bold;
    line-height:1.3em;
    color:#555555;
}