/* home styles */

.body_slide{
    background-image: url('../images/directory/top_slide.png');
    background-repeat: no-repeat;
    background-position: top center;
    height: 690px;
}

.directory_area_margin, .directory_area{
    float: left;
}

.directory_area_margin{
    width: calc(50% - 425px);
}

.directory_area{
    width: 850px;
}

.investigators_row_item {
    width: 263px;
}

.investigators_row_label{
    font-family: proxima-nova-bold;
    font-size: 12px;
}

#results_header, #results_footer{
    margin-top: 10px;
    margin-bottom: 20px;
    border-top: 2px solid rgba(0,0,0,0.125);
    border-bottom: 2px solid rgba(0,0,0,0.125);
    padding-top: 7px;
    padding-bottom: 7px;
    height: 47px;
    font-family: proxima-nova-bold;
    font-size: 12px;
}

#results_area{
    width: 100%;
    margin-bottom: 20px;
}

#results_footer{
    text-align: center;
    padding-top: 13px;
}

#results_paging{
    margin-top: -4px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#filter_quantity{
    width: 100px !important;
    border: 1px solid rgba(0,0,0,0.125) !important;
}

.filter_quantity_gray{
    border: 1px solid rgba(0,0,0,0.125) !important;
}

.pagination_link, .pagination_link_disabled{
    display: inline-block;
    width: 15px;
    height: 18px;
}

.pagination_number, .pagination_number_disabled{
    display: inline-block;
    width: 18px;
    height: 18px;
}

.pagination_link, .pagination_link i, .pagination_link a, .pagination_link a:hover, .pagination_link a:visited{
    color: #4e8b83;
    font-size: 15px;
    font-style: normal;
}

.pagination_link_disabled, .pagination_link_disabled i{
    color: darkgray;
    font-size: 15px;
    font-style: normal;
}

.pagination_number, .pagination_number_disabled{
    border-radius: 10px;
    margin-left: 3px;
    margin-right: 3px;
}

.pagination_number_disabled, .pagination_number_disabled i{
    color: darkgray;
    font-size: 11px;
    font-style: normal;
}

.pagination_number_disabled{
    background-color: #d4d5d5;
    border: 1px solid darkgray;
}

.pagination_number, .pagination_number i, .pagination_number a, .pagination_number a:hover, .pagination_number a:visited{
    color: #FFF;
    font-size: 11px;
    font-style: normal;
    text-decoration: none;
}

.pagination_number{
    background-color: #4e8b83;
    border: 1px solid #4e8b83;
}

.jump_page{
    cursor: pointer;
}

#results_area{
    padding-left: 5px;
    padding-right: 5px;
}

.investigator_card{
    float: left;
    width: 196px;
    height: 315px;
    margin-left: 7px;
    margin-right: 7px;
}

.investigator_card_photo{
    position: absolute;
    margin-top: -50px;
    margin-left: 20px;
    background-color: #FFF;
}

.investigator_card_photo, .investigator_card_photo img{
    width: 80px;
    height: 80px;
    border: 3px solid #FFF;
    border-radius: 40px;
}

.investigator_card_white_area{
    height: 200px;
    margin-top: 50px;
    background-color: #FFF;
    border: 1px solid darkgray;
    border-radius: 8px;
}

.investigator_card_snii{
    text-align: right;
    margin-top: 5px;
    margin-right: 10px;
    font-family: proxima-nova-bold;
    font-size: 12px;
    color: #030d28
}

.investigator_card_snii img{
    width: 12px;
    height: 12px;
}

