@charset "utf-8";
/* CSS Document */

body, p, tr, td, div {
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
}

body{
	background:url(../images/bg-blue-grad.jpg) repeat-x;
}

#contentWrapper {
	width:100%;
	min-width:900px;
	margin:0 auto;
}

#banner-content {
	width:100%;
	min-width:900px;
	margin:0 auto;
	height:50px;
	background:url(../images/topnav-bg.jpg) repeat-x bottom;
}

#logo {
	display:none;
	width:318px;
	height:156px;
	float:left;
	background:url(../images/logo-i70-banner.jpg) no-repeat top;
}

#nav-bar {
	float:left;
	height:51px;
	margin-top:75px;
	margin-left:200px;
	min-width:550px;
	display:none;
}

img  {
	border:0;
}

#nav-bar-left-end {
	background:url(../images/topnav-leftend.jpg) no-repeat right;
	width:14px;
	height:51px;
	float:left;
	margin:0 0 0 0;
	position:absolute;
	top: 3px;
}


#nav-bar-end {
	background:url(../images/topnav-rightend.jpg) no-repeat right;
	width:10px;
	height:51px;
	float:right;
	margin:-31px 0 0;
}

#map-content {
	width:100%;
	border-top:1px solid #999;
	margin-top:0px;
	background-color:#BDBDBD;
}

#footer-content {
	width:100%;
	height:37px;
	background:url(../images/bg-footer-repeat.jpg) repeat-x;
	text-align:center;
	color:#FFF;
}

#footer-content ul{
	margin:0;
}

#footer-content li {
	display:inline;
	padding:0 10px;
}
#footer-links {
	float:left;
	margin:9px 0 0 0;
}

#footer-links a {
	text-decoration:none;
	color:#FFF;
}

#footer-links a:hover {
	text-decoration:underline;
}

#footer-left {
	float:left;
	width:10px;
	height:37px;
	background:url(../images/bg-footer-left.jpg) no-repeat;
}

#footer-right {
	float:right;
	width:10px;
	height:37px;
	background:url(../images/bg-footer-right.jpg) no-repeat 1px -1px;
	display:inline;
}

#flash-tab {
display:inline;
float:right;
position:relative;
margin:4px 15px 0 0;
width:450px;
text-align:center;
padding-right:15px;
height:16px;
}

	#trip_time_spinner {
		float: right;
		padding: 10px 10px 0 0;
		display: inline;
	}


.nav-item {
display:block;
float:left;
margin:3px 15px;
padding-right:5px;
text-align:center;
height:49px;
}

.nav-item a {
	text-decoration:none;
	color:#333;
}

.nav-item a:hover {
	text-decoration:underline;
}

.noEscape {
	clear:both;
}

#tagline {
display:none;
float:left;
height:30px;
left:348px;
margin:17px 0 0 11px;
position:absolute;
}

#map-search {
height:30px;
margin:3px 0 0 11px;
position:relative;
top:0px;
}

.timestamp {
	font-size:10px;
	color:#999;
	margin-left:10px;
}

table stats
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 280px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.stats td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;} 

table.stats th
{background-color: #888;
color: #FFF;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.stats td.highlight
{background-color: #FCC;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

  #route-details {
    position: relative;
    overflow: auto;
  }

  #route-details ol {
    margin: 0;
    padding: 0;
  }

  .dir-step {
    position: relative;
    font-size: small;
    padding-right: 50px !important;
  }

  .dir-step .note {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 3px;
  }

  .dir-step,
  #dir-start,
  #dir-end {
    margin: 0;
    padding: 6px 3px;
    cursor: pointer;
  }

  #dir-start,
  #dir-end {
    background-color: #888;
    color: #fff;
  }

  #dir-start, .dir-step {
    border-bottom: 1px solid #888;
  }

  .dir-step.sel {
    background-color: #00f;
    color: #fff;
  }