/* This defines the basic "shell" and default styles for both the website and the app */

body{
    margin:0;
    font:12px Lucida Sans, Arial, Helvetica, sans-serif;
    color:#404141;
    background:#f1e6c6 url(/images/bg.gif) repeat-x 0 0;
}
a{
    color:#0066cc;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
img{
    border:0;
}
form{
    padding:0;
    margin:0;
}
p{
    margin:0;
    margin-bottom:10px;
}
ul{
    padding:0;
    margin:0;
    list-style:none;
}

/* The arrows unordered list style should be used for any bullet lists within a paragraph */

ul.arrows {
  margin: 15px 0;
}

ul.arrows li{
  padding:0 0 12px 20px;
  background:url(/images/arrow.gif) no-repeat 0 3px;
}

h1 {
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:28px;
  position:relative;
color:#3E392B;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;

}

h2 {
  font-size:25px;
  font-weight:normal;
  line-height:26px;
  margin-bottom:10px;
  font-family: Georgia, Times New Roman;
}

}
h3 {
  line-height:31px;
  font-size:20px;
  color:#052717;
  margin:0;
  font-weight:normal;
}

h3 a:hover{
    text-decoration:underline;
}

h4 {
	color:#B5B5B5;
	font-size:20px;
	margin-bottom:5px;
	margin-top:0px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*header*/
#header{
  width:960px;
  height:147px;
  overflow:hidden;
  background-color: #000;
}
/*logo*/
#header h1{
    margin:16px 0 0 44px;
    padding:0;
    float:left;
    display:inline;
    text-indent:-9999px;
    overflow:hidden;
}
#header h1 a{
    width:164px;
    height:87px;
    display:block;
    overflow:hidden;
    outline:none;
}

#header #top_search {
  display: block;
  position: absolute;
  top: 44px;
  right: 21px;
  width: 242px;
  height: 46px;
  background: url('/images/bg/top_search_bg.png');
}

#top_search label {
  display: none;
}

#top_search input {
  vertical-align: middle;
}

#top_search input.keyword {
  width: 145px;
  margin: 13px 2px 0 16px;
  border: 0px;
}

#top_search input.submit {
  margin-top: 13px;
}

#page {

  width:960px;
  margin:0 auto;
  position:relative;
  background:#fff;
 }



/*main navigation*/
ul.nav{
    overflow:hidden;
    top:107px;
    left:0;
    width:930px;
    border-bottom:7px solid #0066cc;
    padding:0 0 0 30px;
    position:absolute;
}
ul.nav li{
    float:left;
    margin:0 5px 0 0;
    font:15px Georgia, "Times New Roman", Times, serif;
}
ul.nav li a{
    height:25px;
    display:block;
    text-align:center;
    color:#5c6658;
    padding:8px 0 0 0;
}
ul.nav li a:hover, ul.nav li a.active{
    background-position:0 -33px;
    color:#fff;
    text-decoration:none;
}
ul.nav li a.button1{
    background-image:url(/images/buttons/button1.png);
    width:97px;
}
ul.nav li a.button2{
    background-image:url(/images/buttons/button2.png);
    width:167px;
}
ul.nav li a.button3{
    background-image:url(/images/buttons/button3.png);
    width:132px;
}
ul.nav li a.button4{
    background-image:url(/images/buttons/button4.png);
    width:125px;
}
ul.nav li a.button5{
    background-image:url(/images/buttons/button5.png);
    width:113px;
}

ul.nav li a.button6{
    background-image:url(/images/buttons/button6.png);
    width:71px;
    right:30px;
    position:absolute;
}

