/* =============================================================================
   Form General 
   ========================================================================== */
#booking-forms {
    margin-top: 0;
}

#booking-forms .information {
    clear: both;
    display: block;
    float: left;
    line-height: 13px;
}

#booking-forms h2 {
    background: url("../img/ticket_option/icon_blue_train.png") no-repeat scroll right 30px transparent;
}

/* =============================================================================
   Choose your outbound train journey 
   ========================================================================== */

#your_journey .date {
    border-bottom: 1px solid #D8D8D9;
    float: left;
    font-size: 13px;
    padding-bottom: 5px;
    width: 95%;
}

#your_journey .date span {
    font-weight: bold;
    text-transform: uppercase;
	font-size: 13px;
}

#your_journey .date .sup {
    font-size: 11px;
    font-weight: normal;
}

#your_journey .journey {
    color: #008ACF;
    float: left;
    font-weight: bold;
    margin-top: 5px;
    text-transform: uppercase;
}

#your_journey .journey span{
    font-size: 14px;
}

#your_journey .departure {
    background: url("../img/from-to.png") no-repeat scroll right center transparent;
    float: left;
    margin-right: 8px;
    padding-right: 45px;
    width: auto;
}

#your_journey .geo {
    background: url("../img/icon-geo.png") no-repeat scroll center 2% transparent;
    float: right;
    font-size: 11px;
    margin: 0;
    padding-top: 36px;
    text-align: center;
    width: 28px;
}

#your_journey .geo a {
    color: #008ACF;
}


/* =============================================================================
   Navigation 
   ========================================================================== */

.navigation {
    border-bottom: 1px solid #D8D8D9;
    display: block;
    font-family: "Avenir",Arial,sans-serif;
    height: 27px;
    width: 580px;
}

.navigation .search_by_flexibility, .navigation .search_by_price {
    display: inline-block;
    line-height: 20px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
    width: 172px;
}

.navigation .search_by_price.selected, .navigation .search_by_flexibility.selected {
    border-left: 1px solid #D8D8D9;
    border-right: 1px solid #D8D8D9;
    border-top: 3px solid #008ACF;
    border-bottom: 1px solid #FFF;;
    font-size: 13px;
    height: 19px;
    padding-top: 4px;
    padding-bottom: 1px;
    padding-right: 12px;
    padding-left: 0px;
    text-align: center;
    text-transform: uppercase;
    width: 190px;
    line-height: 22px;
    vertical-align: middle;
    color: #008ACF;
    cursor: default;
    text-decoration: none;

}

.navigation .title {
    color: #747678;
    text-decoration: underline;
    cursor: pointer;
}

.navigation .search_by_flexibility:selected a, .navigation .search_by_price:selected a {
    color: #9a9b9c;
	vertical-align: bottom;
	line-height: 19px
}

.navigation .search_by_flexibility a, .navigation .search_by_price a {
    color: #9a9b9c;
	vertical-align: bottom;
	line-height: 19px
}


.navigation .search_by_price.selected:before, .navigation .search_by_flexibility.selected:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #008ACF transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 3px;
    bottom: 4px;
    content: " ";
    float: left;
    height: 0;
    left: 46%;
    pointer-events: none;
    position: relative;
    width: 0;
}

/* =============================================================================
   TRAIN JOURNEY 
   ========================================================================== */
.table_train_journey .table_travel_complexe {
    background: url("../img/travel-class.png") no-repeat scroll left bottom transparent;
    display: none;
    float: left;
}

/* Default width dimension*/
.table_train_journey .table_header.gray li, .table_train_journey .travel .changes, .table_train_journey .travel .duration {
	width: 63px;
}

.table_train_journey .table_header.gray li.from_to {
    padding-left: 7px;
    text-align: left;
}

.table_train_journey .travel .hour {
    padding-left: 22px;
    width: 42px;
}

.table_train_journey .travel .station {
    width: 154px;
}

.table_train_journey .table_header.gray li.from_to {
    padding-left: 7px;
    text-align: left;
    width: 218px;
}

