/*
    Document   : client
    Created on : Oct 14, 2008, 11:50:17 AM
    Author     : manoj
    Description:
    Purpose of the stylesheet follows.
*/

body {

}

#jl_container {
    margin-left:0px;
    float:left !important;
    background: #FFF;
    color: #000;
    padding: 0px;
}

#jl_app {
    border: 0px solid silver;
    width:522px;
    font-family: Arial;
    font-size: 10px;
    margin: 0 auto;
    float:left !important;
}

#jl_app a {
    color: #004990;
    text-decoration:none;
    border:0;
    outline:none;
    font-size:12px;
}

#jl_app a:hover {
    text-decoration:underline;
}

#jl_app div {

}

#jl_logo {
    text-align:right;
}

#jl_location_info {
    width: 507px;
    border: 1px solid #eeeeee;
    background:#eeeeee;
    color: #444444;
    float:left;
    margin-top:6px;
    margin-bottom:15px;
    font-size: 12px;
    padding-bottom:15px;
    padding-left:15px;
}

#jl_location_info h1 {
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color: #004990;
    padding-bottom:8px;
    padding-top:20px;
}

#jl_print {
    float:right;
    width:210px;
    text-align:right;
    position:relative;
    top:58px;
}

#jl_print .jl_print_img {
    background: url('/locator/images/print1.png') no-repeat;
    width: 19px;
    height: 20px;
    float:right;
    margin-top:11px;
}

#jl_print .jl_print_text {
    float:right;
    font-family:Arial;
    font-size:12px;
    font-style:normal !important;
    font-weight:bold;
    color:#004a9e;
    text-decoration:underline;
    padding-top:12px;
    padding-right:4px;
}

#jl_map {
    float:left;
    clear:both;
    margin-bottom:5px;
    margin-left:0px;
    width: 522px;
    height: 325px;
    border:1px solid silver;
    display: none;
}

#jl_search {
    width:510px;
    background: #FFF;
    margin-left:0px;
}

#jl_search table {
   border: 0px solid black;
   color: #7f7f7f;
   font-size:14px;
   float:left;
   width:525px;
}

#jl_search td.jl_search_header {
    font-size:13px;
    font-family: Arial;
    font-weight:bold;
    color: #3378aa;
    padding-bottom:8px;
    width:138px;
}

jl_postcode_header{
    width:100px;
}

#jl_search td.jl_search_example {
    font-family: Arial;
    font-size:10px;
    padding-top:8px;
    padding-bottom:8px;
    color: #666666;
}

#jl_search a.jl_start_over {
    border: 1px solid #004c91;
    color: #FFFFFF;
    background:#004c91;
    font-family:Arial;
    font-weight:bold;
    font-size:13px;
    display:block;
    padding-top:5px;
    padding-bottom:7px;
    width:117px;
    height:12px;
    text-align:center;
    margin-top:15px;
    margin-bottom:5px;
    display: none;
}

#jl_errors {
    clear:both;
    color: #f20808;
    font-weight:bold;
    background: #ffeeee;
    border: 1px solid #f3522b;
    display:none;
    width:522px;
    margin-left:0px;
    margin-top:5px;
    margin-bottom:5px;
}

#jl_error {
    font-size:12px;
    font-weight:bold;
    padding:10px;
}
#jl_error ul {
    list-style: none;
    padding: 0;
}

#jl_error ul li {
	background: url('/locator/images/error_cross.png') 8px 0% no-repeat;
    padding-left: 34px;
    vertical-align: middle;
}

#jl_search span {
    padding-left:0px;
    padding-right:20px;
}

#jl_results {
    width: 522px;
    float:left;
    scroll:auto;
    overflow:auto;
}

#jl_results p {
    font-family:Arial !important;
    font-size:12px;
    color:#444444;
    margin:0px !important;
}

#jl_results .jl_r_header {
    background:#eaedf6;
    padding:14px 10px;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#002b5c;
    text-align:left;
}

