/* general HAFAS styles */ body {margin:0px; background-color:#FFFFFF; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 12px; text-decoration: none;} .popup {margin:0px; background-color:#fff;} div.hint {padding: 1px 3px 1px 3px; color:#006669; background-color:#fff; text-decoration:none;} img {border:none;} div#pageContainer {width:960px; margin:0 auto; background-color:#F5FAFD;} input, select {border-color:#4D94D4 #1070C7 #1070C7 #4D94D4; border-style:outset; border-width:3px; font-size:13px;} div.separator input {border:none;} input.error, select.error {border: solid 1px #c00;} input:focus, select:focus {background-color:#FFFBC1;} 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 {overflow:visible; background-color:#069; color:#fff; border:1px #80a6ac solid; padding: 0px 3px 0px 3px; margin-right:3px; vertical-align: middle; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 12px; text-decoration: none;} input.button:hover {color:#006699; border: 1px #006699 solid; background-color:#fff;} input.buttonEmphasized {background-color:#0F6FC6; border-color:#4D94D4 #1070C7 #1070C7 #4D94D4; border-style:outset; border-width:3px; color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; } input.buttonSmall {padding: 0px 2px 0px 2px; font-size:11px; border:1px #80a6ac solid; background-color:#39c; color:#fff; font-weight:bold;} input.buttonAsLink {background-color:transparent; color:#333366; border:0px; min-width:20px; overflow:visible; margin:1px 10px 1px 0px; padding:0px 0px 0px 11px; text-align:left; cursor:pointer;} input.buttonAsLink:hover {color:#333366;} a.button {font-weight: bold; font-size: 14px; background-color:#069; color:#fff; border:1px #80a6ac solid; padding: 1px 4px 1px 4px; margin-right:3px; vertical-align: middle; cursor: pointer;} a.button:link {color:#fff; text-decoration:none; } a.button:active {background-color:#fff;color:#069; text-decoration:none; } a.button:hover {background-color:#fff;color:#069; border: 1px #069 solid; text-decoration:none; } a {color:#006699; text-decoration: none;} a:link {color:#006699; text-decoration: none;} a:active {color:#333; text-decoration: none;} a:hover {color:#333; text-decoration: none;} div.button {font-weight: bold; font-size: 18px; background-color:#069; color:#fff; border:1px #80a6ac solid; padding: 1px 4px 1px 4px; margin-right:3px; vertical-align: middle; cursor:pointer;} div.buttonHover {font-weight: bold; font-size: 18px; background-color:#fff; color:#069; border:1px #80a6ac solid; padding: 1px 4px 1px 4px; margin-right:3px; vertical-align: middle; cursor:pointer;} .bold {font-weight: bold;} .normal {font-weight: normal;} .italic {font-style: italic;} .small {font-size: 11px;} .pre {font-family: courier;} .red {color: #f00;} .green {color: #09bd51;} .underline {text-decoration: underline;} .left {text-align:left;} .center {text-align:center;} .right {text-align:right;} .errormessage {color:#c00; font-weight:bold;} .hint {color:#006699; background-color:#fff; text-decoration:none;} .nopadding {padding: 0px;} .standardpadding {padding: 1px 3px 1px 3px;} .top {vertical-align: top;} /* styles HAFAS navigation */ #hafasNavigation {float:left; width:140px; margin-left:20px; margin-top:10px; background-color:#f5f5f5;} *html #hafasNavigation {margin-left:10px;margin-right:0px; } #hafasNavigation a {display:block; padding:5px 10px 0px 15px; margin:0px; background-color:#efefef; font-weight:bold;} #hafasNavigation a.sub {padding:5px 10px 0px 20px; font-weight:normal;} #hafasNavigation a.active {color:#333;} #hafasNavigation a img {vertical-align:bottom;} div.separatorHeadline, div.separatorHeadlineLeft, div.separator {text-align:center; color:#333366; font-weight: bold; font-size: 14px; padding: 0px 0px 3px 3px;} div.separatorHeadline {padding:45px 15px;} div.separatorHeadlineLeft {text-align:left; padding:45px 15px;} #hafasContent .hafasContentTable div.separator {width:370px; height:37px; color:#FFFFFF; font-weight: bold; font-size: 16px; font-family: Arial,Helvetica,sans-serif; padding: 8px 0px 0px 0px; margin-top:15px; background-color: transparent;} #hafasResult div.separator {background-color:#0F6FC6; border-color:#87B7E2 #0D5BA2 #0D5BA2 #87B7E2; border-style:outset; border-width:3px; color:#FFFFFF; font-weight:bold; font-size:16px; text-align:left; font-family:Arial,Helvetica,sans-serif; padding:5px 10px; margin-top: 20px;} table.separator1 {color:#333; font-weight: bold; padding: 0px 0px 2px 3px; margin-top:20px; background-color:#f5f5f5; width: 100%;} table.separator1 td {color:#333; font-weight: bold; padding: 0px 0px 2px 3px; margin-top:20px; background-color:#f5f5f5;} /* styles for new header area */ #languageNavDiv {float:left; width:247px; height:67px; position:relative;} #languageMenu {position:absolute; left:1px; bottom:10px;} #mainNavDiv {float:left; padding-left:20px; width:691px;height:67px;position:relative;} ul#mainNav {position:absolute; left:0; bottom:10px; margin:0; padding:0; list-style:none;} * html ul#mainNav {bottom: 0px;} ul#mainNav li {float:left; margin:0; padding:0; height:38px;} ul#mainNav a, ul#mainNav a:hover {float:left; height:38px; padding:10px 15px 0px; display:block; color:#FFFFFF; text-decoration:none; font-weight:bold;} /* styles HAFAS header */ #hafasHeader {min-width:800px; position:relative; height:195px; padding:0px; margin-top:11px; text-align:center;} #hafasHeader .headerLinks {margin-top:7px; padding:3px; border-top:1px solid #999; border-bottom:1px solid #999; clear:both;} #hafasHeader .headerLinks span a {padding:0px 10px; border-right:1px solid #999;} #hafasHeader .headerLinks a.language, #hafasHeader .headerLinks a.activelanguage {padding:0px 0px 0px 10px; border-right:0;} #hafasSearch {float:right;} #hafasSearch input.small {width:120px;} #hafasLogo {width:170px; height:80px; text-align:center; vertical-align:middle; float:left;} table.hafasButtons {margin-bottom:10px; } .hafasButtons th.profile {padding-left:25px; padding-right:8px;} table.hafasButtons td {padding:2px 5px 5px 2px;} .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;} /* styles HAFAS content */ #hafasContent {margin:0px; padding:0px;} #hafasContent h2 {margin:20px 0px 0px 0px; padding:0px 0px 2px 3px; font-size: 12px; color:#333;} #hafasContent p.title {margin:30px 0px;} div.hafasHint {background-color: #FFFBC1; color:#000;border: 1px solid #666; padding: 4px; margin-bottom:0px;} div.hafasHint a {color:#f00;} div.queryHint {font-size: 16px; font-weight: bold; opacity: 0.8; filter: alpha(opacity=80); text-align: center; background-color:transparent;} #hafasContent div.separatingLine {height:1px; margin:0px; background-color:#ccc; line-height:0; font-size:0; overflow: hidden;} #hafasContent div.separatingLineRealtime {height:5px; background-color:#c00;} /* styles HAFAS content slider */ #hafasContent ul.slider {margin-left: 0px; margin-top:0px; padding: 2px 0px; border-bottom: 1px solid #ccc; background-color:#f9f9f9;} #hafasContent ul.slider li {margin: 0; display: inline; list-style: none;} #hafasContent ul.slider a {padding: 2px 10px; margin-right: 5px; border: 1px solid #ccc; border-bottom: none; background: #f9f9f9; text-decoration: none;} #hafasContent ul.slider a:hover {color: #333; background-color: #fff; border-color: #999;} #hafasContent ul.slider a.active {border-bottom: 1px solid #fff; background-color: #fff; color:#333;} div.contentSlider {background-color:#f9f9f9; border-bottom:1px solid #999; margin-bottom:20px; padding:2px 0px;} div.contentSlider a {line-height:13px; background-color:#f9f9f9; border:1px solid #ccc; border-bottom:1px solid #999; padding:2px 10px; margin-right:5px;} div.contentSlider a:hover {background-color:#fff; color:#333; border:1px solid #999; border-bottom:1px solid #999;} div.contentSlider a.active {background-color:#fff; color:#333; border:1px solid #999; border-bottom:1px solid #fff;} div.contentSlider input {line-height:13px; margin:0px; margin-right:5px; border:1px solid #ccc; border-bottom:1px solid #999; background-color:#f9f9f9; color:#006669; padding:1px 5px;} div.contentSlider input:hover {background-color:#fff; color:#333; border:1px solid #999; border-bottom:1px solid #999;} div.contentSlider input.active {background-color:#fff; color:#333; border:1px solid #999; border-bottom:1px solid #fff;} div.singleSlider {padding:3px 0px;} div.sliderNoPadding {position:relative; top:-2px; padding:0px;} div.sliderNoPadding a {position:relative; top:2px;} div.sliderNoPadding input {position:relative; top:1px;} /* style for fieldsets as well as div (like querysummary) */ #hafasContent .greyBox {padding:10px 10px; height: 100%;} #hafasContent fieldset.greyBox {background-color:#E8FFFF;} #hafasContent .greyBoxTop {padding:10px 0px 10px 0px; margin-top:15px; background-color:#f9f9f9; border-bottom:1px solid #ccc; border-top:1px solid #ccc;} #hafasContent .greyBox br {clear:left;} #hafasContent .leftMargin {margin-left:125px;} #hafasContent div.output {float:left; width:auto; margin-right:60px;} #hafasContent div.output div {margin-bottom:10px;} #hafasContent div.output div.last {margin-bottom:0px;} /* style for fieldsets */ #hafasContent fieldset {border:0px; padding:0px; margin:0px; line-height:32px;} #hafasContent fieldset legend {padding:10px 0px;} #hafasContent fieldset.greyBox legend {display:none;} #hafasContent label {font-size:14px; font-weight:bold; text-align: left; float:left; display:block; width:70px; padding:0px 5px 0px 0px; color: #333366;} #hafasContent label.inline {float:none; display:inline; padding:2px; color: #000; font-weight: normal;} #hafasContent label.large {width:320px;} #hafasContent .qsTP {display:block; float:left; width:50px; padding:0px; font-weight:bold; color:#666666;} #hafasContent .qsSQ {display:block; float:left; width:80px; padding:0px; font-weight:bold; color:#666666;} #hafasContent span.output {margin-right:20px;} #hafasContent fieldset.greyBox div.text {padding:5px 0px;} #hafasContent fieldset.greyBox ul {margin-top:0px; margin-bottom:0px; padding-left:0px; list-style-type:none;} #hafasContent fieldset.greyBox ul li {margin-top:3px;margin-bottom:3px;} #hafasContent fieldset.greyBox ul ul li {margin-top:2px;margin-bottom:2px;} #hafasContent fieldset.greyBox ul ul {margin-top:0px; padding-left:15px; list-style-type:none;} #hafasContent fieldset.greyBox ul ul.main {margin-top:0px; padding-left:0px; list-style-type:none;} #callink0, #callink1 {position:relative; top:-1px;} /*#callink0 img, #callink1 img {vertical-align:baseline;}*/ #hafasCalSooner {position:relative;top:-3px;left:6px;} #hafasCalLater {position:relative;top:5px;right:5px;} /* image select page p2w */ #hafasContent fieldset.p2w {margin-bottom:20px;} #hafasContent fieldset.p2w legend {color: #666666;} #hafasContent fieldset.p2w div.format {float:left; width:50%} #hafasContent fieldset.p2w div.format span {float:left;} #hafasContent fieldset.p2w div.format div {float:left; margin:20px 10px 0px 10px;} #hafasContent fieldset.p2w div.format div div {float:none; margin:0px 0px 5px 0px;} #hafasContent .p2w br {clear:none;} /* HAFAS Query - specific styles query page */ #hafasQuery {width:100%;} #hafasQuery .buttons {margin-top:30px;} /* table styles used for products, multi/intermodal, weekdays... */ #hafasQuery .greyBox div.output {float:left; width:120px;} #hafasQuery table {width:auto; background-color:#f9f9f9;} #hafasQuery table th.label {width:120px;} #hafasQuery table .spaceLeft {padding-left: 20px;} #hafasQuery td {padding: 1px 3px;} #hafasQuery tr.zebracol-1 td {background-color:#f9f9f9;} #hafasQuery tr.zebracol-2 td {background-color:#f9f9f9;} td.seplineTop {border-top:1px solid #999;} #hafasQuery .sepline {border-bottom:1px solid #999;} #hafasQuery .borderright {border-right:1px solid #999;} #callink0 img, #callink1 img {vertical-align: middle;} table.hafasQuery td {padding: 10px 3px;} table.calendar td {padding: 0px;} /* HAFAS Result - specific styles result page */ #hafasResult {width:800px; margin:0 auto; padding-top:20px;} #hafasResult div.greyBox {background-color:#E8FFFF;} #hafasResult div.summary .label {color:#666; font-weight:bold;} #hafasResult div.summary .output {margin-right:30px;} #hafasResult th.querysummary {border: none; text-align: left; background-color:transparent; color:#333366; padding-right:5px;} #hafasResult td.querysummary {padding-right:15px; background-color:transparent;} table.hafasEcology {border: 1px solid #999; background-color: #fff;} .hafasEcology td {background-color: #fff; padding: 1px 3px 1px 3px;} .hafasEcology td.ecodark {background-color: #f0f0f0; color: #006699; font-weight: bold;} .hafasEcology td.small {font-size: 11px;} .hafasEcology td.screennowrap {white-space: nowrap;} .ecology span.big {font-size: 13px;} #hafasResult table.ecology {width:auto;} #hafasResult td {padding:3px;} #hafasResult td.fcell {padding-right:15px;} #hafasResult td.mcell {padding-right:15px;} #hafasResult td.lcell {} #hafasResult tr.button {} #hafasResult tr.zebracol-1 td {background-color:#f9f9f9; border-bottom: 1px solid #ccc;} #hafasResult tr.zebracol-2 td {background-color:#e9e9e9; border-bottom: 1px solid #ccc;} #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:#f9f9f9;} #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:#f9f9f9;} #hafasResult tr.tpDetails td {background-color:#f9f9f9;} #hafasResult tr.tpDetails th {text-align: left;} #hafasResult th {border-bottom: 1px solid #999; text-align:left; background-color:#99CCFF; color:#333366; font-weight: bold; white-space: nowrap;} #hafasResult th.border {text-align:center;} #hafasResult th.left {text-align: left;} #hafasResult th.middle {vertical-align: middle;} #hafasResult th.diagram {padding: 0px;} #hafasResult th a {color: #006699;} #hafasResult th a:hover {color:#000;} #hafasResult td {background-color: #E8FFFF;} #hafasResult td.separatorSmall {background-color:#f9f9f9; border-bottom:1px solid #006699; padding-top:5px; font-size:11px; font-weight:bold;} #hafasResult td.light {background-color: #fff;} #hafasResult td.dark {background-color: #fff;} #hafasResult td.emphasize {background-color: #fff;} #hafasResult td.nopadding {padding: 0px;} #hafasResult td.waipadding {padding: 3px 3px 3px 3px;} #hafasResult td.errormessage {color:#c00; font-weight:bold;} #hafasResult td.small {font-size: 11px;} #hafasResult td.diagram {padding: 0px; background-color:transparent;} #hafasResult td.prognosis {color:#c00; 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.top {vertical-align: top;} #hafasResult td.middle {vertical-align: middle;} #hafasResult td.bottom {vertical-align: bottom;} #hafasResult td.nowrap {white-space: nowrap;} #hafasResult th.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:#c00; font-weight:bold;} #hafasResult td span.resultTextual {color:#006699;} #hafasResult td span.resultTextualEmphasize {color:#c00;} #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.checkboxdark {background-color:#D2E8FD; width:40px; text-align:left;} #hafasResult td.blueBackground {background-color:#D2E8FD;} #hafasResult div.diagramBar {font-size: 0px; line-height: 0px; overflow: hidden;} #hafasResult div.diagramBar div {font-size: 0px; line-height: 0px; overflow: hidden;} #hafasResult table.hafasButtons td {background-color: #D2E8FD !important;} #hafasResult .buttons {margin-top:30px;} #hafasResult .linkGroup {margin-bottom:20px; line-height:30px;} #hafasResult .linkGroup a {margin-right:10px;} #hafasResult .linkGroup .topLink {float:right;} #hafasResult .linkGroup .topLink a {margin-right:0px;} /* FOOTER styles */ #footerContent {height:72px; padding:20px 40px 0px 295px; color:#333366; font-size:16px; font-weight:bold;} .hafasFooter {clear:both; margin:0px 10px 0px 0px; padding:0px; font-size:11px;width:100%; background-color:#FFFFFF; font-family:Arial,Helvetica,sans-serif;} .hafasFooter td {text-align:center;} /* MAP styles */ #hafasMapContent {margin: 10px;} #hafasMapContent #hafasResult th.sepline, #hafasMapContent #hafasResult td.sepline {border-bottom: 1px solid #999;} #hafasMapContent div.separator {text-align:left; padding-top:20px;} #hafasMapContent #hafasResult {margin:0px; width:100%;} #hafasResult td.mapinput {background-color:#fff;} #hafasResult td.legend {background-color:#fff;} table.mainmap {border:1px solid #006699;} table.mainmap td {padding:1px; vertical-align: middle; text-align: center; cursor:crosshair;} table.mapzoom {} table.mapzoom td {padding:0px; background-color:#f9f9f9;} .mapzoom {border-collapse:collapse;} .mapzoom td.zoomin a {background-color: #f9f9f9;} .mapzoom td.zoomout {padding:0px;} .mapzoom td.zoomout a {background-color: #f9f9f9;} .mapzoom td.level {border:1px solid #999; background-color:#e9e9e9;} .mapzoom td.level a:hover {background-color:#c00; 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:#c00; color:#fff} #popUpRect {position:absolute; visibility:hidden; z-index:100; border: #c00 2px solid; cursor:crosshair; -moz-opacity:0.5; filter:Alpha(opacity=50, finishopacity=50, style=2);} #popUpClickAction {position:absolute; background-color:#fff; z-index:100; border: 1px solid #006699;} img.mainmap {cursor:crosshair;} /* HIM styles */ #hafasQuery td input.himMainInfo {width:270px;} #hafasQuery td textarea.himMainInfo {width:270px; height:40px;} .him_connection_message {background-color:#fee; border: 1px solid #e00; } /* Logo and bullet of global_design_parameters, if required */ span.customerLogo1 {color:#006699; font-size:50px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;} span.customerLogoPopup {color:#006699; font-size:20px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;} /* 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; } .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: #39c; color: #fff; font-weight: bold; padding: 2px 5px; font-size: 10px;} .ajaxStBoard th {text-align: left; background: #ccc; padding: 1px 2px; font-size: 9px;} .ajaxStBoard td {font-size: 9px;} .ajaxStBoard tr.even {background: #E9E9E9;} .ajaxStBoard tr.uneven {background: #fff;} .ajaxStBoard tr.RTLine td {border-top: 1px solid #c00;} /* styles for look applications */ div.look_maptitle {background-color:#39c; 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:#39c;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:#f9f9f9;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:#f9f9f9;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:#39c;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:#f9f9f9;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:#f9f9f9;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;position:absolute;border-width:1px;border-style:ridge;text-align:left;} div.look_popup_title {background-color:#39c;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:#39c;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:#39c;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;} .errormsg {background:#E0E5EF; font-size: 18px; color: #c00; font-weight: bold; padding: 20px; border: 1px solid #ccc; display: block;} /* different layout classes */ div#hafasContent {min-height:470px; height:auto !important; height:470px;} div.queryContent {margin-left:9px; padding-left:11px; width:691px; float:left; min-height:470px; height:auto !important; height:470px;} div.flashContent {width:249px; float:left;} div.contentLeftSide {float:left; width:370px; padding:0px; margin:0px;} div.contentRightSide {float:left; width:300px; text-align:center; padding:0px; margin:0px;} div.ecopassengerDesc {font-size:12px; color:#333366; font-weight:bold; height: 80px; margin-top:40px; padding:0px 15px;} div.productImages {margin-bottom:15px;} div.productImages img {margin:0px 10px;} div#chgSettings {background-color:#0F6FC6; border-color:#4D94D4 #1070C7 #1070C7 #4D94D4; border-style:outset; border-width:3px; color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; width: 150px; text-align: center;} div.contactsDiv {padding-left:15px;} div.contactsDiv h4 {color:#333366;} /* OLD */ #hafas .HFSQuickForm {background-color:#fff; width:100%; margin-top:10px;} #hafas .HFSQuickForm div, #hafas .HFSQuickForm p {background-color:#fff; color:#333; font-weight: bold; padding:3px 3px 1px 3px; text-align: left; margin:0px;} #hafas .HFSQuickForm input {width:60px; height:12px; font-weight:normal;} #hafas .HFSQuickForm input.button {width:60px; height:20px; font-weight:normal;} #hafas .HFSQuickForm a {white-space: nowrap; background-color:#fff; color:#006699;} #hafas .HFSQuickForm a:hover {white-space: nowrap; color:#333;}