﻿

/***** BEGIN:Trip Planner style *****/
.results-map-mode #results-list
{
	/*width:270px;*/
	width:100%;
}
#results-map-zoom-control
{
	position:absolute;
	top:15px;
	left:15px;
	z-index: 0;
}
#directions 
{ 
    /*width:260px;*/
	width:100%;
    height:100%;
    float:left; 
    overflow-y:auto;
    overflow-x:hidden;
}
@media (max-width:991px)
{	
	.results-map-mode #results-list
	{
		width:100%;
		height:100%;
	}
	#directions
	{
		width: 100%;
	}
}


#directions input[type=text] 
{ 
    /*float:none;
    vertical-align:middle;
    background-color: #F9F9F9;
    border: 2px solid #E8E7E7;
    border-radius: 3px 3px 3px 3px;
    font-family: Arial;
    font-size: 12px;
    outline: medium none;
    padding: 3px 3px 3px 5px;*/
    /*width: 196px;*/
}
#directions select
{
    /*background-color: #F9F9F9;
    border: 2px solid #E8E7E7;
    border-radius: 3px 3px 3px 3px;
    color: #666666;*/
    cursor: pointer;
    /*font-family: Arial;*/
    font-size: 12px;
    /*outline: medium none;*/
    padding: 2px 2px 2px 5px;
	display:inline-block !important;
	width:inherit !important;
}

#directions ul li.abListItem
{
    height:28px;
    line-height:28px;
}

#directions-content 
{ 
    padding:10px 0; 
}

#drivingDirections ul li 
{  
    padding:3px 3px 0px 3px; 
}
#drivingDirections ul li div.separatorDistance 
{ 
    padding-right:3px;
    width:100%;
    text-align:right; 
}

