.direction_view {
	float: left;
	padding: 0px 13px 5px 22px;
	background: url('../images/get_directions_icon.png') no-repeat left top;
	cursor: pointer;
}
#toggle_street_view {
	width: 100px;
	height: 20px;
	display: block;
	padding-right: 10px;
	margin-right: 5px;
	cursor: pointer;
	border-right: 1px solid #CCCCCC;
}

#toggle_street_view.off {
	background: url('../images/buttons/b_details_tab_street_off.png') no-repeat left center;
}
#toggle_street_view.on {
	background: url('../images/buttons/b_details_tab_street_on.png') no-repeat left center;
}

#toggle_map_view {	
	cursor: pointer;
	width: 87px;
	height: 20px;
	display: block;
	margin-left: 5px;
}
#toggle_map_view.off {
	background: url('../images/buttons/b_details_tab_map_off.png') no-repeat left center;
}

#toggle_map_view.on {
	background: url('../images/buttons/b_details_tab_map_on.png') no-repeat left center;
}

.results_directions input {
    width: 200px;
    margin: 5px 0px 3px 0px;
    padding: 2px;
}

#get_directions {
    display: block;
    width: 160px;
    height: 34px;
    cursor: pointer;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCCCCC;
}

#results_directions {
	width: 238px;
	display: none;
	height: 440px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#results_map {
	width: 100%;
	height: 440px;
	overflow: hidden;
	float: right; 
	border: 5px solid #c4c4c4;
	margin: 0px;
	padding: 0px;
}

#route_info {
	margin: 0 5px 0 0;
	padding: 0px;
	color: #000000;
	height: 235px;
	overflow-y: auto
}
#get_directions {
	background-image: url('../images/buttons/b_get_directions.png');
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 50px;
}
#get_directions:hover {
	background-image: url('../images/buttons/b_get_directions_on.png');
	background-repeat: no-repeat;
}
#get_directions:hover a {
	color: #FFFFFF !important;
}
#get_directions a:hover {
	color: #FFFFFF !important;
}


.directions label {
    color: #51736f;
    font-weight: bold;
}
#custom_infowindow {
	width: 201px;
	height: 148px;
	margin-left: 90px;
}

#custom_infowindow_contents {
	width: 201px;
	height: 110px;
	background: url(../images/map_infowindow/infowindow_contents.png) top left;
	display: block;
	line-height: 1.0em;
}

#custom_infowindow_beak {
	width: 16px;
	height: 26px;
	background: url(../images/map_infowindow/infowindow_beak.png) top left no-repeat transparent;
	margin-left: -90px;
}

#custom_infowindow_tl {
	width: 7px;
	height: 7px;
	background: url(../images/map_infowindow/infowindow_tl.png) top left no-repeat transparent;
}

#custom_infowindow_tr {
	width: 10px;
	height: 7px;
	background: url(../images/map_infowindow/infowindow_tr.png) top left no-repeat transparent;
}

#custom_infowindow_bl {
	width: 7px;
	height: 10px;
	background: url(../images/map_infowindow/infowindow_bl.png) top left no-repeat transparent;
}

#custom_infowindow_br {
	width: 10px;
	height: 10px;
	background: url(../images/map_infowindow/infowindow_br.png) top left no-repeat transparent;
}

#custom_infowindow_t {
	width: 201px;
	height: 7px;
	background: url(../images/map_infowindow/infowindow_t.png) top left no-repeat transparent;
}

#custom_infowindow_l {
	width: 7px;
	min-height: 110px;
	background: url(../images/map_infowindow/infowindow_l.png) top left no-repeat transparent;
}

#custom_infowindow_r {
	width: 10px;
	min-height: 110px;
	background: url(../images/map_infowindow/infowindow_r.png) top left no-repeat transparent;
}

#custom_infowindow_b {
	width: 201px;
	height: 10px;
	background: url(../images/map_infowindow/infowindow_b.png) top left no-repeat transparent;
}

#custom_infowindow_close {
	/* add close button here */
}

.custom_infowindow_contents_container {
	clear: both;
	overflow: hidden;
}
.custom_infowindow_contents_thumb {
	float: right;
	padding: 10px 10px 0px 5px;
}
.custom_infowindow_contents_details {
	color: #CCCCCC;
	font-size: 12px;
	padding-top: 10px;
	padding-left: 8px;
}

.custom_infowindow_contents_details h3 {
	color: #CCCCCC;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.custom_infowindow_contents_details h4 {
	color: #CCCCCC;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: normal;
}







.custom_infowindow_buttons {
	width: 202px;
	height: 23px;
	margin-top: -6px;
	margin-left: 4px;
	font-size: 11px;
}
.custom_infowindow_buttons a {
	color: #FFFFFF !important;
}
.custom_infowindow_buttons a:hover,
.custom_infowindow_button_details:hover a,
.custom_infowindow_button_favorite:hover a {
	color: #000000 !important;
}
.custom_infowindow_button_details {
	width: 76px;
	height: 18px;
	float: left;
	background: url('../images/map_infowindow/infowindow_button_details.png') no-repeat;
	padding-top: 3px;
	padding-left: 25px;
}
.custom_infowindow_button_details:hover {
	background: url('../images/map_infowindow/infowindow_button_details_on.png') no-repeat;
}
.custom_infowindow_button_favorite {
	width: 87px !important;
	height: 18px;
	float: left !important;
	background: url('../images/map_infowindow/infowindow_button_favorites.png') no-repeat;
	padding-top: 3px !important;
}
.custom_infowindow_button_favorite:hover {
	background: url('../images/map_infowindow/infowindow_button_favorites_on.png') no-repeat;
}



.favorites_map_add {
	margin-left: 8px;
	padding-left: 15px;
	background: url(../images/map_infowindow/favorites_map_add.png) no-repeat 0px 1px;
	font-weight: bold;
}
.custom_infowindow_button_details:hover .favorites_map_add,
.custom_infowindow_button_favorite:hover .favorites_map_add {
	color: #000000 !important;
	background: url(../images/map_infowindow/favorites_map_add_on.png) no-repeat 0px 1px;
}

.favorites_map_added {
	margin-left: 8px;
	padding-left: 15px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(../images/map_infowindow/favorites_map_added.png) no-repeat 0px 1px;
}
.custom_infowindow_button_details:hover .favorites_map_added,
.custom_infowindow_button_favorite:hover .favorites_map_added {
	color: #000000 !important;
	background: url(../images/map_infowindow/favorites_map_added_on.png) no-repeat 0px 1px;
}


.directionError {
	width: 120px;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 64px;
	background: url(../images/directions_error_bg.png) no-repeat top left;
}
.streetViewError {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 64px;
	background: url(../images/street_view_error_bg.png) no-repeat top left;
}

