@charset "utf-8";
.ie8 * { opacity: inherit; filter: inherit; } �
/* CSS Document */
html, body {
	margin:0;
	font-family: '07x5 Regular';
	font-size:8px;
	color:#000;
	background: #000000;
}

/*@font-face {
	font-family: 'DINBold';
	src: url('DINBold.eot?') format('eot'); 
    src: url('DINBold.eot#iefix') format('embedded-opentype'),
	     url('DINBold.woff') format('woff'), 
	     url('DINBold.ttf')  format('truetype'),
	     url('DINBold.svg#DINBold') format('svg');
}*/
@font-face {
    font-family: "07x5 Regular";
    src: url("7x5.eot?") format("eot"),url("7x5.woff") format("woff"),url("7x5.ttf") format("truetype"),url("7x5.svg#07x5") format("svg");
}

.WaitingRoomFrame {
    padding: 0px; 
    border-collapse: collapse; 
    border-spacing: 0; 
    border-width: 0px;
    position: absolute; 
    left: 10px; 
    /*top: 10px;*/ 
    width: 480px;
    height: 128px;
}
    
    .WaitingRoomFrame iframe{
        text-align: center;
        border: none;
        height: 128px;
        width: 480px;
        overflow: hidden;
    }
    
.TunnelFrame {
    padding: 0px; 
    border-collapse: collapse; 
    border-spacing: 0; 
    border-width: 0px;
    position: absolute; 
    left: 640px; 
    /*top: 10px;*/ 
    width: 352px;
    /*height: 138px;*/
}
    
    .TunnelFrame iframe{
        text-align: center;
        border: none;
        height: 138px;
        width: 352px;
        overflow: hidden;
    }
    
.ShortTunnelFrame {
    padding: 0px; 
    border-collapse: collapse; 
    border-spacing: 0; 
    border-width: 0px;
    position: absolute; 
    left: 640px; 
    /*top: 10px;*/ 
    width: 352px;
    /*height: 138px;*/
}
    
    .ShortTunnelFrame iframe{
        text-align: center;
        border: none;
        height: 74px;
        width: 352px;
        overflow: hidden;
    }

.WaitingRoomTable {
    position: absolute; 
    left: 0; 
    /*top: 0;*/ 
    top: 16px;
    margin-top: 0px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    text-transform: uppercase; 
    table-layout: fixed; 
    font-size: 8px; 
    white-space: nowrap; 
    overflow: hidden; 
    color: #FFFFFF; 
    margin-left: 0px; 
    line-height: 8px; 
    width: 480px; 
    padding: 1px; 
    border-collapse: collapse; 
    border-spacing: 0; 
    border-width: 0px;
    /*height: 102px;*/
}

.WaitingRoomHeader {
    position: absolute; 
    left: 0; 
    top: 0;
    margin-top: 5px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    text-transform: uppercase; 
    table-layout: fixed; 
    font-size: 8px; 
    white-space: nowrap; 
    overflow: hidden; 
    color: #FFFFFF; 
    margin-left: 0px; 
    line-height: 8px; 
    width: 480px; 
    padding: 1px; 
    border-collapse: collapse; 
    border-spacing: 0; 
    border-width: 0px;
    max-height: 114px;
    /*padding-top: 2px;*/
}

    .WaitingRoomHeader .Header {
        overflow: hidden; 
        text-overflow: ellipsis; 
        background-color: #7B8200; 
        color: #FFFFFF; 
        min-height: 8px;
        height: 11px;
        text-align: left;
        padding: 0px; 
        padding-left: 1px;
        padding-top: 1px;
    }
    .WaitingRoomTable .Header {
        overflow: hidden; 
        text-overflow: ellipsis; 
        background-color: #7B8200; 
        color: #FFFFFF; 
        min-height: 8px;
        text-align: left;
        padding: 0px; 
        padding-left: 1px;
    }

.WaitingRoomTable .TrainData {
        overflow: hidden; 
        text-overflow: ellipsis; 
        /*background-color: #7B8200;*/ 
        color: #FFFFFF; 
        min-height: 8px;
        text-align: left;
        padding: 0px; 
        padding-left: 1px;
        padding-top: .5px;
}