a.contact-us{
    top:145px;
    right:30px;
    position:absolute;
    font:bold 15px Georgia, "Times New Roman", Times, serif;
    color:#fff;
}
a.contact-us:hover{
    text-decoration:none;
}
/*select country box in header*/
.map-box{
    background:url(/images/select-bg.png) no-repeat 0 0;
    width:242px;
    height:99px;
    position:absolute;
    top:17px;
    right:27px;
}
.map-box-cont{
    margin:12px 0 0 20px;
    overflow:hidden;
    width:200px;
}
.line{
    width:200px;
    overflow:hidden;
    padding:0 0 0 0;
    float:left;
}
span.dots{
    width:200px;
    overflow:hidden;
    background:url(/images/dots.gif) repeat-x 0 0;
    float:left;
    font-size:1px;
    line-height:1px;
    margin:3px 0 0 0;
}
select.sel{
    width:200px;
    float:left;
    margin:12px 0 0 0;
    font-size:11px;
}
span.map-ico{
    background:url(/images/map.png) no-repeat 0 0;
    width:54px;
    height:22px;
    float:left;
    margin:0 9px 0 0;
    display:inline;
}
.today{
    float:left;
    overflow:hidden;
    width:110px;
    height:29px;
}
.today h2{
    color:#fff;
    font-size:16px;
    font-weight:normal;
    margin:0;
}
/*content box*/
#content{
    overflow:hidden;
    width:960px;
    background:#fff;
}

/*Titles and intro text for Wordpress and application pages that aren't part of the journey-planner itself (just the static homepage at the moment)*/

.content-heading {
  overflow:hidden;
  width:630px;
  border-bottom:1px solid #ADADAD;
  padding-bottom:10px;
  padding-top:5px;
}

.content-heading h3 {
  color:#3E392B;
  font-size:25px !important;
  margin:0 0 10px 0 !important;
  padding:0;
}

.blogintro {
  padding: 10px 0 5px 0;
  border-bottom :1px dotted #adadad;
  overflow:hidden;
}

.blogintro p {
  line-height:1.5;
  font-size:15px;
}

/*breadcrumbs*/
ul.crumbs{
  overflow:hidden;
  margin: 10px 0 10px 0;
}

ul.crumbs li {
  display:inline;
}

ul.crumbs li a {
  margin:0 3px 0 0;
}

/*generic left-floated div, to be used within the content div*/
.left_element {
     float:left;
}

/*generic right-floated div, to be used within the content div*/
.right_element {
     float:right;
     padding-right:60px;
     padding-top:60px;
}


/*two columns container*/
.two-columns{
    width:528px;
    float:left;
}

ul.other-links li{
    background:none;
    padding:0 0 6px 0;
}
ul.other-links li a{
    font-size:12px;
}
.column-head{
    width:234px;
    background:url(/images/dots.gif) repeat-x 0 90%;
}
.column-head h3{
    font:normal 20px Arial, Helvetica, sans-serif;
    color:#3e392b;
    margin:0;
}

/*footer*/
#footer {
  position:relative;
  z-index:2;
  width:960px;
  padding:5px 1px 0;
  background:url(/images/footer.gif) repeat-x;
  width:932px;
  border-top:4px solid #0066cc;
  overflow:hidden;
  padding:18px 0 16px 28px;
  background:#fff;
}

#footer p {
  margin:0;
  font-size:11px;
  line-height:23px;
  color:#666;
  float:left;
}  
  
#footer a {
  color:#06c;
  font-size:11px;
  line-height:23px;
  text-decoration:none;
}
#footer a:hover {
  text-decoration:underline;
  }
  

#footer ul {
    overflow:hidden;
    width:100%;
    height:31px;
}

#footer ul li{
    font:11px Georgia, "Times New Roman", Times, serif;
    color:#666;
    display:inline;
    padding:0 8px 0 9px;
    border-left:1px solid #666;
    margin:0 0 0 -2px;
}
#footer ul li a{
    font-size:11px;
}

#footer img {
  vertical-align: middle;
}