#jl_results .jl_separator{
    display:none;
}

#jl_info {
    width: 525px;
    color: #666666;
    font-family:Arial;
    font-weight:bold;
    font-style:italic;
    font-size:13px;
    margin-left:0px;
}

#jl_info h1 {
    font-size:19px;
    font-weight:bold;
    font-family:Arial;
    color: #004990;
    padding-top:16px;
    padding-bottom:15px;
    width:240px !important;
}

#jl_info h1.jl_results_header {
    font-family:Arial;
    font-size:19px;
    font-weight:bold;
    color: #3479ab;
    margin-top:0px;
    margin-bottom:5px;
}

#jl_results table {
    width:100%;
    background: #FFF;
    padding:0px 0px 10px 0px;
}

#jl_results tr.selected td {
/*	border-right: 1px solid #63ADCD; */
}

#jl_results td {
    font-size: 12px;
    font-weight:bold;
    max-width:270px;
}


#jl_results tr.odd td, tr.alt td {
    padding: 3px;
    color:#004c91;
    font-family:Arial;
    font-size:12px;
    padding:15px 10px 0px 10px;
    border-bottom:1px solid #d3d3d3;
    vertical-align: top;
}

#jl_results tr.odd span, tr.alt span {
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
}

#jl_results tr.odd span a, tr.alt span a {
    font-size: 14px !important;
    font-family:Arial;
    font-weight:bold;
} 

#jl_results tr.odd p, tr.alt p {
    margin-top:5px;
    font-size:12px;
    padding-top:8px;
}

#jl_results .loc-details {
    background-color: silver !important;
}

#jl_results .loc-details div {
	display: none;
	background-color: #FFF;
        padding:3px;
}

#jl_results tr.selected td {
/*	border-right: 1px solid #63ADCD; */
}

#jl_results tr.loc-details.selected td {
/*	border: 1px solid #63ADCD; */
}

#jl_results tr.selected td {
	/*background-color: silver !important;*/
}

#jl_results .loc-info-detail {
}


#jl_results .trigger {
    float:left;
}

#jl_filters {
    padding-left:0px;
    padding-bottom:2px;
    clear:both;
    position:relative;
}

#jl_filters .jl_col {
    width:260px;
    clear:both;
}

#jl_filters label{
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    padding-right:0px;
    position:relative;
    bottom:14px;
}

#jl_filters input{
    position:relative;
    bottom:12px;
}

#jl_directions {
    width: 525px;
    clear:both;
    display:none;
    margin-left:0px;
    padding-top:8px;
    padding-bottom:14px !important;
}
#jl_directions table {
    width: 100% !important;
}
#jl_directions td {
    font-family:Arial;
    color:#666666;
    font-size:13px;
    border-bottom:1px solid #d3d3d3;
    height:40px;
}

#jl_directions .jl_header {
    padding:10px;
    font-size: 14px;
    background-color: #63ADCD !important;
}
#jl_directions .jl_dir_start td {
    background-color: #eeeeee !important;
    background: url('/locator/images/customer/11/home.png') 15px 8px no-repeat;
    color: #004c92 !important;
    font-family:Arial;
    font-size:14px !important;
    font-weight: bold !important;
    height:41px;
    margin-top:12px;
    border-bottom:0px;
    padding-left:60px;
}
#jl_directions .jl_dir_end td {
   background: #004990 !important;
   color: white !important;
   font-weight: bold;
   display:none;
}

#jl_directions .jl_dir_number {
    color: #004c91 !important;
    font-weight: bold;
    font-size: 14px;
    width:5px;
    padding-right:0px !important;
    padding-left:12px;
}

#jl_directions .jl_dir_summary td {
    padding-left:15px;
    height:44px;
    font-weight:bold !important;
    border-top:none;
}

#jl_directions .jl_dir_distance {
    font-family:Arial;
    font-weight: bold;
    font-size:12.5px;
    color:#004c91;
}

#jl_directions .jl_dir_description {
    padding-left:3px !important;
}

