/* journey calendar
-------------------------------------------*/
.journey3Day, .journeyYear {float: left; width: 300px; margin-bottom: 10px;}
.journey3Week {float: left; width: 610px; margin-bottom: 10px;}

.journey3Day h3 {font-size: 1.25em; font-weight: bold; color:#ff7b00; margin: 20px 0px 10px 10px; display: block;}
div.flexi.journey3Day h3 {font-size: 1.25em; font-weight: bold; color:#3EA99F; margin: 20px 0px 10px 10px; display: block;}

.journey3Day h3 span {font-weight: normal; color: #666666}

.journey3Week h3 {font-size: 1.25em; font-weight: normal; color: #666666; margin: 20px 5px 2px 10px; float: left;padding-bottom:8px}
.journey3Week h3 span {font-weight: bold; color:#ff7b00; }
div.flexi.journey3Week h3 span {font-weight: bold; color:#3EA99F; }

.journey3Week h2 .tellSelect {font-size:0.8em;font-weight:normal;color:#000000;margin-left:6px;}
.journey3Week .selectCountry select {float: left; width: 150px; margin: 18px 0 20px 0}
.centrebutton {margin: 10px 0px 0 255px; text-align:center;}

.journeyYear h3 {font-size: 1.25em; font-weight: normal; float: left; color: #666666; margin: 20px 5px 10px 5px; display: block;}
.journeyYear h3 span {font-weight: bold; color:#ff7b00;}
.journeyYear .selectCountry select {float: left; width: 150px; margin: 18px 0px 0 0}
.journeyYear .fare {clear: both; font-size: 0.92em}
.journeyYear .yearContent {margin-left: 5px;}


.calendarView {position: relative; margin: 0 0 0 25px; width: 262px;}
.calendarViewWeek {position: relative; margin: 0 0 0 15px; width: 595px;}

.prev {position: absolute; top: 0px; left: -15px; display: block; width: 14px; height: 14px; }
.next {position: absolute; top: 0px; right: -3px; display: block; width: 14px; height: 14px; }
.first {margin-right: 10px;}


.tab-content .day {display: block; float: left; width: 81px; margin: 0px 3px 5px 0px; text-align: center; color: #333;}

.day ul  {margin: 2px 0px; padding: 0px;}
.day ul li {list-style:none; margin-bottom:3px; padding: 0px; display: block; }
.day ul li a {display: block;color: #333333; position: relative; padding: 25px 0px 5px;  }

.day ul li , .day ul li a {min-height:62px;}
.day ul .staffTravelBlock {min-height:68px;}

.day ul li span.price {font-size: 1.8em; line-height: 1.2em; font-weight: bold; position: relative; display:block; }
.day ul li span.price span {font-size: 0.7em; position: relative; top: -4px;}

.day ul li span.priceSmaller {font-size: 1.6em; line-height: 1.2em; font-weight: bold; position: relative;  }
.day ul li span.priceSmaller span {font-size: 0.7em; position: relative; top: -4px;}

.day ul li span.priceSmallest {font-size: 1.28em; line-height: 1.2em; font-weight: bold; position: relative;  }
.day ul li span.priceSmallest span {font-size: 0.65em; position: relative; top: -4px;}


.day ul li span.time {display: block; margin: 1px 0px;  font-size: 0.92em;}
.day ul li span.date {display: block;  font-size: 1em; font-weight: bold;display: block; margin-top: 5px; }
.day ul li span.txt {display: block; margin: 1px 0px;  font-size: 0.92em;}

.day ul li.alternative a {background: #fff; border: 1px solid #cccccc;}
.day ul li.standard a {background: #FFF; border: 1px solid #cccccc;}
.day ul li.save a {background: #FFF; border: 1px solid #ff7b00; }
.day ul li.save a.flexi {background: #FFF; border: 1px solid #3EA99F; }

.day ul li.alt-lowest  a {background: #FFF; border: 1px solid #ff7b00; }

.journey3Week div.day ul li.unavailable {background: #fff; border: 1px solid #cccccc; padding: 25px 0px 5px; margin-bottom:3px; font-size: 0.9em; }
.day ul li.unavailable  {background: #fff; border: 1px solid #cccccc; padding: 25px 0px 5px; margin-bottom:3px; font-size: 0.9em;height:62px; }

.day ul li a:hover {color: #004B91; background:#efefef;  border:1px solid #ff7b00; text-decoration:none;background:url("../Images/easyJetImages/plus_orange.jpg") no-repeat; background-position:67px 80px;}
.day ul li a.flexi:hover {border:1px solid #3ea99f; background:url("../Images/easyJetImages/plus_teal.jpg") no-repeat; background-position:67px 80px;}

.day ul li a.selected {background: #ff7b00; border: 1px solid #ff7b00; color: #FFF; background-image:none}
.day ul li a.selected.flexi {background: #3EA99F; border: 1px solid #3EA99F; color: #FFF; background-image:none}

.day ul li span.title {position: absolute; top: 0px; left: 0px; font-size: 0.8em; width: 79px; text-align:center; text-transform:uppercase; font-weight: bold; color: #FFF; background: #ff7b00;padding-bottom:2px}
.day ul li span.flexi {position: absolute; top: 0px; left: 0px; font-size: 0.9em; width: 79px; text-align:center; text-transform:uppercase; font-weight: bold; font-style:italic;  color: #FFF; background: #3EA99F;padding-bottom:2px}

.day ul li span.staffTravel {position: absolute; top: 0px; left: 0px; font-size: 0.9em; width: 79px; text-align:center; text-transform:uppercase; font-weight: bold; font-style:italic;  color: #000000; background: yellow;padding-bottom:2px}

.day ul li.lowest span.title {background: #ff7b00; color: #FFF;padding-bottom:2px; }
.day ul li.save span.title {background: #ff7b00; color: #FFF;padding-bottom:2px; }
.day ul li.save span.flexi {background: #3EA99F; color: #FFF;padding-bottom:2px; } /* #566D7E - looks better than teal */

.journeyTitle {font-size:  1.34em; color: #999999; padding: 15px 5px 10px 25px;}

ul.yearPrice {font-size: 1.17em; list-style: none; width: 170px;}
ul.yearPrice li {margin: 3px 0px 10px;}
ul.yearPrice li a span.month {float: left;}
ul.yearPrice li a span.price {float: right}

.staffTravel {font-size:smaller; }