ul.menu {
  position:absolute;
  z-index: 2;
  right:21px;
  top:16px;
  padding:4px 0;
  margin:0;
  list-style:none;
  overflow:hidden;
  background:url(/images/bg/brown_transparent.png);
  opacity 0.7;
}
ul.menu li {
  float:left;
  background:url(/images/menu_li.gif) no-repeat 100% 3px;
  padding:0 8px 0 8px;
  color:#fff;
}
ul.menu li.last {
  background: none;
}
ul.menu li a {
  color:#fff;
  text-decoration:none;
}
ul.menu li a:hover {text-decoration:underline;}


/* JON: I added this as a temp fix for the admin section. Feel free to remove as necessary. */
h2 {
  float: none;
  margin: 10px 0 20px 0;
  padding: 0px;
}

/* Structure */
#page {
  border: 1px solid #797E68;
}

.content {
  width: auto !important;
  float: none;
  display: block;
  padding: 10px 20px;
}

.content img {
  border:1px solid #8F8F8F;
}

.centered {
  text-align: center;
}

/* General */
p {
  margin: 0 0 10px 0;
}

h3 {
  font-size:12px;
  color:#3E392B;
  font-weight:normal;
  height:23px;
  line-height:20px;
  padding:5px 0 0 15px;
  margin: 0;
  text-transform: uppercase;
  background: url(/images/h3-bg.gif);
}

.content h3,
.sidebar h3 {
  height: auto;
	font-size:20px;
	background:none;
	padding:0px;
	text-transform:none;
	margin-bottom:10px;
	margin-top:20px;
}

/* Flash Messages */
.flash_container {
  width: 680px;
  position: absolute;
  top: 0;
  left: 140px;
  z-index: 1;
  text-align: center;
}

.notice, .warning {
  display: inline-block;
  font-size: 16px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  padding: 8px 10px;
}

.notice {
  color: #171717;
  background-color: #fff;
}

.warning {
  color: #CC0005;
  background-color: #fff;
}

.ajax_loading_mask {
  position: absolute;
  top: 0;
  background: #fff url(/images/loading.gif) no-repeat 50% 50%;
  opacity: 0.8;
}

/* Main title bar */
#main_title {
  background:#0066CC;
  height: 36px;
}
#main_title h2 {
  font-size:18px;
  color:#fff;
  float:left;
  font-weight:normal;
  margin: 0 0 10px 16px;
}
#main_title h2 span {
  color:#b8b8b8;
  font-size:18px;
  font-weight:normal;
}
.options {
  overflow:hidden;
  float:right;
  margin-right:15px;
  }
.options ul {
  padding:6px 0 15px;
  margin:0;
  list-style:none;
  
}
.options ul li {float:right;}
.options ul li a, .options ul li span {
  font:11px/16px "Lucida Sans", "Lucida Grande", sans-serif;
  float:left;
  height:16px;
  text-decoration:none;
  color:#b4cee9;  
}
.options ul li a:hover {text-decoration:underline;}
.options ul li a.edit {
  background:url(/images/icons/edit.gif) no-repeat 0 50%;
  padding-left:20px;
  margin-right:17px;
}
.options ul li a.save, .options ul li span.save {
  background:url(/images/icons/save.gif) no-repeat 0 50%;
  padding-left:20px;
  margin-right:14px;
}
.options ul li a.start {
  background:url(/images/icons/start.gif) no-repeat 0 50%;
  padding-left:17px;
  margin-right:14px;
}
.options ul li a.reset {
  background:url(/images/icons/start.gif) no-repeat 0 50%;
  padding-left:17px;
}
.options ul li a.share {
  background:url(/images/icons/share_journey.png) no-repeat 0 50%;
  padding-left:48px;
  margin-right:14px;
}
.options ul li a.sign_up {
  background:url(/images/icons/sign_up.png) no-repeat 0 50%;
  padding-left:22px;
  margin-right:14px;
  margin-top: 0px;
}
/* Tabs */
.tabs {
  background:#f2f2f2;
}
.tabs ul {
  position:relative;
  padding:8px 0 0 5px;
  margin:0 0 -1px;
  list-style:none;
  overflow:hidden;
  width:461px;
}
.tabs ul li {float:left;}
.tabs ul li a {
  float:left;
  height:39px;
  background:url(/images/bookmark-a.gif) repeat-x 0 -40px;
  margin:0 0 0 1px;
  font-size:12px;
  line-height:39px;
  text-decoration:none;
  color:#06c;
  outline: none;
  cursor:pointer;
}
.tabs ul li a span {
  cursor:pointer;
  float:left;
  background:url(/images/bookmark-a-left.gif) no-repeat 0 -40px;
  height:39px;
}
.tabs ul li a span span {
  padding:0 10px;
  background:url(/images/bookmark-a-right.gif) no-repeat 100% -40px;
  height:39px;
}
.tabs ul li a.current:hover span,
.tabs ul li a.current:hover,
.tabs ul li a.current span,
.tabs ul li a.current {
  color:#222;
  background-position: 0 0;
  text-decoration:none;
}
.tabs ul li a.current:hover span span,
.tabs ul li a.current span span {background-position:100% 0;}
.tabs ul li a:hover span span {background-position:100% -80px;}
.tabs ul li a:hover span,
.tabs ul li a:hover,
.tabs ul li a.current1 {
  color:#fff;
  background-position: 0 -80px;
  text-decoration:none;
}
.tabs .tab {
  display: none;
  border-top:1px solid #cdd4d1;
  padding:7px 15px 0 15px;
  background:#fff;
  height: 250px;
  overflow:auto;
}

