﻿/*--------------------ODJAZDY------------------------*/
body.VTBL{text-align: center;padding:0;background-color:#373736; margin-left:50px;margin-right:50px;margin-top:20px;}

.realtable-stop
{
    width:100%;
    border-collapse:collapse;
    text-transform: uppercase;
    color: White;
    font-family:Verdana;
    text-align:left;
    margin-bottom:10px;
}

.realtable-stop tr th,.realtable-stop tr td
{
    background-color:#373736;
    text-transform: uppercase;
    color:      #fff;
    font-size: 39px;
    font-weight:bold;
    font-family:Verdana;
    padding:	0px;
}

.realtable-stop tr th
{
    color:#ffffff;
    height:20pt;
}
.realtable-stop tr td.dzien
{
    text-align:right; 
    display:none; 
    height:20px;
}

.realtable-stop tr th.blank
{
    border:				10px;
    height:				20pt;
    width:				0px;
}
.realtable-header 
{   
    width:100%;
    border-collapse:collapse;
    border-spacing:0px;
    font-family:Verdana;
    font-weight:bold;
    font-size:29px;
}

.realtable-header tr th
{
    border-collapse:	collapse;
    padding:5px;
    margin:5px;
    color:#fff;
    background-color:#373736;
} 

.realtable-header tr th.veh
{
    width:0px;
    background-color:#373736;
    color:#fff;
}
.realtable-header tr th.route
{
    width:80px;
    text-align:left;
    font-size:30px;
    font-weight: bold;
    background-color:#373736;
    color:#fff;
}
.realtable-header tr th.dir
{
    text-align:left;
    background-color:#373736;
    color:#fff;
    padding-left:10px;
}
.realtable-header tr th.time
{
	text-align:right; 
	padding-right:20px;
    background-color:#373736;
    color:#fff;
    width:100px;
}

.realtable-header tr th.route-line
{
    font-size:10px;
    margin:0px;
    text-align:right;
    padding-bottom:0px;
    padding-top:0px;
}

.realtable-header tr th.route-line > span
{
    display:inline-block;
    border-right:1px solid #fff;
}



.realtable-header tr th.dir-line
{
    font-size:10px;
    text-align:left;
    margin:0px;
    padding-bottom:0px;
    padding-top:0px;
    padding-left:10px;
}
.realtable-header tr th.dir-line > span
{
     display:inline-block;
     border-left:1px solid #fff;
     margin-left:10px;
}

.realtable-header tr th.time-line
{
    margin:0px;
    padding-bottom:0px;
    padding-top:0px;
    font-size:10px;
    text-align:right;
    padding-right:20px;
}

.realtable-header tr th.time-line > span
{
    display:inline-block;
    border-right:1px solid #fff;
}



.realtable-header tr th.blank
{
    border:				10px;
    height:				20pt;
    width:				61px;
    background-color:	#000000;
    color:#9e7e63;
}
.realtable-div
{
    font-family:	Verdana;
    font-weight: normal;
    font-weight:	bold;
    background:#000;
    font-weight: bold;
    color:#9e7e63;
    font-size:23px;
}
.realtable
{
     margin-top:10px;
     padding:0px;
     width:100%;   
     border-collapse:collapse;
     border-spacing: 0px 0px;
     caption-side:bottom;
     empty-cells:hide;
     table-layout:auto;
     vertical-align:top;
}

.realtable tr td
{
    margin:0px 0px 0px 0px;
    padding:5px;
     
}
.realtable-header tr td.veh
{
    width:26px;
}

.realtable tr td.route
{
	width:100px;
	text-align:right;
	font-size:30px;
	font-weight: bold;
	border:0px solid #D8D8EB;
	background-color:#000000;
}
.realtable tr td.dir
{
    text-align:left; 
    background-color:#000000;
}
.realtable tr td.biletomat
{
    padding-right:0px;
	text-align:right; 
	background-color:#000000;
	padding-right:20px;
}
.realtable tr td.time
{
    padding-right:10px;
	text-align:right; 
	background-color:#000000;
	padding-right:20px;
}

.realtable tr td.biletomat
{}

.realtable tr td.biletomat  span.icon
{
    background-image:url(../Content/layout/real-timetable-biletomat.png);
    background-position:center;
    background-repeat:no-repeat;
    display:inline-block;
    width: 26px;
    height:30px;    
}

.td_color{color:Black;}
.red_font{color: red;}
.green_font{color: rgb(176,255,181);}
.blink {color:red;font-size:24px;display:inline;} 


#scroller_container {
 position: relative;
 width: 600px;
 height: 50px;
 overflow: hidden;
}

#scroller 
{
 white-space: nowrap;
 line-height: 0px;
 font-size:30px;
}

#scroller p {
 padding: 0;
}