.table_train_journey .table_header.gray li.changes {
    width: 70px;
}

.table_train_journey .table_header.gray li.price {
    margin-left: 10px;
    text-align: left;
    width: 158px;
}

/**************/

/* Complexe width dimension*/
.table_train_journey.complexe .travel .station {
    width: 217px;
}

.table_train_journey.complexe .travel .duration {
    width: 0;
}

/**************/


.table_train_journey .travel.night .travel_from_to{
    background: url("../img/next_day.png") no-repeat scroll 12px center transparent;
}

.table_train_journey .travel .price {
    font-size: 10px;
    padding-left: 10px;
}

.table_train_journey .travel .price span.total span {
    font-size: 14px;
}

.table_train_journey .travel .price .total {
    font-size: 13px;
    margin-left: 4px;
}

/**************/

/* Large dimension*/
.column-center.large .table_train_journey .table_header.gray li.from_to {
    width: 250px;
}

.column-center.large .table_train_journey .table_header.gray li.duration {
    width: 130px;
    text-align: left;
    padding-left: 7px;	
}

.column-center.large .table_train_journey .table_header.gray li.changes {
    width: 180px;
    text-align: left;
    padding-left: 7px;	
}

.column-center.large  .table_train_journey .travel .station {
    width: 250px;
}

.column-center.large  .table_train_journey .travel .duration {
    width: 130px;
    text-align: left;
    padding-left: 7px;	
}

.column-center.large  .table_train_journey .travel .changes {
    width: 180px;
    text-align: left;
    padding-left: 2px;	
}

.column-center.large  .table_train_journey .travel .price {
    padding-left: 7px;	
}

.column-center.large  .table_train_journey .travel .show_button {
    margin-left: 40px;	
}

/**************/

/**************/

/* Small dimension*/
.table_train_journey.small {
    width: 580px;
}

.table_train_journey.small .table_header.gray.small {
    width: 560px;
}

.table_train_journey.small .table_header.gray.small li.from_to {
    width: 165px;
}

.table_train_journey.small .table_header.gray.small li.duration {
    text-align: left;
    padding-left: 7px;
}

.table_train_journey.small .table_header.gray.small li.changes {
    text-align: left;
    padding-left: 7px;
}

.table_train_journey.small .travel .station {
    width: 159px;
}

.table_train_journey.small .travel .duration {
    text-align: left;
    padding-left: 12px;
}

.table_train_journey.small .travel .changes {
    text-align: left;
    padding-left: 7px;
}

#choose_class .table_class.gray.small {
    width: 560px;
}


#choose_class span.table_class.gray.small ul li {
    width: 140px;
}

#choose_class span.table_class.gray.small ul li.fare_condition {
    width: 90px;
}

#choose_class span.table_class.gray.small ul li.total {
    width: 90px;
}

#choose_class span.table_class.gray.small ul li.last {
    width: 90px;
}


/**************/

/* =============================================================================
   Choose far
   ========================================================================== */
   
.table_train_journey {
    clear: both;
    display: block;
    float: left;
    height: auto;
    margin-bottom: 10px;
}

.table_train_journey .close {
    cursor: pointer;
    margin-left: 61px;
    margin-top: 3px;
    position: absolute;
	display: none; 
}

/* Cose button*/
.table_train_journey .close_title {
    text-decoration: underline;
}

.table_train_journey .close_content {
    background: url("../img/kis-bg-1.png") repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    margin-left: 5px;
    padding: 3px 4px;
}


.table_train_journey .table_travel_fare.complexe {
    margin: 0 0 0 22px;
    padding: 0 5px;
    width: 548px;
}

/**************/

/* Travel fare */

.table_train_journey .table_travel_fare.complexe .travel_fare {
    border-bottom: 2px groove #FFFFFF;
    clear: both;
    float: left;
    line-height: 14px;
    padding: 5px;
    width: 98%;
}

.table_train_journey .table_travel_fare.complexe .travel_fare.last {
    border-bottom: none;
}