/* Overlay */
.overlay {
  display:none;
  z-index:10000;
  background-color: #fff;
  width:540px;
  border: 3px solid #b1b1b1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.overlay div.close {
  background-image:url(/images/overlay/close.png);
  position:absolute;
  right:-11px;
  top:-11px;
  cursor:pointer;
  height:22px;
  width:22px;
}

.overlay div.wrapper {
  margin: 20px;
  background: #d9e8f7 url('/images/overlay/bg_top.png') no-repeat top;
}

.overlay div.content {
  background: url('/images/overlay/bg_bottom.png') no-repeat bottom;
}

.overlay h2 {
  text-align: center;
}

/* Tooltip */
.tooltip {
  display: none;
  border: 1px solid #8f8f8f;
}

/* Tables */
table.fill {
  width: 100%;
  border-collapse: collapse;
}
table.fill td {
  border: 1px solid #ccc;
}
td, th{
  padding:6px;
  text-align:left;
}

/* Forms */
.journey_plan_form {
   background:#FFFFFF none repeat scroll 0 0;
   border:1px solid #333333;
   margin-left:20px;
   margin-top:25px;
   margin-bottom:25px;
}

.journey_plan_form h3 {
   background:#1A1607 none repeat scroll 0 0;
   color:#FFFFFF;
   margin-top:0;
   padding-bottom:12px;
   padding-left:30px;
   padding-top:12px;
}

form.formtastic {
  padding: 10px 0;
}
fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
fieldset ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

fieldset li {
  margin: 0 0 5px 0;
}

fieldset li.hidden {
  display: none;
}

fieldset label,
span.label {
  display: block;
  font-weight: bold;
  cursor: pointer;
}

fieldset li.completed label {
  background: url(/images/tick.png) no-repeat 0 50%;
  padding-left: 20px;
}

fieldset label.inline {
  display: inline;
}

fieldset label abbr {
  color: #666;
  border: none;
}

fieldset li.string input,
fieldset li.numeric input,
fieldset li.password input,
fieldset textarea {
  width: 340px;
}

fieldset li input.button {
  width: auto;
}

fieldset textarea {
  height: 100px;
}

fieldset li.boolean input {
  vertical-align: middle
}

fieldset li span {
  display: block;
}

