fbody, body.popup {
  margin:0px;
  background-color:#fff;
}
table {
  border:none;
}
th, td, ul, ol, li, p, div, span, input, textarea, select {
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; 
  font-size: 12px; 
  text-decoration: none;
}
div.hint {
  padding: 1px 3px 1px 3px; 
  color:#4e6dae; 
  background-color:#fff; 
  text-decoration:none;
}
div.bold {
  font-weight: bold;
}
div.standardpadding {
  padding: 1px 3px 1px 3px;
}
div.errormessage {color:#ea5e13; font-weight:bold;}
img {border:none; vertical-align: middle;}
img.bottom {border:none; vertical-align: bottom;}
img.top {border:none; vertical-align: top;}
img.icon {padding: 1px; vertical-align: top; position: relative;}
img.iconcal {padding: 1px; vertical-align: top; position: relative; top: 4px;}
img.calender {padding: 1px; vertical-align: top; position: relative; top: 0px;}

img.language {border: 1px solid #999;}
a {color:#5f6973; text-decoration: none;}
a:link {color:#5f6973; text-decoration: none;}
a:active {color:#ea5e13; text-decoration: none;}
a:hover {color:#ea5e13; text-decoration: none;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.pre {font-family: courier;}
.red {color:#f00;}
.nopadding {padding: 0px;}
.errormessage {color:#ea5e13; font-weight:bold;}
.hint {color:#4e6dae; background-color:#fff; text-decoration:none;}
.small {
  font-size: 11px;
}

a.exo {
  color:#5f6973; text-decoration: none;
  font-weight: normal;
  font-size: 11px;
}

#hafasHelp {
padding: 10px 10px 10px 10px;
}

div.hafasQuickFormLeft {background-color:#fff; width:100%; margin-top:10px;}
.hafasQuickFormLeft div,
.hafasQuickFormLeft p {background-color:#fff; color:#333; font-weight: bold; padding:3px 3px 1px 3px; text-align: left; margin:0px;}
.hafasQuickFormLeft input {width:60px; height:12px; font-weight:normal;}
.hafasQuickFormLeft input.button {width:60px; height:20px; font-weight:normal;}
.hafasQuickFormLeft a {white-space: nowrap; background-color:#fff; color:#4e6dae;}
.hafasQuickFormLeft a:hover {white-space: nowrap; color:#ea5e13;}

#ram {
  position:static;
  top:0px;
  width:980px;
  padding:0px;
  margin:0px;
  border:0px;
}

#footer {
  position:static;
  width:980px;
  height:22px;
  padding:0px;
  margin:0px;
  border:0px;
}

#hafasNavigation {
  position: absolute;
  width:160px;
  padding: 0px 5px;
  color:#4e6dae;
  font-weight: bold;
}

div#hafasNavigation a {
  padding:0px 3px 5px 15px;
  display:block; color:#5f6973;
  font-weight: normal;
  display:block;
}

div#hafasNavigation .active, div#hafasNavigation .hover {
  display:block;
  padding:0px 3px 5px 15px;
  display:block; color:#ea5e13; 
  font-weight: normal;
}

.hafasHeadline {
  font-family: Verdana, Arial; 
  font-weight: bold; 
  font-size: 11px; 
  color: rgb(255, 255, 255);
}


#hafasHeader {
  position:relative;
  width: 970px;
  height:137px;
  padding: 0px;
  vertical-align:bottom;
}

#hafasLogo {
  width:170px;
  height:80px;
  text-align:center;
  vertical-align:middle;
  float:left;
}

#hafasContent {
  position:relative;
  top: 0px;
  left: 180px;
  width:890px;
  min-height: 495px;
  margin-right:10px;
  padding:10px;
}

#hafasContent1 {
  width:720px;
  padding:10px 10px 0px 10px;
}

#hafasContent1bak {
  position:relative;
  top: 0px;
  left: 180px;
  width:720px;
  min-height: 480px;
  margin-right:10px;
  padding:35px 10px 10px 10px;
  border-right: 1px solid #dddddd;
}

#hafasPrawy {
  vertical-align:top;
  background-color: #f0f1f3;
}

#pion {
  float: right;
  top: 10px;
  position: relative;
  width:0px;
  padding: 0px 1px;
  color:#4e6dae;
  font-weight: bold;
  border-left: 1px solid #cecece;

}

