/*
-- CSS file for Railfuture ticket simulator
--
-- Amended on 17th March 2016 by JA - added 25px to each of the ticket lines.
-- Amended on 18th March 2016 by JA - added two lines to 'select' and 'h2' for Safari.
-- Amended on 19th March 2016 by JA - change image width from 100% to 75%.
*/

select {
    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
    font-size: 24px;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

.image { 
    position: relative; 
    width: 75%; /* for IE 6 */
}

/* Each field overlaid on the ticket image */

h2 {
    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
    position: absolute; 
    width: 75%; 
    font-size: 20px;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

/* Fields above the ticket image */

#Introduction {
    top: 0px; 
    left: 20px; 
    font-size: 20px;  
    width: 90%; 
}

/* Fields on the ticket image */

#Class {
    top: 55px; 
    left: 80px; 
    font-size: 26px;  
}

#Railcard {
    top: 80px; 
    left: 80px; 
    font-size: 26px;
}

#Description1 {
    top: 55px; 
    left: 420px;
    font-size: 26px;
}

#Description2 {
    top: 80px; 
    left: 420px;
    font-size: 26px; 
}

#Valid {
    top: 120px; 
    left: 80px;
}

#Origin {
    top: 135px; 
    left: 80px; 
    text-transform: uppercase;
    font-size: 26px;

}

#Delimeter {
    top: 165px; 
    left: 80px; 
}

#Destination {
    top: 180px; 
    left: 80px;
    text-transform: uppercase;
    font-size: 26px;   
}

#LabelTime {
    top: 215px; 
    left: 80px; 
}

#Time {
    top: 215px; 
    left: 190px; 
}

#LabelRoute {
    top: 240px; 
    left: 80px; 
}

#Route {
    top: 240px; 
    left: 190px; 
}

#LabelOperator {
    top: 265px; 
    left: 80px; 
}

#Operator {
    top: 265px; 
    left: 190px; 
}

#LabelReservation1 {
    top: 295px; 
    left: 80px;
    font-size: 18px;
}

#Reservation1 {
    top: 295px; 
    left: 190px;
    font-size: 18px;   
}

#LabelReservation2 {
    top: 320px; 
    left: 80px;
    font-size: 18px;
}

#Reservation2 {
    top: 320px; 
    left: 190px;
    font-size: 18px;   
}

#From {
    top: 120px; 
    left: 420px; 
}

#FromDate {
    top: 135px; 
    left: 420px;
    font-size: 26px;     
}

#DateDelimeter {
    top: 165px; 
    left: 420px; 
}

#ToDate {
    top: 180px; 
    left: 420px;
    font-size: 26px;     
}

#Restrictions {
    top: 360px; 
    left: 140px;
    font-size: 26px;    
}

#Price {
    top: 360px; 
    left: 530px;
    font-size: 26px;   
}

#Details {
    top: 400px; 
    left: 140px; 
    font-size: 18px; 
}

/* End */