fieldset.buttons {
  margin-top: 15px;
  overflow: hidden;
}
fieldset.buttons ol li {
  float: left;
  margin-right: 5px;
}
fieldset.inputs ol li img.loading_gif {
  margin: 0 0 4px 5px;
}
fieldset.buttons ol li img.loading_gif {
  padding: 3px 0;
}
fieldset.buttons ol li a {
  display: block;
  margin-top: 5px;
}
fieldset li.time legend {
  display: block;
  position: relative;
  font-weight: bold;
  padding: 0;
  margin: 0;
  color: #404141;
}
fieldset li.time fieldset li {
  float: left;
  margin: 0 10px 0 0;
}
fieldset li.date fieldset li {
  float: left;
}
fieldset ol.side_by_side {
  float: left;
}
fieldset ol.separator {
  padding: 30px 15px;
}

.errorExplanation {
  margin: 0 0 20px 0;
}
.errorExplanation ul {
  list-style-type: disc;
  margin-left: 30px;
}

.loading_gif {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 4px 5px;
  border: 0px !important;
}

.fields_line input,
.fields_line select {
  vertical-align: middle;
}

.sliding_content {
  display: none;
}

a.sliding_content_toggle {
  padding-right: 14px;
  background: url(/images/icons/toggle.png) no-repeat top right;
}

a.slid_down {
  background-position: -14px right;
}

/* Pre-login journey-planner page */

.signpost {

float:left;
margin-right:20px;
padding:20px;
}

.sign_up {
	margin-top:45px;
}

/* Home page */

.controller_static_action_home .payload {
  float: left;
  width: 665px;
}

.controller_static_action_home #map {
  height: 475px;
  border: #d3decf 1px solid;
}

.controller_static_action_home .payload .explanation {
  margin: 10px 0;
}

.controller_static_action_home .payload .sign_up_box {
  height: 147px;
  background: url(/images/bg/blue_box.png) no-repeat 0 0;
  margin: 10px 0 0 0;
  padding: 1px 0 0 20px;
}

.controller_static_action_home .payload .sign_up_box .countries {
  float: left;
  width: 405px;
  margin-top: 15px;
}

.controller_static_action_home .payload .sign_up_box .countries ul {
  float: left;
  width: 135px;
}

.controller_static_action_home .payload .sign_up_box .sign_up_button {
  float: left;
  width: 220px;
}

.controller_static_action_home .payload .sign_up_box .sign_up_button h3 {
  margin-top: 15px;
}

.controller_static_action_home .payload .sign_up_box img {
  border: 0px;
}

.controller_static_action_home .sidebar {
  float: right;
  width: 243px;
}

.controller_static_action_home .sidebar h3 {
  font-size: 16px;
  text-align: center;
}

.controller_static_action_home .sidebar .share,
.controller_static_action_home .sidebar .log_in {
  margin: 20px 0 0 5px;
}

.controller_static_action_home .sidebar .share h3,
.controller_static_action_home .sidebar .log_in h3 {
  font-size: 14px;
  text-align: left;
  margin-top: 15px;
}

.controller_static_action_home .sidebar .share div h3 {
  display: inline;
  vertical-align: middle;
  margin-right: 15px;
}

.controller_static_action_home .sidebar .share img {
  border: 0;
  vertical-align:middle;
}

.controller_static_action_home .sidebar .share a:hover {
  text-decoration: none;
}

.gmaps_popup h1 {
  font-size: 16px;
  font-weight: bold;
}

.gmaps_popup h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0;
  line-height: 14px;
}

.gmaps_popup img {
  border: 0;
}

.gmaps_popup p {
  margin: 10px 0;
}

.gmaps_popup ul li {
  background: url('/images/arrow.gif') no-repeat 0% 50%;
  padding-left: 15px;
}

.gmaps_popup .pagination {
  margin-top: 10px;
}

.journeys_by_country .left_element {
  width: 440px;
  margin-right: 10px;
}

.journeys_by_country img {
  border: 0;
}

img.help_icon {
  border: 0 !important;
  cursor: default;
  vertical-align: baseline;
}