div#headerLinks {
  padding:3px;
  position: absolute;
  top: 212px;
  right: 20px;
}

div#headerLinks1 {
  padding:3px;
  position: absolute;
  top: 212px;
  right: 170px;
}

#hafasSponsors {
  margin-top:0px;
  height: 40px;
  border-top: 1px solid #999;
  padding: 10px 100px 0;
}

.sponsors {
  line-height:14px;
  padding: 8px;
  font-size:10px;
  margin-right: 20px;
  float:left;
  position: relative;
  color: #333;
}

  
/* .line {
  line-height: 1px;
  background-color: #999;
  width: 1028px;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 20px;
  display: block;
  text-align: center;
}*/

#hafasNavigation a.sub {padding:5px 10px 0px 20px; font-weight:normal;}
#hafasNavigation a img {margin-right:5px; vertical-align:bottom;}

#hafasNavigation .separator {
color:#7AA3D1;
font-weight: bold;
padding: 1px 3px 1px 3px;
margin:20px 10px 10px 0px;
}

#hafasContentTable {
background-color:#FFFFFF;
font-family: Verdana, Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
font-size:11px;
min-height:480px;
min-width:600px;
padding:0;
}


h2.separator span {
float:right;
font-size:12px;
font-weight:normal;
padding-left:10px;
padding-right:1px;
}

.smIcon {
margin-bottom:2px;
margin-right:6px;
}

div.separator, h2.separator {
padding: 5px 3px;
vertical-align: middle;
font-size:12px;
font-weight: bold;
color:#656565;
white-space: nowrap;
padding-left: 10px;
margin-top:0px;
}



/* #hafasHeader .headerLinks span a {padding:0px 10px; border-right:1px solid #f37230; top: 57px;}*/
/* #hafasHeader .headerLinks a.language,
  #hafasHeader .headerLinks a.activelanguage {padding:0px 0px 0px 10px; border-right:0; top: 57px;}*/