.table_train_journey .table_travel_fare.complexe .travel_fare span.all_leg {
    font-size: 9px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 145px;
}

.table_train_journey .table_travel_fare.complexe .travel_fare span.all_leg span {
    clear: left;
    display: inline-block;
    float: left;
    width: 145px;
    font-size: 11px;
}

.table_train_journey .table_travel_fare.complexe .travel_fare span.all_leg span span{
	width: 50px;
}

.table_train_journey .table_travel_fare.complexe .travel_fare span.all_leg_link {
    display: inline-block;
    font-size: 11px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 135px;
}

.table_train_journey .table_travel_fare.complexe .travel_fare span.all_leg_link span{
    clear: left;
    display: inline-block;
    width: 145px;
}

.table_train_journey .table_travel_fare.complexe .travel_fare span.all_other span {
    line-height: 14px;
    padding: 0;
    vertical-align: middle;
}

.table_train_journey .table_travel_fare.complexe .travel_fare span.all_other span.fare_condition {
    font-size: 9px;
    margin-right: 14px;
}

.table_train_journey .table_travel_fare.complexe .travel_fare span.all_other span.fare_condition a{
    color: #B2B4B3;
}

.table_train_journey .table_travel_fare.complexe .travel_fare span.all_other span.total {
    line-height: 14px;
    padding: 0;
    vertical-align: middle;
    width: 295px;
}

.table_train_journey .table_travel_fare.complexe .travel_fare span.all_other span.cost {
    font-size: 17px;
    font-weight: bold;
    vertical-align: middle;
}

.table_train_journey .table_travel_fare.complexe .travel_fare span.all_other span.cent {
    line-height: 20px;
    vertical-align: text-top;
}

.table_train_journey .table_travel_fare.complexe .travel_fare span.all_other span.select_button {
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle;
    width: 100px;
}

.table_train_journey .table_travel_fare.complexe .travel_fare span.all_other span.select_button input{
    margin: 0;
}

/**************/

/* Travel changes */

.table_train_journey .table_travel_changes.complexe {
    margin-left: 86px;
    width: 470px;
    display: block;
}

.table_train_journey .table_travel_changes.complexe .type {
    margin-left: 18px;
}

.table_train_journey .travel.travel_changes .travel_from {
    background: url("../img/ico-departure-changes2.png") no-repeat scroll 5px -14px transparent;
    margin-left: -21px;
	margin-top: 0px;
    padding-top: 8px;
}

.table_train_journey .travel.travel_changes .travel_to {
    background: url("../img/ico-arrival-changes2.png") no-repeat scroll 5px -56px transparent;
    margin-left: -21px;
    margin-bottom: 0px;
    padding-bottom: 8px;
}

.table_train_journey .travel.travel_changes.first .travel_from {
    background: url("../img/ico-departure.png") no-repeat scroll 5px 15px transparent;
    margin-left: -21px;
	margin-top: 0px;
    padding-top: 8px;
}

.table_train_journey .travel.travel_changes.last .travel_to {
    background: url("../img/ico-arrival.png") no-repeat scroll 5px -56px transparent;
    margin-left: -21px;
    margin-bottom: 0px;
    padding-bottom: 8px;
}

.table_train_journey .travel.travel_changes {
    border-bottom: medium none;
    border-top: 1px solid #D8D8D9;
    margin-left: -10px;
    padding-left: 8px;
}

.table_train_journey .travel.travel_changes .travel_from_to {
    background: none;
}

.table_train_journey .travel.travel_changes.night {
    background: url("../img/next_day.png") no-repeat scroll left center transparent;
}

.table_train_journey .travel.travel_changes .travel_from .hour, .table_train_journey .travel.travel_changes .travel_to .hour {
    font-size: 11px;
    font-weight: normal;
    color: #b2b4b3;
}

.table_train_journey .travel.travel_changes .travel_from .station, .table_train_journey .travel.travel_changes .travel_to .station {
    font-size: 11px;
    font-weight: normal;
    color: #b2b4b3;
}