p img.help_icon {
  vertical-align: bottom;
}


/* General */
.controller_journeys_action_show #content {
  background: #fff url(/images/main.gif) repeat-y;
}

/* Add Journey */
.controller_journeys_action_new .left_element {
  width: 455px;
}

#new_journey li.string {
  display: none
}

/* Search */

.background_map {
  height: 332px;
}

.map_overlay {
  position: absolute;
  background: white;
  border: 3px solid #b1b1b1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 5px #666;
  -webkit-box-shadow: 0 0 5px #666;
  -moz-box-shadow: 0 0 5px #666;
}

#search_journey {
  top: 220px;
  left: 74px;
  width: 240px;
}

#search_journey li.string input {
  width: 198px;
}

/* Search results */

#journeys {
  padding:10px;
}

#search_results {
  top: 195px;
  left: 60px;
  width: 350px;
}

#journeys table {
  border-collapse: collapse;
  margin: 10px 0;
}

#journeys th, #journeys td {
  border: 1px solid #ccc;
  text-align: center;
  padding: 3px;
}

#journeys .selected {
  background: #eee;
}

/* Break down of journey steps */
#itinerary {
  position: relative;
  overflow:hidden;
  width:249px;
  border-right:1px solid #cdd4d1;
  float:left;
  min-height:559px;
}
#itinerary ul {
	padding:0;
	margin:0;
	width:250px;
	list-style:none;
}
#itinerary ul li {
	background:url(/images/dotted.gif) repeat-x 0 100%;
	padding-bottom:1px;
	position: relative;
}
#itinerary ul a {
	background:#f2f2f2 url(/images/sidebar-a.gif) repeat-x;
	color:#777;
	font-size:10px;
	display: block;
	padding:10px 20px;
	overflow: hidden;
	text-decoration: none;
}
#itinerary li img {
  display: inline-block;
  vertical-align: middle;
  border:2px solid #dcdcdc;
  margin-right: 15px;
}
#itinerary li .details {
  display: inline-block;
  vertical-align:middle;
  width:137px;
}
#itinerary ul a span.location {
	color:#06c;
	font-size:14px;
	line-height:18px;
}
#itinerary ul a span.instruction {
  text-transform: uppercase;
}
#itinerary ul a span.name {
  color: #444;
  font-size: 12px;
  line-height: 13px;
}
#itinerary ul a.selected,
#itinerary ul a:hover {
	background:#222;
	color:#ddd;
}
#itinerary ul a.hover span,
#itinerary ul a.selected span {color:#ddd;}
#itinerary ul a.selected span.name,
#itinerary ul a:hover span.name,
#itinerary ul a.selected span.location,
#itinerary ul a:hover span.location {color:#fff;}

span.duration {
	position:absolute;
	top:4px;
	left:7px;
	height:20px;
}
span.duration .left {
	float:left;
	width:6px;
	height:20px;
	background:url(/images/green-box-left.png) no-repeat;
	overflow:hidden;
}
span.duration .right {
	float:left;
	width:6px;
	height:20px;
	background:url(/images/green-box-right.png) no-repeat;
	overflow:hidden;
}
span.duration .text {
	float:left;
	height:20px;
	font:10px/20px "Lucida Sans", "Lucida Grande", sans-serif;
	background:url(/images/green-box.png) repeat-x;
	color:#fff;
}

span.red-box {
	position:absolute;
	top:-4px;
	left:23px;
	height:20px;
	width:100%;
}
span.red-box .left {
	float:left;
	width:6px;
	height:20px;
	background:url(/images/red-box-left.png) no-repeat;
	overflow:hidden;
}
span.red-box .right {
	float:left;
	width:6px;
	height:20px;
	background:url(/images/red-box-right.png) no-repeat;
	overflow:hidden;
}
span.red-box strong {
	float:left;
	height:20px;
	font:10px/20px "Lucida Sans", "Lucida Grande", sans-serif;
	background:url(/images/red-box.png) repeat-x;
	color:#fff;
}