#route-info 
{ 
    display:none; 
}
#route-info span 
{ 
    color: #333; 
    font-weight:bold; 
}
.routeDetail 
{ 
    border:1px solid #CACACA; 
    display:block; 
    background-color:#F4F4F4; 
    padding:3px; 
    text-transform:none; 
}
.routeDetail ul li 
{ 
    padding:0 !important; 
}
.routeDetail ul li img 
{ 
    float:left; 
    padding:5px 3px 0 10px; 
}
.routeDistanceDuration 
{  
    text-align: left;
    width: 100%; 
}
.routeName 
{ 
    font-weight:bold; 
}
.ddptlnk-img 
{
    margin: 2px 8px 0 2px;
    vertical-align:top;
}
.routeHeaderFooter 
{ 
    font-weight:bold; 
}
.container .trip-planner 
{ 
    margin: 8px 7px 0 0; 
}
.container .trip-planner li a 
{ 
    font-weight: bold; 
    margin: 0 7px; 
}
.btnContainer 
{ 
    text-align:right; 
}
#btn-directions-print, #btnReset, #btnSave
{
    display:none;   
}
.directionsBtn 
{  
    background-color: #DB252A;
    background-image: -moz-linear-gradient(center top , #EE3D43, #8B0A06);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EE3D43), to(#8B0A06));
    background-image: -webkit-linear-gradient(top, #EE3D43, #8B0A06);
    background-image: -ms-linear-gradient(top, #EE3D43, #8B0A06);
    background-image: -o-linear-gradient(top, #EE3D43, #8B0A06);
    border: 1px solid #8B0A06;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    outline: medium none;
    padding: 3px 3px 3px 3px;
}

.directionsBtn.first 
{ 
    margin-right:10px;
    display:inline;
}
.directionsBtn:hover
{  
    background-color: #8B0A06;
    background-image: -moz-linear-gradient(center top , #8B0A06, #EE3D43 );
    background-image: -moz-linear-gradient(center top , #8B0A06, #C528EE3D4329);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8B0A06), to(#EE3D43));
    background-image: -webkit-linear-gradient(top, #8B0A06, #EE3D43);
    background-image:     -ms-linear-gradient(top, #8B0A06, #EE3D43);
    background-image:      -o-linear-gradient(top, #8B0A06, #EE3D43);
    border: 1px solid #8B0A06;
    -moz-transition: all 0.218s ease 0s;
}
.tripPlannerHelp  
{
    display:inline;
    height:16px;
    width:16px; 
    padding:0 16px 6px 3px;  
    background: url(/content/images/sprite_no_repeat4.png) no-repeat -5px -271px;
    vertical-align:middle;
}
.dirAltTop 
{ 
    background-color:#EEEEEE; 
}
.dirAltBottom 
{ 
    background-color:#EEEEEE; 
}
.printContainer
{
    padding:5px;
}
/*.buttonAsLink
{
   background-color:transparent;
   border:none;
   color:#3C667F;
   cursor:pointer;
   text-decoration:none;
   padding: 0px;
   font-size:12px;
   vertical-align:middle;
}
.buttonAsLink:hover
{
    color: #E33A40
}*/
.blitzer .ui-dialog
{
	z-index: 2;
}
.blitzer .ui-widget {
  font-size: 1em;
}

.blitzer ul li 
{
    padding: 3px 0 3px 0;
    border-top: 2px solid #aaa;
    cursor: pointer;
}
.blitzer ul li:hover
{
    color:#E33A40;
    background-color:#F4F4F4;
}
.blitzerSelected
{
    color:#E33A40;
    background-color:#F4F4F4;
}

.blitzer h3 
{
    padding:15px 0 1px 0;
    font-weight:bold;
    /*color:#E33A40;*/
	color:#333;
    margin:0;
}

.blitzer .ui-dialog-titlebar-close
{
	background-color: transparent;
	border: 0px none;
}

.blitzer .ui-state-default, .blitzer .ui-widget-content .ui-state-default, .blitzer .ui-widget-header .ui-state-default 
{
    background:none;
    background-color: #DB252A;
    background-image: -moz-linear-gradient(center top , #EE3D43, #8B0A06);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EE3D43), to(#8B0A06));
    background-image: -webkit-linear-gradient(top, #EE3D43, #8B0A06);
    background-image: -ms-linear-gradient(top, #EE3D43, #8B0A06);
    background-image: -o-linear-gradient(top, #EE3D43, #8B0A06);
    border: 1px solid #8B0A06;
    color: #fff;
    font-weight: bold;
}
.blitzer .ui-button {
    cursor: pointer;
    display: inline-block;
    margin-right: 0.1em;
    overflow: visible;
    padding: 3px 3px 3px 3px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
}
.blitzer .ui-button:hover
{
     background-color: #8B0A06;
    background-image: -moz-linear-gradient(center top , #8B0A06, #EE3D43 );
    background-image: -moz-linear-gradient(center top , #8B0A06, #C528EE3D4329);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8B0A06), to(#EE3D43));
    background-image: -webkit-linear-gradient(top, #8B0A06, #EE3D43);
    background-image:     -ms-linear-gradient(top, #8B0A06, #EE3D43);
    background-image:      -o-linear-gradient(top, #8B0A06, #EE3D43);
    border: 1px solid #8B0A06;
    -moz-transition: all 0.218s ease 0s;
}
    
.blitzer .ui-corner-all, .blitzer .ui-corner-bottom, .blitzer .ui-corner-right, .blitzer .ui-corner-br 
{
    border-bottom-right-radius: 3px;
}

.blitzer .ui-corner-all, .blitzer .ui-corner-bottom, .blitzer .ui-corner-left, .blitzer .ui-corner-bl 
{
    border-bottom-left-radius: 3px;
}

.blitzer .ui-corner-all, .blitzer .ui-corner-top, .blitzer .ui-corner-right, .blitzer .ui-corner-tr 
{
    border-top-right-radius: 3px;
}

.blitzer .ui-corner-all, .blitzer .ui-corner-top, .blitzer .ui-corner-left, .blitzer .ui-corner-tl 
{
    border-top-left-radius: 3px;
}

.buttonAsLink{
   background-color:transparent;
   border:none;
   color:#3C667F;
   cursor:pointer;
   padding: 0px;
   font-size:12px;
}

.buttonAsLink.selected{
   background-color:transparent;
   border:none;
   color:#E2373C;
   cursor:pointer;
   padding: 0px;
   font-weight:bold;
}

.buttonAsLink:hover
{
    text-decoration:underline;
}

.saved-trips
{
	margin-top: 5px;
}
.trip-btn
{
	margin-bottom: 3px;
}

@media (min-width:768px)
{
	.saved-trips
	{
		margin-top: 15px;
	}
}

/***** END:Trip Planner style *****/