#jl_content {
    clear:both;
    float:left;
}

#jl_map_content {
    clear:both;
    float:left;
    margin-left:0px;
}

#jl_map_control {
    border:0px solid black;
    width:210px;
    float:left;
    font-size:14px;
}

#jl_a_map {
    background: url('/locator/images/ctrl_map_off.png') no-repeat;
    width:54px;
    height:25px;
    float:left;
}

#jl_a_map.selected, #jl_a_map:hover {
    background: url('/locator/images/ctrl_map_on.png') no-repeat;
}

#jl_a_sv {
    background: url('/locator/images/ctrl_sv_off.png') no-repeat;
    width:91px;
    height:25px;
    display:block;
    float:left;
}

#jl_a_sv.selected, #jl_a_sv:hover {
    background: url('/locator/images/ctrl_sv_on.png') no-repeat;
}

#jl_map_control .jl_control {
    height:20px;
    border:1px solid black;
    float:left;
    width:100px;
    text-align:center;
    background: white;
    color: black;
    text-decoration:none;
}

#jl_search_button {
    border: 1px solid #f6e704;
    font-size: 13px;
    font-family: Arial;
    font-weight:bold;
    background: #f6e704;
    color: #004a9d;
    margin-left:10px;
    height:26px;
    width:75px;
    padding-bottom:1px;
}

#jl_search_button:hover{
    text-decoration:underline;
}


#jl_back_results{
    border: 1px solid #f6e704;
    font-size: 14px;
    font-family: Arial;
    font-weight:bold;
    background: #f6e704;
    color: #004c91;
    height:26px;
    width:156px;
}

#jl_back_results:hover{
    text-decoration:underline;
}

.jl_text_input {
    font-family: Arial;
    font-size: 13px;
    font-weight:bold;
    color:#464545;
    height:18px;
    padding-top:4px;
    padding-left:4px;
}

#jl_postcode {
    width:138px;
}

#jl_address {
    width: 200px;
    font-size: 13px;
}

.jl_checkbox {
    font-size: 10px;
    margin-right:30px;
    float:left;
    margin-bottom:20px;
}

#jl_footer {
    clear:both;
    /*
    background: url('/locator/images/powered_by.png') no-repeat;
    width: 118px;
    height:46px;
    margin-top:41px;
    */
    float:left;
}

.jl_infowindow {
    width:200px;
    border:0px solid silver;
    color:#0295c5;
    font-family:Arial;
}

.jl_infowindow span {
    font-family:Arial;
    font-size: 14px;
    font-weight: bold;
    width: 300px;
    color: #004C91;
}

.jl_infowindow span a {
    font-size: 14px !important;
    font-family:Arial;
    font-weight:bold;
} 

.jl_infowindow a {
    color:#004C91 !important;
    font-size:12px !important;
    font-weight:bold;
}

.jl_infowindow p {
    font-family:Arial;
    font-size: 12px;
    color: #004C91;
    padding-top:6px;
    margin:0px !important;
}

.jl_ltype_img {
}

#jl_streetview {
    float:left;
    clear:both;
    margin-bottom:10px;
    display:none;
    width: 522px;
    height: 325px;
    border:1px solid silver;
    background:black
}

#jl_search_or{
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    color:#666666;
    width:10px !important;
    padding-right:10px;
    padding-left:10px;
}

#jl_address_header{
    width:240px;
}

#jl_results td.jl_other_links {
    width:100px;
}

#jl_results td.jl_other_links a {
    font-size: 12px !important;
    font-family:Arial;
    font-weight:bold;
    color:#004c91;
}

.jl_other_arrow{
    background: url('/locator/images/grey_arrow.png') no-repeat;
    width: 7px;
    height: 7px;
    margin-top:4px;
    padding-right:7px;
    float:left;
}

.jl_info_directions #jl_print{
    top:-4px;
}

.jl_info_location #jl_print{
    top:26px;
}

#jl_directions .google_note{
    display:none;
}