/* Overview map */
#journey_overview {
  width: 710px;
  float: left;
}
#journey_overview #map {
  height: 240px;
}

/* Add Step */
li#step_item_exact_departure_time_input,
li#step_item_exact_arrival_time_input {
  float: left;
}

/* Content tabs for journey step */
#journey_step_content {
  width:479px;
  float:left;
  position:relative;
  min-height: 291px;
  margin-right: 1px;
}

#journey_step_content img.loading_gif {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  width: 50px;
}

#journey_step_content a.add {
  display: block;
  float: right;
}

#journey_step_content .provider {
  margin: 10px 0 20px 0;
  text-align: right;
}

#journey_step_content .provider img {
  vertical-align: middle;
}

#journey_step_content .content_item .image {
  float: right;
}
#journey_step_content .content_item .image img {
  border: 1px solid #8f8f8f;
}
/* Hostels */
#hostel_description {
  overflow: auto;
  height: 300px;
  padding: 5px;
}

/* Header strip for the step contents */
/* TODO: Use a better class name */
.step_header {
  height:28px;
  width: 479px;
  position:relative;
}
.step_header ul {
  position: absolute;
  top: 5px;
  right: 16px;
	margin:0;
	width:42px;
	list-style:none;
}
.step_header ul li {
	float:right;
	padding-left:3px;
}
.step_header ul li a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:18px;
	width:18px;
}
.step_header ul li a.prev {background:url(/images/prev.gif) no-repeat 0 0}
.step_header ul li a.next {background:url(/images/next.gif) no-repeat 0 0}
.step_header ul li a.disabled {background-position: -18px 0}

.step_header .help_icon {
  position: absolute;
  top: 44px;
  right: 18px;
  z-index: 1;
}

/* Journey information (co2 total, duration, etc */
#journey_information {
	width: 230px;
	float: left;
}
#journey_information ul {
	background:#fff;
	padding:0;
	list-style:none;
}
#journey_information ul li {
	background:#fff url(/images/information-li-bg.gif) repeat-x 0 100%;
	padding: 10px 10px 12px 16px;
}
#journey_information ul li h4 {
	color:#666;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	margin:0;
	letter-spacing:-1px;
}
#journey_information ul li strong {
	color:#222;
	font-size:30px;
	line-height:31px;
}
#journey_information ul li strong span {font-size:20px;}
#journey_information ul li a {
	color:#06c;
	font-size:11px;
	text-decoration:none;
}
#journey_information ul li a:hover {
	text-decoration:underline;
	color:#06c;
}

#journey_information ul li img {
  vertical-align: middle;
}

/* Embed Widget Popup */
#journey_widget div {
  display: inline-block;
  vertical-align: top;
  height: 405px;
  zoom: 1;
  *display: inline;
}

#journey_widget div.preview {
  width: 260px;
}

#journey_widget div.code {
  width: 190px;
}

#journey_widget div.code pre {
  display: block;
  overflow: auto;
}


.journeys_list {
  padding-top: 1px;
  background: #e3eede url(/images/bg/green_column_top.png) top no-repeat;
}

.journeys_list ul {
  height: 421px;
  overflow: hidden;
  margin-top: 18px;
  background-color: #e3eede;
  border: #d3decf 1px solid;
  border-top: 0;
}

.journeys_list ul li {
  border-top: #adadad 1px dotted;
  margin: 0 22px;
}

.journeys_list ul li img {
  float: left;
  border: 2px #dcdcdc solid;
  margin: 10px 0;
}

.journeys_list ul li p {
  float: left;
  width: 127px;
  margin: 10px 0 10px 16px;
  line-height: 13px;
}

.journeys_list ul li p span.title {
  font-size: 11px;
  text-transform: uppercase;
}

.journeys_list ul li p span.note {
  font-size: 10px;
}


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/images/loading.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}