.table_train_journey .travel.travel_changes.first .travel_from .hour, .table_train_journey .travel.travel_changes.last .travel_to .hour {
    font-size: 11px;
    font-weight: normal;
    color:#E05206;
}

.table_train_journey .travel.travel_changes.first .travel_from .station, .table_train_journey .travel.travel_changes.last .travel_to .station {
    font-size: 11px;
    font-weight: normal;
    color: #404040
}

/**************/

/* Travel return */
#your_selected .table_train_journey {
    margin-top: 10px;
}

/* =============================================================================
   Lot 2 - Search by flexibility 
   ========================================================================== */

#search_by_flexibility .block_waiting {
    background: url("../img/waiting/europe.png") repeat scroll 0 0 transparent;
    display: block;
    height: 100px;
    margin-top: 15px;
}

#search_by_flexibility .block_waiting .title {
    background: url("../img/waiting/waiting.gif") no-repeat scroll center 27px transparent;
    color: #008ACF;
    display: block;
    float: left;
    font-size: 14px;
    height: 60%;
    line-height: 22px;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

.navigation .selected .title {
    color: #008ACF;
    cursor: default ;
    text-decoration: none;
}

/* =============================================================================
   Lot 2 - Break point 
   ========================================================================== */
#your_journey.gray.large {
    line-height: normal;
    margin-top: 0;
}

.breakpoint_step {
    display: block;
    width: 580px;
}

.breakpoint_step .step:before {
    color: #008ACF;
    display: inline;
    float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    width: 4%;
}

.breakpoint_step #step_1.step:before {
    content: "1";
}
.breakpoint_step #step_2.step:before {
    content: "2";
}
.breakpoint_step #step_3.step:before {
    content: "3";
}

.breakpoint_step #step_1.step.finished:before,.breakpoint_step #step_2.step.finished:before,.breakpoint_step #step_3.step.finished:before {
    content: " ";
}


.breakpoint_step .step.finished {
    background: url("../img/step-finished.png") no-repeat scroll 99% 1px transparent;
}

.breakpoint_step .step.in_progress {
    background: none repeat scroll 0 0 #ECEDEB;
}

.breakpoint_step > span {
    border: 1px solid #ECEDEB;
    display: inline;
    float: left;
    height: 56px;
    margin-right: 3px;
    padding: 5px;
    width: 30.9%;
}

.breakpoint_step span.last {
    margin-right: 0;
}

.breakpoint_step span.step span {
    clear: left;
    display: block;
    float: left;
    line-height: 13px
}

.breakpoint_step .step .journey {
    color: #008ACF;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    width: 95%;
}

.breakpoint_step .step .price {
    font-weight: bold;
}

.breakpoint_step .step.in_progress .price {
    clear: both;
    float: right;
    line-height: 36px;
    vertical-align: middle;
}
.breakpoint_step .step.in_progress .date {
    line-height: 36px;
    vertical-align: middle;
}

/* =============================================================================
   Lot 5 - Choose... 
   ========================================================================== */

#choose-outbound-journey .table_train_journey .table_header.gray li.from_to {
    padding-left: 7px;
    text-align: left;
    width: 153px;
}

#choose-outbound-journey .table_train_journey.complexe .travel .station {
    width: 153px;
}

#choose-outbound-journey .table_train_journey.complexe .travel .duration {
    width: 63px;
}

#choose-outbound-journey  #your_journey .geo {
    line-height: 21px;
}

/* =============================================================================
   Lot 5 - Select your itenarary... 
   ========================================================================== */
#selected_your_itinerary .tilte_journey_details {
    clear: both;
    float: left;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#selected_your_itinerary .journey_details {
    float: left;
    margin-top: 10px;
    width: 100%;
}

#selected_your_itinerary .table_train_journey.complexe {
	width: 580px;
}

#selected_your_itinerary .table_train_journey .table_header.gray {
    width: 560px;
}

#selected_your_itinerary .table_train_journey .table_travel_complexe {
    background: none;
    display: none;
    float: left;
}