table.WaitingRoomFooter {
    width:480px; 
    position: absolute; 
    left: 0; 
    top: 114px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    text-transform: uppercase; 
    table-layout: fixed; 
    font-size: 8px; 
    white-space: nowrap; 
    overflow: hidden; 
    color: #FFFFFF; 
    margin-left: 0px; 
    margin-bottom: 4px; 
    line-height: 8px;
    padding: 1px; 
    border-collapse: collapse; 
    border-spacing: 0; 
    border-width: 0px;
    z-index: 1000;
}

    table.WaitingRoomFooter td {
        height: 8px;
    }
    table.WaitingRoomFooter td.topTime {
        background-color:#027F81;
    }
    table.WaitingRoomFooter td.topDate {
        background-color:#027F81;
        text-align:right;
    }
        table.WaitingRoomFooter td.WaitingRoomMarquee {
            background-color:#333333;
            overflow: hidden; 
            text-overflow: ellipsis;
        }

.TunnelTable {
    position: absolute; 
    left: 0; 
    /*margin-top: 2px;*/ 
    overflow: hidden; 
    text-overflow: ellipsis; 
    text-transform: uppercase; 
    table-layout: fixed; 
    font-size: 8px; 
    white-space: nowrap; 
    overflow: hidden; 
    color: #FFFFFF; 
    margin-left: 0px; 
    margin-right: 0px; 
    line-height: 8px; 
    width: 352px; 
    padding: 1px; 
    border-collapse: collapse; 
    border-spacing: 0; 
    border-width: 0px;
}
    .TunnelTable .Header {
        overflow: hidden; 
        text-overflow: ellipsis; 
        background-color: #7B8200; 
        color: #FFFFFF; 
        min-height: 8px;
        text-align: left;
        padding: 0px; 
        padding-left: 1px;
        padding-top: 1px;
    }

    .TunnelTable .TrainData {
        overflow: hidden; 
        text-overflow: ellipsis; 
        /*background-color: #7B8200;*/ 
        color: #FFFFFF; 
        min-height: 8px;
        text-align: left;
        padding: 0px; 
        padding-left: 1px;
        padding-top: .5px;
}
.TunnelTableHeader {
    position: absolute; 
    left: 0; 
    margin-top: 2px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    text-transform: uppercase; 
    table-layout: fixed; 
    font-size: 8px; 
    white-space: nowrap; 
    overflow: hidden; 
    color: #FFFFFF; 
    margin-left: 0px; 
    margin-right: 0px; 
    line-height: 8px; 
    width: 352px; 
    padding: 1px; 
    border-collapse: collapse; 
    border-spacing: 0; 
    border-width: 0px;
}
    .TunnelTableHeader .Header {
        overflow: hidden; 
        text-overflow: ellipsis; 
        background-color: #7B8200; 
        color: #FFFFFF; 
        min-height: 8px;
        height: 11px;
        text-align: left;
        padding: 0px; 
        padding-left: 1px;
    }
table.TunnelTable td {
        height: 8px;
    }

table.TunnelFooter {
    width:352px; 
    position: absolute; 
    left: 0; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    text-transform: uppercase; 
    table-layout: fixed; 
    font-size: 8px; 
    white-space: nowrap; 
    overflow: hidden; 
    color: #FFFFFF; 
    margin-right: 0px; 
    margin-left: 0px; 
    margin-top: 0px; 
    margin-bottom: 1px; 
    line-height: 8px;
    padding: 1px; 
    border-collapse: collapse; 
    border-spacing: 0; 
    border-width: 0px;
    z-index: 1000;
}
    table.TunnelFooter td.topTime {
        background-color:#027F81;
    }
    table.TunnelFooter td.WaitingRoomMarquee {
        background-color:#333333;
        overflow: hidden; 
        text-overflow: ellipsis;
    }


/*.ShortTunnelTable {
    position: absolute; 
    left: 0; 
    margin-top: 1px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    text-transform: uppercase; 
    table-layout: fixed; 
    font-size: 8px; 
    white-space: nowrap; 
    overflow: hidden; 
    color: #FFFFFF; 
    margin-left: 0px; 
    margin-right: 0px; 
    line-height: 8px; 
    width: 352px; 
    padding: 1px; 
    border-collapse: collapse; 
    border-spacing: 0; 
    border-width: 0px;
}
    .ShortTunnelTable .Header {
        overflow: hidden; 
        text-overflow: ellipsis; 
        background-color: #7B8200; 
        color: #FFFFFF; 
        min-height: 8px;
        text-align: left;
        padding: 0px; 

    }
table.ShortTunnelTable td {
        height: 8px;
    }

table.ShortTunnelFooter {
    width:352px; 
    position: absolute; 
    left: 0; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    text-transform: uppercase; 
    table-layout: fixed; 
    font-size: 8px; 
    white-space: nowrap; 
    overflow: hidden; 
    color: #FFFFFF; 
    margin-right: 0px; 
    margin-left: 0px; 
    margin-top: 0px; 
    margin-bottom: 2px; 
    line-height: 8px;
    padding: 1px; 
    border-collapse: collapse; 
    border-spacing: 0; 
    border-width: 0px;
    z-index: 1000;
}
    table.ShortTunnelFooter td.topTime {
        background-color:#027F81;
    }
    table.ShortTunnelFooter td.WaitingRoomMarquee {
        background-color:#333333;
        overflow: hidden; 
        text-overflow: ellipsis;
    }*/