.investigator_card_name, .investigator_card_area_title, .investigator_card_area_name{
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

.investigator_card_name{
    margin-top: 15px;
    font-family: proxima-nova-bold;
    font-size: 12px;
    color: #030d28
}

.investigator_card_area_title{
    font-family: proxima-nova-bold;
    font-size: 12px;
    color: #1eb89c
}

.investigator_card_area_name{
    font-family: proxima-nova-regular;
    font-size: 12px;
    color: #444;
}

.investigator_card_profile_button, .investigator_card_lines_button, .investigator_card_email_button{
    float: left;
    margin-top: 20px;
    height: 31px;
    background-color: #1eb89c;
    border-radius: 4px;
    font-family: proxima-nova-bold;
    font-size: 10px;
    color: #FFF;
    text-align: left;
    padding-left: 5px;
    cursor: pointer;
}

.investigator_card_profile_button{
    width: 55px;
    padding-top: 7px;
}

.investigator_card_lines_button{
    margin-left: 5px;
    width: 100px;
    line-height: 0px;
}

.investigator_card_email_button{
    margin-left: 5px;
    width: 29px;
    padding-top: 7px;
}

/***** popup dialogs *****/

.ui-dialog{
    background-color: rgba(68, 68, 68, 0.3);
    border-radius: 15px;
}

.ui-widget-header {
    border: 0px;
    background: none !important;
    background-color: transparent;
}

.ui-dialog .ui-dialog-title{
    height: 1px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    width: 28px;
    height: 28px;
    margin-top: -8px;
    margin-right: -4px;
    background: none;
    background-color: #1eb89c !important;
    border: 1px solid #1eb89c;
    border-radius: 14px;
    font-family: proxima-nova-bold;
    font-size: 12px;
    color: #FFF;
    z-index: 1;
}

.ui-state-default .ui-icon {
    background-image: url('../images/dialogs_close_button.png');
}

.ui-icon-closethick {
    background-position: -6px -6px;
}

.ui-dialog .ui-dialog-content {
    background-color: #FFF;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: -15px;
    margin-bottom: 15px;
    border-radius: 15px;
    padding: 0px;
}

.ui-widget-content {
    background: rgba(68, 68, 68, 0.3);
}

.investigator_card_details_left, .investigator_card_details_right{
    float: left;
    padding-top: 20px;
}

.investigator_card_details_left{
    width: 175px;
    padding-left: 20px;
}

.investigator_card_details_right{
    width: 235px;
    padding-left: 50px;
    text-align: left;
}

.investigator_card_details_title{
    font-family: proxima-nova-bold;
    font-size: 18px;
    color: #030d28;
    line-height: 20px;
}

.investigator_card_details_title_sub{
    background-color: #1eb89c;
    width: 130px;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.investigator_card_details_photo{
    background-color: #FFF;
}

.investigator_card_details_photo, .investigator_card_details_photo img{
    width: 155px;
    height: 155px;
    border: 3px solid #FFF;
    border-radius: 12px;
}

.investigator_card_details_snii{
    text-align: right;
    margin-top: 15px;
    font-family: proxima-nova-bold;
    font-size: 12px;
    color: #030d28
}

.investigator_card_details_snii img{
    width: 12px;
    height: 12px;
}

.investigator_card_details_name{
    font-family: proxima-nova-bold;
    font-size: 12px;
    color: #030d28;
    margin-bottom: 30px;
}

.investigator_card_details_section_title{
    margin-top: 5px;
    font-family: proxima-nova-bold;
    font-size: 12px;
    color: #1eb89c
}

.investigator_card_details_section_content{
    font-family: proxima-nova-regular;
    font-size: 12px;
    color: #444;
}

.investigator_lines_area{
    padding: 20px;
}

.investigator_lines_title{
    font-family: proxima-nova-bold;
    font-size: 18px;
    color: #030d28;
    line-height: 20px;
    margin-bottom: 20px;
}

.investigator_lines_row_title, .investigator_lines_row_odd, .investigator_lines_row_pair{
    min-height: 32px;
    height: auto;
}

.investigator_lines_row_title{
    font-family: proxima-nova-bold;
    font-size: 14px;
}

.investigator_lines_row_odd, .investigator_lines_row_pair{
    margin-top: 10px;
    font-family: proxima-nova-bold;
    font-size: 15px;
    color: #5a5a5a;
}

.investigator_lines_row_pair{
    background-color: #f8f8f8;
}

.investigator_lines_title_left{
    color: #FFF;
    background-color: #1eb89c;
    border-radius: 10px;
}

.investigator_lines_title_right{
    color: #010101;
    background-color: #e4e4e4;
    border-radius: 10px;
}

.investigator_lines_title_left, .investigator_lines_title_right, .investigator_lines_content_left, .investigator_lines_content_right{
    float: left;
    padding: 5px 15px;
}

.investigator_lines_title_left, .investigator_lines_content_left{
    width: 170px;
}

.investigator_lines_title_right, .investigator_lines_content_right{
    width: 430px;
    margin-left: 10px;
}

.contact_investigator_area{
    padding: 20px;
}

.contact_investigator_title{
    font-family: proxima-nova-bold;
    font-size: 18px;
    color: #030d28;
    line-height: 20px;
    margin-bottom: 20px;
}

.contact_investigator_row_left, .contact_investigator_row_right, .contact_investigator_row_large{
    float: left;
    min-height: 32px;
    height: auto;
    font-family: proxima-nova-bold;
    font-size: 12px;
    color: #036357;
}

.contact_investigator_row_left{
    width: 200px;
}

.contact_investigator_row_right{
    width: 400px;
    margin-left: 10px;
}

.contact_investigator_row_large{
    margin-top: 20px;
    width: 610px;
}

/*#contact_phone, #contact_email, #contact_message{
    width: 100%;
    height: 30px;
    border: 1px solid #dbdbdb;
    font-family: proxima-nova-regular;
    font-size: 13px;
    color: #444;
    border-radius: 6px;
    padding-left: 10px;
}*/

.send_contact_button{
    display: inline-block;
    float: right;
    width: 61px;
    height: 31px;
    background-color: #1eb89c;
    border-radius: 4px;
    text-align: left;
    margin-top: 10px;
    padding-left: 5px;
    padding-top: 7px;
    cursor: pointer;
}

.send_contact_button, .send_contact_button a, .send_contact_button:hover, .send_contact_button:visited{
    font-family: proxima-nova-bold;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
}

.send_contact_button i{
    color: #FFF;
}