html {
	height: 100%;
	}

body {
	margin: 0px;
	background-color:#EEEEEE;
	width: 100%;
	height: 100%;
	font-family:Arial,Sans-Serif;
	font-size:14px;
}

a:link {
	color: #CC0000;
	text-decoration:none;
	}

a:visited {
	color: #CC0000;
	text-decoration:none;
	}

a:hover {
	color: #666666;
	text-decoration:none;
	}

a:active {
	color: #666666;
	text-decoration:none;
	}

div.outline {
	border: 1px solid #CC0000;
	background-color:#DDDD88;
	}
	
table.main {
	margin:0 auto;
	background-color:#FFFFFF;
	width: 1250px;
	height: 100%;
	border-width: 0px 1px;
	border-color:#999999;
	border-style:solid;
	}

td {
	vertical-align:top;
	}

td.line {
	vertical-align:middle !important;
	}

img.photo {
	border-radius: 5px;
	}
img.fullphoto {
	border-radius: 20px;
	 margin:10px;
	 box-shadow: 0px 0px 20px 0px #666666;
	 }
	 
.logo {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align:bottom;
	text-align:left;
	}
	
.logobottom {
	border: 0px;
	border-top-width: 1px;
	border-color:#999999;
	border-style:solid;
	background: #DDDDDD;
	vertical-align:top;
	text-align:left;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	/*position:fixed;
	bottom:0px;
	z-index:4;*/
	}
.logophoto {
	background: #FF3333 url("/Images/art.png") 50% 50% repeat-x;
	height: 18px;
	border-radius: 0px 9px 9px 0px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	}
	
.menubar {
	background-color: #DDDDDD;
	height: 30px;	
	}

#menu {
	padding: 0;
	margin: 0;
	border: 0px;
	border-bottom-width: 1px;
	border-color:#999999;
	border-style:solid;
	height: 30px;
	width: 1250px;
	position:static;
	top:0px;
	z-index:11;
	background-color:#DDDDDD;
	}
	
#menu li {
	list-style: none;
	float: left;
	height: 18px;
	padding: 6px 20px;
	margin: 0;
	text-align: center;
	background-color:#DDDDDD;
	position: relative;
	font-weight: bold;
	font-size: 16px;
	}
#menu li ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-width: 0px 1px 1px;
	border-color:#999999;
	border-style:solid;
	display: none;
	position: absolute;
	left: 0;
	top: 30px;
	z-index: 11;
	}
#menu li ul li {
	float: none;
	height: 18px;
	margin: 0;
	border-width: 0px;
	text-align: left;
	background:#DDDDDD;
	padding: 6px 20px;
	font-weight: normal;
	font-size: 16px;
	z-index: 11;
	}
#menu li a {
	display: block;
	height: 18px;
	}

#menu li:hover ul, #menu li.jshover ul {
	display: block;
	}
#menu li:hover, #menu li.jshover {
	background-color:#CCCCCC;
	}
	
#menu li:target ul, #menu li.jshover ul {
	display: block;
	}
#menu li:target, #menu li.jshover {
	background-color:#CCCCCC;
	}
	
.menu_bottom {
	height: 18px;
	background-color:#DDDDDD;
	padding: 6px 20px;
	font-weight: bold;
	font-size: 16px;
	}
.menu_bottom:hover, .menu_bottom.jshover {
	background-color:#CCCCCC;
	}

.arti {
	background: #DDDDDD;
	border-radius: 5px 5px 0px 0px;
	text-align:center;
	padding: 5px 10px;
	border-width: 0px 0px 1px 0px;
	border-color:#999999;
	border-style:solid;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	white-space:nowrap;
	}
.artl {
	background: #DDDDDD;
	border-radius: 5px 5px 0px 0px;
	text-align: left;
	padding: 5px 10px;
	border-width: 0px 0px 1px 0px;
	border-color:#999999;
	border-style:solid;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	white-space:nowrap;
	}
h1 {
	color: #000000;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	margin: 0;
	}
h2 {
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	margin: 0;
	}
h3 {
	color: #000000;
	font-weight: normal;
	font-style: italic;
	font-size: 16px;
	text-align: center;
	margin: 0;
	}