/*ClearFix*/
.Clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.Clear {
	clear:both;
}
.Clearfix {
	display: inline-block;
}
h1 {
	font-size: 100%;
}
h2 {
	font-size: 80%;
}
p, a, ul, li, h1, h2, h3, h4, h5, from {
	padding:0px;
	margin:0px;
}
img {
	padding:0px;
	margin:0px;
	border:0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/*Text Link css*/
.linkVU a {
	Font-Family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
.linkVU a:hover {
	Font-Family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
/*Bgcolour css*/
.BgWhite {
	background-color:#ffffff;
}
.BgBlack {
	background-color:#000000;
}
.BgGray {
    background-color:#333333;
}
/*Layout css*/





.Wraper {
width:100%;
margin:auto;
}
.Heading {
height:140px;
padding:0 25px;
background:#754c24;
}
.Heading h1 {
color:#fff;
font-size:70.64px;
font-weight:normal;
font-family: 'DINBold';
/*height:95px;*/
padding:0 0 8px 0;
}
.FooterRow {
background:#000;
height:80px;
}



.ListImg {
width:186px;
float:left;
}


.MidTxtBox {
	/*width:700px;*/
	float:left;
	padding:0 0 0 25px;
	height:140px;
	/* width: 100%; */
	width: 535px;
}

.MidTxtBox h2 {
	color:#fff;
	font-size:56.25px;
	font-weight:normal;
	font-family: 'DINBold';
	line-height:80px;
	width: 100%;
	
	height: 88px;
}
.MidTxtBox p {
color:#fff;
font-size:35.32px;
font-weight:normal;
font-family: 'DINBold';

}

.RightTxtBox {
	/* width:227px; */
	/* width:242px; */
	width:484px;
	float:right;
	padding:0 25px 0 0;
	height:140px;
}
.RightTxtBox p .sts4{
	/* margin-left: 32px; */
	margin-left: 75px;
	
	color: #fff;
    font-family: "DINBold";
    font-size: 35.32px;
    font-weight: normal;
    text-align: right;
	
}
.RightTxtBox p .sts2{
	/* margin-left: 50px; */
	margin-left: 20px;
	
	color: #fff;
    font-family: "DINBold";
    font-size: 56.25px;
    font-weight: normal;
    line-height: 80px;
    text-align: right;
}

.RightTxtBox p.TimeShow {
	color:#fff;
	font-size:56.25px;
	font-weight:normal;
	font-family: 'DINBold';
	text-align:right;
	line-height: 80px;

	height:88px;
}
.RightTxtBox p , .RightTxtBox p span , .RightTxtBox p div{
color:#fff;
font-size:35.32px;
font-weight:normal;
font-family: 'DINBold';
text-align:right;
}

.ellipsis {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  width:95%;
}

span.ErrorSpan {
    border-width: 0px; 
    position: fixed; 
    padding: 0; 
    color: #FFFFFF; 
    background-color: #000000; 
    font-size: 10px; 
    left: 0; 
    top: 0; 
    width: 480px; 
    height: 128px; 
    z-index: 999;
}


.blink {
   animation: flash 2s ease infinite;
}

@-webkit-keyframes flash {
    0% { background-color: none; }
    50% { background-color: red; }
    100% { background-color: none; }
}

@-moz-keyframes flash {
    0% { background-color: none; }
    50% { background-color: red; }
    100% { background-color: none; }
}

@-ms-keyframes flash {
    0% { background-color: none; }
    50% { background-color: red; }
    100% { background-color: none; }
}

/*marquee stuff*/
.marquee span.MarqueeText {
    display: inline-block;
    padding-left: 100%;  /* show the marquee just outside the paragraph */
    animation: marquee 68s linear infinite;
}

.marquee span.Hidden {
    display: none;
}

@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0); 
    }
}