/* #hafasHeader .headerLinks1 span a {padding:0px 10px; border-right:1px solid #f37230; top: 57px;}*/
/* #hafasHeader .headerLinks1 a.language,
  #hafasHeader .headerLinks1 a.activelanguage {padding:0px 0px 0px 10px; border-right:0; top: 57px;}*/

  #hafasSearch {position:absolute; top: 210px; right:120px; width: 770px; padding-top: 5px; text-align: right;}
  #hafasSearch input.small {width:122px; padding: 0px;}
  #hafasSearch1 {position:absolute; top: 210px; right:310px; width: 580px; padding-top: 5px; text-align: right;}
  #hafasSearch1 input.small {width:122px; padding: 0px;}
  #hafasFooter {margin-top:10px; font-size:10px; color:#b0b0b0;}
  .hafasFooter td a:active {color:#4e6dae;}
  #trainclaim {position: absolute; top: 90px; left: 5px; color: #000; font-weight: bold;font-size: 16px;letter-spacing: 1px;}
  #pagetitle {margin:0px 0px 20px 0px; font-weight:normal; color:#666;}

  .greyBoxTop {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
  background-color:#F6F6F6;
}

  .greyBoxRT {
  padding-bottom: 20px;
  padding-top: 10px;
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
}


.greyBoxTopRT {
padding-bottom: 20px;
padding-top: 10px;
}

.greyBox {
  margin: 0px auto 3px;
  width: 950px;
}

.greyBox1 {
  margin: 0px auto 3px;
}

div.baton {
}
div.baton div.kontent {
  padding: 1px 12px 0px 15px;
  height: 19px
}

div.kontent1{
  padding: 3px 5px 6px 20px;
  font-family: Verdana, Arial, Helvetica;
}

/* baner INFOLINIA KOLEJOWA */

.greyBox_ban {
  margin: 0px auto 3px;
  width: 168px;
}

  div.border_ban {
  background: #ffffff;
}

div.border_ban div.content_ban {
  font-family: Verdana, Arial, Helvetica;
  padding: 0px;
  font-size: 12px;
  text-align: center;
}
/* koniec banera */

div.contentSlider {
  margin-bottom:10px;
  padding-bottom: 2px;
  padding-left: 25px;
  background-position: left;
  background-repeat: no-repeat;
  color: #eb5111;
  font-family: Verdana, Arial;
  font-size: 19px;
  font-weight: bold;
}

div.contentSlider a{
  margin-bottom:10px;
  padding-bottom: 2px;
  padding-left: 0px;
  background-position: left;
  background-repeat: no-repeat;
  color: #eb5111;
  font-family: Verdana, Arial;
  font-size: 19px;
  font-weight: bold;
}

div.contentSlider.active {
  margin-bottom:10px;
  padding-bottom: 2px;
  padding-left: 25px;
  background-position: left;
  background-repeat: no-repeat;
  color: #eb5111;
  font-family: Verdana, Arial;
  font-size: 19px;
  font-weight: bold;
}

div.contentSlider input {
  line-height:13px;
  margin:0px;
  margin-right:5px;
  color:#4e6dae;
  padding:1px 5px;
}
  div.contentSlider input:hover, div.contentSlider input.active {
  color:#ea5e13;
  border:1px solid #999;
}

  div.hafasHint {margin-bottom:20px; font-size: 11px}
/* a.language, a.activelanguage {padding:2px;}*/

/**************************/
/* Buttons and Fields */
/**************************/
a.linkAsbuton {color: #ffffff; font-size: 10px; font-weight: bold;}
a.linkAsbuton:hover {color:#033c65; border: 0px #4e6dae solid; background-color:#0b87e1;}
a.linkAsbuton1 {color: #ffffff; font-size: 10px; font-weight: bold;}
a.linkAsbuton1:hover {color:#033c65; border: 0px #4e6dae solid; background-color:#e1640a;}
.lista {width: 245px; font-size: 12px}

input,select {vertical-align: middle; margin: 1px;}
input.error, select.error {border: inset 2px #ea5e13; background-color:#fa8;}
input:focus, select:focus {background-color:#fff;}
input.embedded {border: none; background-color:transparent;}
input.embedded:focus {border: solid 1px #777; background-color:#ffa;}
input.small {font-size:11px; padding:0px; padding-left:2px;}
input.button {background-color:#e1640a; color:#fff; border:0px; padding: 0px 0px 0px 0px; margin-right:0px; vertical-align: middle; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 10px; text-decoration: none; font-weight: bold;}
input.button:hover {color:#033c65; border: 0px #4e6dae solid;}
input.button-more {background-color:#0b87e1; color:#fff; border:0px; padding: 0px 0px 0px 0px; margin-right:0px; vertical-align: middle; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 10px; text-decoration: none; font-weight: bold;}
input.button-more:hover {color:#033c65; border: 0px #4e6dae solid; background-color:#0b87e1;}
input.buttonEmphasized {background-color:#4e6dae; color:#fff; border:1px #22b solid; padding: 0px 3px 0px 3px; margin-right: 3px; font-weight: bold; vertical-align: middle; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 12px; text-decoration: none;}
input.buttonEmphasized:hover {color:#4e6dae; border: 1px #4e6dae solid; background-color:#fff;}
input.buttonSmall {padding: 0px 2px 0px 2px; font-size:11px; border:1px #22b solid; background-color:#e1650a; color:#fff; font-weight:bold;}
input.buttonSmall:hover {color:#4e6dae; border:1px #4e6dae solid; background-color:#fff;}
input.buttonAsLink {background-color:transparent; color:#4e6dae; border:0px; padding:0px 0px 0px 15px;cursor:pointer;}
input.buttonAsLink:hover {color:#ea5e13;}
input.button1  {width: 235px;}
input.button-more1  {width: 245px;} 


input.buttonEmphasizedOrange {background-color:#e1640a; color:#fff; border:0px; padding: 0px 0px 0px 0px; margin-right:0px; vertical-align: middle; font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 10px; text-decoration: none; font-weight: bold;}
input.buttonEmphasizedOrange:hover {color:#033c65; border: 0px; background-color:#e1640a;}


a.button {background-color:#4e6dae; color:#333; border:1px #22b solid; padding: 1px 4px 1px 4px; margin-right:3px; vertical-align: middle;}
a.button:link {color:#333; text-decoration:none;}
a.button:active {color:#ea5e13; text-decoration:none;}
a.button:hover {color:#ea5e13; border: 1px #ea5e13 solid; text-decoration:none;}

div.sliderNoPadding a {position:relative; top:2px;}
div.sliderNoPadding input {position:relative; top:1px;}
table.separator1 {background-color:#7bc7dd; width: 100%;}
table.separator1 td {border-bottom:1px solid #ccc; font-weight: bold; vertical-align: bottom; color:#333; white-space: nowrap; padding: 1px 3px 1px 3px; background-color:#fff;}
.separator1 td.right {text-align: right;}
.separator1 td a {color:#333; text-decoration: none;}
.separator1 td a:hover {color:#ea5e13; text-decoration: none;}
table.separator1 select {padding:0px; line-height: 17px; border:1px solid #999; background-color:#fff;}
div.separatingLine {height:1px; margin:0px; background-color:#ccc;}
div.separatingLineRealtime {height:5px; background-color:#ea5e13;}
table.hafasButtons {margin-bottom:10px;}
.hafasButtons th.profile {padding-left:25px; padding-right:8px;}
table.hafasButtons td {padding:6px 5px 5px 0px;}
.hafasButtons td.nowrap {white-space:nowrap;}
.hafasButtons td.links {padding:0px 5px 0px 0px;}
.hafasButtons td.right {text-align:right;}
.hafasButtons td a {margin-right:10px; white-space:nowrap;}
.hafasButtons td.right a {margin-right:0px; margin-left:10px;}

.bialy {background-color: #ffffff;}
.hafasButtons1 th.profile {padding-left:25px; padding-right:8px;}
table.hafasButtons1 td {padding:0px 5px 0px 0px;}
.hafasButtons1 td.nowrap {white-space:nowrap;}
.hafasButtons1 td.links {padding:0px 5px 0px 0px;}
.hafasButtons1 td.right {text-align:right;}
.hafasButtons1 td a {margin-right:10px; white-space:nowrap; font-size: 12px;}
.hafasButtons1 td a.linkAsbuton {color: #ffffff; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 11px;}
.hafasButtons1 td.right a {margin-right:0px; margin-left:10px; background-color: #ffffff}

table.hafasQuery {width:auto; background-color:transparent; padding: 1px;}
.hafasQuery th {width:100px; padding:1px 3px 1px 10px; text-align:left; background-color:transparent; color:#656565; font-weight:bold; white-space:nowrap;}
.hafasQuery th.feedback {width:180px;}
.hafasQuery th.normal {font-weight:normal;}
.hafasQuery th.wrap {white-space:normal;}
.hafasQuery th.sepline {border-bottom:1px solid #999;}
.hafasQuery th.top {vertical-align:top;}
.hafasQuery th.bottom {vertical-align:bottom;}
.hafasQuery td {background-color:transparent; color:#333; padding:1px 1px 1px 1px;}
.hafasQuery td.first {width:150px;}
.hafasQuery td.second {min-width:170px; max-width:400px; overflow:auto;}
.hafasQuery td.radio {width:15px; text-align:center;}
.hafasQuery td.errormessage {color:#ea5e13; font-weight:bold;}
.hafasQuery td.hint {color:#4e6dae; background-color:#fff; text-decoration:none;}
.hafasQuery td.nopadding {padding:0px;}
.hafasQuery td.seplineTop {padding-left: 10px}
.hafasQuery td.sepline {border-bottom:1px solid #999;}
.hafasQuery td.borderright {border-right:1px solid #999;}
.hafasQuery td.center {text-align:center;}
.hafasQuery td.top {vertical-align:top;}
.hafasQuery td.right {text-align:right;}
.hafasQuery td.spaceRight {padding-right:0px;}
.hafasQuery tr.zebracol-1 td {background-color:transparent;}
.hafasQuery tr.zebracol-2 td {background-color:#fff;}
table.hafasResult {width:872px; background-color:#F6F6F6; margin-left: 4px;}
.hafasResult tr.button {}
.hafasResult tr.zebracol-1 td {background-color:#ffffff;}
.hafasResult tr.zebracol-2 td {background-color:#f8f8f8;}
.hafasResult tr.zebracol-3 td {background-color:#c5dce5;}
.hafasResult tr.zebracol-4 td {background-color:#fff;}
.hafasResult tr.arrboard-dark td {background-color:#e9e9e9;}
.hafasResult tr.arrboard-light td {background-color:#ffffff;}
.hafasResult tr.depboard-dark td {background-color:#ff9;}
.hafasResult tr.depboard-light td {background-color:#ffc;}

.hafasResult tr.selected td {background-color:#e9e9e9;}

.hafasResult tr.selected td.diagram {background-color:transparent;}
.hafasResult tr.tpOverview td {background-color:#f0f1f3;}
.hafasResult tr.tpDetails td {background-color:#f0f1f3;}
.hafasResult tr.tpDetails th {text-align: left;}
.hafasResult th {background-color:#f0f1f3; color:#222222; font-weight: bold; padding: 3px; white-space: nowrap;}
.hafasResult th.querysummary {text-align: left; vertical-align: top; background-color:#ffffff; color:#666; padding-right:5px;}
/*.hafasResult th.border {border-bottom: 1px solid #999;}*/
.hafasResult th.borderright {border-right: 0px solid #ccc;}
.hafasResult th.borderleft {border-left: 1px solid #fff;}
.hafasResult th.sepline {border-bottom: 1px solid #999;}
.hafasResult th.left {text-align: left;}
.hafasResult th.middle {vertical-align: middle;}
.hafasResult th.diagram {padding: 0px;}
.hafasResult th a {color:#abcdcd;}
.hafasResult th a:hover {color:#fff;}
.hafasResult td {background-color:#fff; color:#333; padding: 1px 3px 1px 3px;}
.hafasResult td.separatorSmall {background-color:#ffffff; border-bottom:1px solid #4e6dae; padding-top:5px; font-size:11px; font-weight:bold;}
.hafasResult td.querysummary {padding-right:15px; background-color:#ffffff;}
.hafasResult td.borderright {border-right: 1px solid #fff}
.hafasResult td.light {background-color: #fff;}
.hafasResult td.dark {background-color: #fff;}
.hafasResult td.emphasize {background-color: #fff;}
.hafasResult td.sepline {border-bottom: 1px solid #ccc;}
.hafasResult td.rtIcon {width:24px; padding:0; text-align:center;}
.hafasResult td.nopadding {padding: 0px;}
.hafasResult td.waipadding {padding: 3px 3px 3px 3px;}
.hafasResult td.errormessage {color:#ea5e13; font-weight:bold;}
.hafasResult td.small {font-size: 11px;}
.hafasResult td.diagram {padding: 0px; background-color:transparent;}
.hafasResult td.prognosis {color:#FF0000; font-weight:bold;}
.hafasResult td.linklistFirst {width:200px; overflow:auto;}
.hafasResult td.linklistLink {padding-right:15px;}
.hafasResult td.calendarLegend {border: 1px solid #999;}
.hafasResult td.bold {font-weight: bold;}
.hafasResult td.italic {font-style: italic;}
.hafasResult td.left {text-align: left;}
.hafasResult td.center {text-align: center;}
.hafasResult td.right {text-align: right;}
.hafasResult td.top {vertical-align: top;}
.hafasResult td.middle {vertical-align: middle;}
.hafasResult td.bottom {vertical-align: bottom;}
.hafasResult td.nowrap {white-space: nowrap;}
.hafasResult td.screennowrap {white-space: nowrap;}
.hafasResult td span.pre {font-family: courier;}
.hafasResult td span.bold {font-weight: bold;}
.hafasResult td span.small {font-size: 11px;}
.hafasResult td span.prognosis {color:#FF0000; font-weight:bold;}
.hafasResult td span.resultTextual {color:#4E6DAE;}
.hafasResult td span.resultTextualEmphasize {color:#ea5e13;}
.hafasResult td div.tpDtl_altDep {border-top:dotted 1px #999; font-size:10px;}
.hafasResult td.first {background-color:#e9e9e9;}
.hafasResult td.second {background-color:#d9d9d9;}
.hafasResult td.third {background-color:#c9c9c9;}
.hafasResult td.sqResMOT div {position:relative;}
.hafasResult td.sqResMOT div div {position:absolute; width:50px; height:20px; left:27px; top:14px;}

.greyBox .hafasResult th {background-color:#f0f1f3; color:#222;}
.greyBox .hafasResult td {background-color:#f0f1f3; color:#000;}

table.grey th.querysummary,
table.grey td {background-color:#fff;}
table.grey div.separator {background-color:#ffffff; color:#000000}
table.padding td {padding:3px;}

.hafasResult td.mapinput {background-color:#fff;}
.hafasResult td.legend {background-color:#fff;}
table.mainmap {border:1px solid #4e6dae;}
table.mainmap td {padding:1px; vertical-align: middle; text-align: center; cursor:crosshair;}
table.mapzoom {}
table.mapzoom td {padding:0px; background-color:#ffffff;}
.mapzoom {border-collapse:collapse;}
.mapzoom td.zoomin a {background-color: #ffffff;}
.mapzoom td.zoomout {padding:0px;}
.mapzoom td.zoomout a {background-color: #ffffff;}
.mapzoom td.level {border:1px solid #999; background-color:#e9e9e9;}
.mapzoom td.level a:hover {background-color:#ea5e13; color:#fff;}
.mapzoom td div {padding: 0px;}
.mapzoom td {padding-left:3px; background-color:#e9e9e9; color:#fff;}
.mapzoom td a {padding-left:3px; display:block; background-color:#e9e9e9; color:#fff;}
.mapzoom td.active,
.mapzoom td.active a {background-color:#ea5e13; color:#fff}
#popUpRect {position:absolute; visibility:hidden; z-index:100; border: #ea5e13 2px solid; cursor:crosshair; opacity:0.5; filter:Alpha(opacity=50, finishopacity=50, style=2);}
#popUpClickAction {position:absolute; background-color:#fff; z-index:100; border: 1px solid #4e6dae;}
img.mainmap {cursor:crosshair;}
table.hafasContentTable td.top {vertical-align: top;}
table.hafasHomeForm {border: 1px solid #7bc7dd;}
.hafasHomeForm th {width:100px;}
.hafasHomeForm td {width:160px;}
.hafasHomeForm td.separator {font-weight: bold; vertical-align: middle; color:#333; white-space: nowrap; padding: 1px 3px 1px 3px; background-color:#7bc7dd;}
.hafasHomeForm td.button {padding: 0px 10px 5px 3px;}
.hafasHomeForm td.autowidth {width: auto;}
.hafasHomeForm td input.size {width:140px;}
.hafasQuery td input.himMainInfo {width:270px;}
.hafasQuery td textarea.himMainInfo {width:270px; height:40px;}

/* Logo and bullet of global_design_parameters, if required */
span.customerLogo1 {color:#4e6dae; font-size:24px; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
span.customerLogoPopup {color:#4e6dae; font-size:24px; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
span.stressTHInputField {font-size:16px; color:#4e6dae; padding-right:7px;}

/* styles for location suggestion */
#suggestion { position: absolute; max-height: 150px; min-width: 180px; overflow: auto; overflow-x: hidden; overflow-y: auto; padding: 0px; background-color: #FFF; border: 1px solid black;}
#suggestion div { white-space: nowrap;}
#suggestion .selected { background-color: #7bc7dd; color: #fff;}

.tooltip { background-color:#ffe; border:1px solid #777; display:none; position:absolute; z-index:255; height:auto;}

.him_connection_message { background-color:#fee; border: 1px solid #e00;}

.edgeInfoBox {z-index:100; max-width:300px; padding-bottom:10px; border:1px solid #999; background-color:#fff;}
.edgeInfoBox .header {padding:5px 15px 5px 5px; margin-bottom:10px; background-color:#efefef;}
.edgeInfoBox .content {padding:5px;}

/* styles for station board ticker */
div.ajaxStBoard {background: #fff; border: 1px solid #ccc;}
.ajaxStBoard div {background: #7aa3d1; color: #fff; text-align: left; font-weight: bold; padding: 2px 5px; font-size: 10px;}
.ajaxStBoard th {text-align: left; background: #ccc; padding: 1px 2px; font-size: 9px;}
.ajaxStBoard td {text-align: left; white-space: nowrap; font-size: 9px;}
.ajaxStBoard tr.even {background: #E9E9E9;}
.ajaxStBoard tr.uneven {background: #fff;}
.ajaxStBoard tr.RTLine td {border-top: 1px solid #ea5e13;}
.ajaxStBoard tr.even td {text-align: left;}
.ajaxStBoard tr.uneven td {text-align: left;}


/* styles for look applications */
div.look_maptitle {
  background-color:#7aa3d1;
  color:#fff; 
  text-align:center; 
  border-bottom-color:#000000; 
  border-bottom-width:1px; 
  border-bottom-style:solid; 
  font-size:12px; 
  font-weight: bold; 
  padding: 1px 0px 1px 0px; 
  white-space: nowrap;
}
div.look_maptitletime {color:#fff; text-align:left; border-bottom-color:#000000; font-size:12px; font-weight: bold; padding: 1px 4px 1px 0px; white-space: nowrap;}
#look_mainelem_perl {background-color:#FFFFFF;border-style:outset;border-color:#000000;border-width:1px;}
div.look_info {border-color:#000000;position:absolute;border-width:1px;border-style:ridge;}
div.look_info_title {background-color:#7aa3d1;position:relative;top:0px;left:0px;border-bottom-color:#000000;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;padding-left:3px;padding-right:3px;}
div.look_info_body {background-color:#ffffff;position:relative;top:0px;left:0px;text-align:left;font-size:x-small;padding-left:3px;padding-right:3px;}
div.look_names_on_map {background-color:#ffffff;position:absolute;display:inline;text-align:left;font-size:x-small;opacity:0.70;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
div.look_details {border-color:#000000;position:absolute;width:200px;border-width:1px;border-style:ridge;}
div.look_details_title {background-color:#7aa3d1;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#000000;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;}
span.look_details_titletext {position:relative;width:100%;text-align:left;font-size:x-small;}
div.look_details_body {background-color:#ffffff;position:relative;width:100%;top:0px;left:0px;text-align:left;font-size:x-small;padding-left:3px;padding-right:3px;}
div.look_traintext {background-color:#ffffff;text-align:left;font-size:x-small;padding-left:2px;padding-right:2px;opacity:0.70;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
div.look_popup {border-color:#ccc;width:200px;position:absolute;border-width:1px;border-style:ridge;text-align:left;}
div.look_popup_title {background-color:#7aa3d1;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;}
div.look_popup_title_train {background-color:#E9E9E9;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;}
div.look_popup_title_stop {background-color:#7aa3d1;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;}
div.look_popup_title_poi {background-color:#c5dce5;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;}
span.look_popup_titletext {position:relative;width:100%;text-align:left;font-size:x-small;}
div.look_popup_title_traininfo {background-color:#7aa3d1;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;}
div.look_popup_textdiv {background-color:#E9E9E9;position:relative;width:100%;top:0px;left:0px;border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:x-small;}

/* realtime styles -> used in "tProg" macros */

.ontime {
  color:#4e6dae; 
  font-size: 10px;
}

.rtinfo {
  color:#ff0000; 
  font-size: 10px;
}

.hh a {
  font-family: Verdana, Arial; 
  font-weight: bold; 
  font-size: 11px; 
}

.SMSbody {
  margin-left:60px;
  margin-top:10px;
  margin-bottom:10px;
  color:#eb5111;
  font-family: Courier; 
  font-weight: bold; 
  font-size: 12px; 
}

.helpBody {
  margin-bottom:30px;
  margin-left:20px;
}

#hafasNavigationMenu{
  padding:0px;
  margin:0px;
}

/*********** MENU - BEGIN ***********/
div#menudiv { 
  background:#f0f1f3;
  margin:2px 0px 0px 0px;
  width:970px;
  height:22px;
}
ul#menu {
  font:12px Verdana, Arial;
  font-weight:bold;
  float:left;
  width:800px;
  background-position: 0px 1px;
  margin:0px;
  list-style:none;
  padding:2px 0px 2px 0px;
}
ul#menu li {
  margin:2px 0px 0px 2px;
  font-size:0px;
  list-style-type: none;
  float:left;
  color: #FFF;
  text-decoration: none;
  padding: 0px 5px 1px 15px;
  font:bold 12px Verdana;
  cursor:pointer;
}
ul#menu li a {
  display:block;
  vertical-align:middle;
  border-width:0px;
  border-style:solid;
  text-align:left;
  text-decoration:none;
  padding:4px;
  color:#fff;
  padding: 0px 0px 0px 0px;
  cursor:pointer;
}
ul#menu a:active, ul#menu a:focus {
  outline-style:none;
}
ul#menu a:hover {
  position:relative;
  border-style:solid;
  text-decoration:none;
}
ul#menu a:hover ul {
  display:block;
}
ul#menu li a span {
  overflow:hidden;
  background-position:right center;
  background-repeat: no-repeat;
  padding-right:11px;
}
ul#menu li:hover {
  position:relative;
}
ul#menu li:hover>a {
  text-decoration:none;
}
ul#menu li ul {
  left:3px;
  margin:0px;
  position: absolute;
  padding:0px;
  border-top:2px solid #eb5111;
  display:none;
  vertical-align:top;
  _left:-11px;
  _background-color:#fff;
}
ul#menu li:hover ul {
  display:block;
}
ul#menu li ul#menu1p, ul#menu li ul#menu1e, ul#menu li ul#menu1d {
  left:-1px;
  _left:-18px;
}
ul#menu li ul li {
  float:none;
  margin:0px;
  overflow: hidden;
  padding:0px;
}
ul#menu li ul li a:hover {
  background-color: #f96a2f; 
}
ul#menu li ul li a {
  text-align:left;
  white-space:nowrap;
  font-weight:normal;
  padding: 4px 0px 4px 14px;
  overflow: hidden;
  background-position: 4px 8px;
}
ul#menu li ul li.submenubottom {
  padding:0px;
  height:8px;
  background-color:transparent;
}
ul#menu li ul li.submenubottom div.l {
  position:absolute;
  left:0px;
  margin:0px;
  width:10px;
  height:8px;
}
ul#menu li ul li.submenubottom div.c {
  position:absolute;
  left:10px;
  height:8px;
}
ul#menu li ul li.submenubottom div.r {
  position:absolute;
  right:0px;
  margin:0px;
  width:10px;
  height:8px;
}

ul#menu1p, ul#menu1p a {
  width:183px;
  _width:163px;
}
ul#menu2p, ul#menu2p a {
  width:233px;
  _width:213px;
}
ul#menu3p, ul#menu3p a {
  width:230px;
  _width:210px;
}
ul#menu4p, ul#menu4p a {
  width:232px;
  _width:212px;
}
ul#menu5p, ul#menu5p a {
  width:142px;
  _width:122px;
}

ul#menu1p li div.c {
  width:163px;
}
ul#menu2p li div.c {
  width:213px;
}
ul#menu3p li div.c {
  width:210px;
}
ul#menu4p li div.c {
  width:212px;
}
ul#menu5p li div.c {
  width:122px;
}


ul#menu1e, ul#menu1e a {
  width:172px;
  _width:152px;
}
ul#menu2e, ul#menu2e a {
  width:174px;
  _width:154px;
}
ul#menu3e, ul#menu3e a {
  width:136px;
  _width:116px;
}
ul#menu4e, ul#menu4e a {
  width:168px;
  _width:148px;
}
ul#menu5e, ul#menu5e a {
  width:170px;
  _width:150px;
}

ul#menu1e li div.c {
  width:152px;
}
ul#menu2e li div.c {
  width:154px;
}
ul#menu3e li div.c {
  width:116px;
}
ul#menu4e li div.c {
  width:148px;
}
ul#menu5e li div.c {
  width:150px;
}

ul#menu1d, ul#menu1d a {
  width:141px;
  _width:121px;
}
ul#menu2d, ul#menu2d a {
  width:244px;
  _width:224px;
}
ul#menu3d, ul#menu3d a {
  width:122px;
  _width:102px;
}
ul#menu4d, ul#menu4d a {
  width:165px;
  _width:145px;
}
ul#menu5d, ul#menu5d a {
  width:221px;
  _width:201px;
} 

ul#menu1d li div.c {
  width:121px;
}
ul#menu2d li div.c {
  width:224px;
}
ul#menu3d li div.c {
  width:102px;
}
ul#menu4d li div.c {
  width:145px;
}
ul#menu5d li div.c {
  width:201px;
} 

/*********** MENU - END ***********/