.bind {
	border-radius: 5px;
	padding: 5px;
	font-size: 14px;
	color: #000000;
	line-height: 2.25;
	}



.block {
	text-align:center;
	background-color:#EEEEEE;
	border-radius: 0px 0px 5px 5px;
	padding:10px;
	}

.header_vehicle {
	background: #DDDDDD;
	text-align:center;
	padding: 5px 10px;
	border-width: 0px 0px 1px 0px;
	border-color:#999999;
	border-style:solid;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	white-space:nowrap;
	}

.selectblock {
	color: #999999;
	background-color:#EEEEEE;
	border-radius: 5px;
	padding: 5px;
	font-size: 14px;
	text-align:left;
	cursor:pointer;
	}
.selectedblock {
	color: #000000;
	background-color:#EEEEEE;
	border-radius: 5px;
	padding: 5px;
	font-size: 14px;
	text-align:left;
	cursor:pointer;
	}

.loadlist {
	color: #0000000;
	background-color:#EEEEEE;
	border-radius: 5px;
	padding: 5px;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	cursor:pointer;
	}
	
.date {
	font-size: 14px;
	font-style: italic;
	text-decoration:underline;
	}
.time {
	font-size: 14px;
	font-weight: bold;
	}

.exif {
	font-size: 12px;
	}

.departured {
	color: #666666;
	}
.notinroute {
	color: #777777;
	}

.news_block {
	display: block; 
	width: 100%; 
	height: 100%;
	color: #000000;
}
.news_color {
	color: #000000;
}

.news_text {
    width: 100%;
    max-height: 500px;
	color: #000000;
    overflow: hidden;
    position: relative;
    background: #EEEEEE;
}
.news_text:after {
    content: "";
    display: block;
    position: absolute;
	top: 400px;
    left: 0px;
    right: 0px;
    height: 100px;
    background: linear-gradient(to bottom, rgba(238,238,238,0), rgba(238,238,238,1));
}
	
.newsdate {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-decoration:underline;
	}
.newstime {
	font-size: 14px;
	font-style: italic;
	}

.region {
	font-size: 12px;
	text-decoration:underline;
	color: #666666;
	}
.regiontime {
	font-size: 12px;
	text-decoration:underline;
	color: #666666;
	font-weight: bold;
	}

.green {
	color: #009900;
	}
.red {
	color: #CC0000;
	}
.redlite {
	color: #CC6666;
	}

.legend {
	position:static;
	top:39px;
	z-index:1;
	width:220px;
	margin-left:10px;
	}
.legendblock_else {
	color: #999999;
	font-weight: bold;
	white-space:nowrap;
	font-size: 14px;
	text-align:left;
	cursor:pointer;
	}
.legendblock_current {
	color: #000000;
	font-weight: bold;
	white-space:nowrap;
	font-size: 14px;
	text-align:left;
	cursor:pointer;
	}

.score {
	font-size: 24px;
	font-weight: bold;
	border-radius: 10px;
	}
.scorecomment {
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	width: 50px;
	text-align: center;
	}

.station {
	font-size: 12px !important;
	color: #000000;
	}
.citystation {
	font-size: 12px;
	color: #666666;
	text-decoration:underline;
	}

.traintype {
	font-size: 12px;
	color: #666666;
	}

.text {
	font-size: 14px;
	text-align: left;
	color: #000000;
	}
.textbold {
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	}
.text12 {
	font-size: 12px;
	text-align: left;
	}
.text12grey {
	font-size: 12px;
	text-align: left;
	color: #666666;
	}

.newsphotoview {
	text-align: center;
	color:#FFFFFF;
	font-size: 14px;
	}

.vehiclenophoto {
	font-size: 14px;
	font-style: italic;
	}
.vehiclephoto {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	}

.vehicle {
	border-radius: 5px;
	padding: 5px;
	font-size: 14px;
	color: #000000;
	line-height: 2.25;
	}

.viewphotobg {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index:20;
	background:#000000;
	opacity: 0.8;
	}

.viewphoto {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 21;
	}