/* =============================================================================
   TRAIN JOURNEY 
   ========================================================================== */

.table_train_journey {
    margin-top: 0px;
}

.table_train_journey .table_header.gray li, .table_train_journey .travel .changes, .table_train_journey .travel .duration {
	width: 80px;
}

.table_train_journey .table_header.gray {
    width: 609px;
}

/* =============================================================================
   LightBox Journey details 
   ========================================================================== */

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

#selected_your_itinerary .tilte_journey_details {
    clear: both;
    float: left;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

/* 2 columns */
#selected_your_itinerary .leg {
    margin-right: 0;
    margin-top: 3px;
    width: 45%;
}

#selected_your_itinerary .leg.first {
    clear: both;
    float: left;
    margin-right: 18px;
}
/* --------- */

/* 3 columns */
#selected_your_itinerary .leg.three_part {
    width: 28%;
    margin-top: 3px;
    height: 145px;
}

#selected_your_itinerary .leg.three_part.last {
    float: right;
}
/* --------- */

#selected_your_itinerary .leg span{
	clear: both;
	float: left;
}

#selected_your_itinerary .type {
    font-size: 12px;
    font-weight: bold;
}

#selected_your_itinerary .leg span span {
    color: #0088CE;
}

#selected_your_itinerary .type span {
    font-weight: bold;
}

#selected_your_itinerary .departure {
    font-weight: bold;
}

#selected_your_itinerary .departure span {
    font-weight: normal;
}

/* =============================================================================
   LightBox Choose Class
   ========================================================================== */
#choose_class {
    clear: both;
    display: block;
    float: left;
    height: auto;
    margin-bottom: 10px;
}

#choose_class .title_choose_class{
	font-size: 12px;
	font-weight: bold;
}

#choose_class .table_class.gray {
    width: 610px;
    padding-bottom: 0;
}

#choose_class span.table_class ul {
	margin: 0;
    padding: 0;
    display: inline-table;
}

#choose_class .table_class .class a {
    color: #0088CE;
}

#choose_class .table_class .class li.fare_condition a{
    color: #b2b4b3;
}

#choose_class .table_class .type {
    display: block;
    line-height: normal;
    margin-bottom: 7px;
}

#choose_class .table_class .type_img{
     padding-top: 0px;
}

#choose_class .table_class .type_text {
    padding-top: 14px;
}

#choose_class span.table_class span.class {
    border-top: 2px groove #FFFFFF;
    display: block;
    float: left;
    margin-bottom: 5px;
    padding-top: 11px;
    width: 100%;
}

#choose_class span.table_class ul li {
	list-style: none;
	float: left;
	width: 150px;
}

#choose_class span.table_class ul li.fare_condition {
    font-size: 10px;
    width: 110px;
}

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

#choose_class span.table_class ul li:last-child {
    height: 15px;
    margin-top: -9px;
    width: auto;
}

#choose_class .total span {
    font-size: 18px;
    text-align: right;
    font-weight: bold;
}

#choose_class .total {
    color: #0088CE;
    float: right;
    font-size: 15px;
    margin-top: -1px;
}

#choose_class .total.lower {
    color: #E05206;
}

#choose_class .notes {
    clear: both;
    display: block;
    float: left;
    font-size: 10px;
    line-height: 12px;
    margin-top: 8px;
}

/* =============================================================================
   Outbound itinerary
   ========================================================================== */
#outbound_wrapper .table_class.gray.large {
    margin-top: 10px;
}

#outbound_wrapper .table_class.gray.large.first {
    margin-top: 0px;
}

#outbound_wrapper .outbound_conditions {
    font-weight: bold;
    border-bottom: 2px groove #FFFFFF;
    display: block;
    padding-bottom: 5px;
}

#outbound_wrapper .outbound_conditions > span {
    color: #0088CE;
}

#outbound_wrapper .fare_conditions {
    display: block;
    margin-top: 5px;
}

#outbound_wrapper .fare_conditions >span.title {
    font-weight: bold;
}

#outbound_wrapper .fare_conditions > ul {
    margin: 0;
    padding-left: 15px;
}

#outbound_wrapper .fare_conditions li {
    list-style-image: url("../img/arrow_right.png");
}

/* =============================================================================
   collect @ train station
   ========================================================================== */
#collect_train_station.gray.large {
    background: url("../img/icon-train.png") no-repeat scroll 10px 31px #ECEDEB;
    padding-left: 50px;
    width: 571px;
    line-height: normal;
}

#collect_train_station h4 {
    margin-bottom: 0;
}