/* general HAFAS styles */


/* overview table needs greater width */
/* OFF -----------------
#wrapper.tp_results           {width:1240px;}
* html #top .tp_results       {width:1240px;}
OFF ----------------- */


#HFS                          {margin:0; background-color:#fff; min-height:510px; width:708px;}

/* overview table needs greater width */
/* OFF -----------------
#HFS.tp_results               {width:987px;}
* html #septa_main_content .tp_results  {width:987px;}
OFF ----------------- */

#HFSResult table              {}
#HFS .popup                   {margin:0px; background-color:#fff;}
#HFS div.hint                 {padding: 1px 3px 1px 3px; color:#1260a5; background-color:#fff; text-decoration:none;}
#HFS img                      {border:none;}
#HFS img.product              {margin-right:2px; margin-bottom:2px; vertical-align: middle;}
#HFS img.icon                 {vertical-align: middle;}

#HFS input, #HFS select       {margin:1px; vertical-align: middle;}
#HFS input.error, #HFS select.error     {background-color:#fdd;}
#HFS input:focus, #HFS select:focus     {background-color:#c2dfff;}
#HFS input.embedded           {border: none; background-color:transparent;}
#HFS input.embedded:focus     {border: solid 1px #777; background-color:#ffa;}
#HFS input.small              {font-size:11px; padding:0px; padding-left:2px;}
#HFS input.calendarBrowse     {width:15px;}
#HFS.tp_query #HFS_from,
#HFS.tp_query #HFS_to         {width:250px; display:block; height:auto; white-space:normal; float:left;}
* html #HFS.tp_query #HFS_from,
* html #HFS.tp_query #HFS_to  {width:190px;}
#HFS.tp_query #HFS_typefrom,
#HFS.tp_query #HFS_typeto     {width:145px; display:block; height:auto; white-space:normal; float:left;}

#HFS input.button             {overflow:visible; background-color:#fff; color:#333; border:1px #666 solid; padding: 0px 3px 0px 3px; margin-right:3px; vertical-align: middle; text-decoration: none;}
#HFS input.button:active,
#HFS input.button:focus,
#HFS input.button:hover       {background-color:#c2dfff;}
#HFS input.buttonEmphasized   {overflow:visible; background-color:#fff; color:#333; border:1px #666 solid; padding: 0px 3px 0px 3px; margin-right: 3px; vertical-align: middle; text-decoration: none; font-weight:bold;}
#HFS input.buttonEmphasized:active,
#HFS input.buttonEmphasized:focus,
#HFS input.buttonEmphasized:hover       {background-color:#c2dfff;}
#HFS input.buttonSmall        {padding: 0px 2px 0px 2px; font-size:11px; border:1px #80a6ac solid; background-color:#C2DFFF; color:#fff; font-weight:bold;}
#HFS input.buttonAsLink       {background-color:transparent; color:#1260a5; border:0px; min-width:20px; overflow:visible; margin:1px 10px 1px 0px; padding:0px 0px 0px 11px; text-align:left; cursor:pointer;}
#HFS input.buttonAsLink:hover {color:#333;}

#HFS select                   {padding:0;}
#HFS input[type='text']       {border:1px solid #ccc;}

#HFS a.button                 {background-color:#c2dfff; color:#333; border:1px #80a6ac solid; padding: 1px 4px 1px 4px; margin-right:3px; vertical-align: middle;}
#HFS a.button:link            {color:#333; text-decoration:none; }
#HFS a.button:active,
#HFS a.button:focus,
#HFS a.button:hover           {color:#333; text-decoration:none; background-color:#c2dfff;}
#HFS a                        {color:#1260a5; text-decoration: none;}
#HFS a:link                   {color:#1260a5; text-decoration: none;}
#HFS a:active                 {color:#333; text-decoration: none;}
#HFS a:hover                  {color:#333; text-decoration: none;}

#HFS .blockButton             {display:block;}

/* Start custom button CSS here */
.btn {
display:inline-block;
background:none;
margin:0;
padding:3px 0;
border-width:0;
overflow:visible;
font:100%/1.2 Arial,Sans-serif;
text-decoration:none;
color:#333;
}
* html button.btn {
padding-bottom:1px;
}
/* Immediately below is a temporary hack to serve the
following margin values only to Gecko browsers
Gecko browsers add an extra 3px of left/right
padding to button elements which can't be overriden.
Thus, we use -3px of left/right margin to overcome this. */

html:not([lang*=""]) button.btn {
margin:0 -3px;
}
.btn span {
margin:0;
padding:3px 0;
border-left:1px solid #bbb;
border-right:1px solid #aaa;
}

* html .btn span {
padding-top:0;
}
.btn span span {
position:relative;
padding:3px .4em;
border-width:0;
border-top:1px solid #bbb;
border-bottom:1px solid #aaa;
}

/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
cursor:pointer; /* important for any clickable/pressable element */
border-color:#9cf !important;
color:#000;
}
.btn:active span {
background-position:0 -400px;
outline:none;
}
.btn:focus, .btn:active {
outline:none; /* doesn't seem to be respected for <button>, only <a> */
}


#HFS .bold                    {font-weight: bold;}
#HFS .normal                  {font-weight: normal;}
#HFS .italic                  {font-style: italic;}
#HFS .small                   {font-size: 11px;}
#HFS .pre                     {font-family: courier;}
#HFS .red                     {color: #f00;}
#HFS .green                   {color: #09bd51;}
#HFS .underline               {text-decoration: underline;}
#HFS .left                    {text-align:left;}
#HFS .center                  {text-align:center;}
#HFS .right                   {text-align:right;}
#HFS .errormessage            {color:#c00; font-weight:bold;}
#HFS .hint                    {color:#1260a5; background-color:#fff; text-decoration:none;}
#HFS .nopadding               {padding: 0px !important;}
#HFS .standardpadding         {padding: 1px 3px 1px 3px;}

/* styles HAFAS Title */
#HFSTitle                     {margin:0; padding:0;}
#HFSTitle .hfsTitle           {border-bottom:1px solid #ccc; border-top:1px solid #ccc; height:24px; margin-bottom:10px; padding:5px 0 4px; color:#1260a5; font-size:20px; font-weight:normal; margin-bottom:10px;}
#HFSTitle .hfsTitleText       {}
#HFSTitle .hfsSubTitle        {padding:0 0 15px; color:#1260a5; font-size:14px;}
#HFSTitle .hfsHelp            {float:right; text-align:right; width:100px; height:24px;}
#HFSTitle .hfsHelp a          {color:#333;}

/* styles HAFAS header */
#HFSHeader                              {min-width:800px; position:relative; height:50px; padding:30px 20px 25px 20px; vertical-align:bottom; background-color:#fff;}
#HFSHeader .headerLinks                 {text-align:right; margin-top:7px; padding:3px; border-top:1px solid #999; border-bottom:1px solid #999;}
#HFSHeader .headerLinks a               {padding:0px 10px; border-right:1px solid #999;}
#HFSHeader .headerLinks a.left          {float:left; padding:0px; border-right:0px;}
#HFSHeader .headerLinks a.language,
#HFSHeader .headerLinks a.activelanguage          {padding:0px 0px 0px 10px; border-right:0;}
#HFSSearch                              {float:right; margin-top:5px;}
#HFSSearch input.small                  {width:120px;}
#HFSLogo                                {width:170px; height:80px; text-align:center; vertical-align:middle; float:left;}

/* styles HAFAS navigation */
#HFSNavi                      {float:left; width:140px; margin-left:20px; margin-top:10px; background-color:#fff;}
* html #HFSNavi               {margin-left:10px; margin-right:0px;}
#HFSNavi a                    {display:block; padding:2px 10px 3px 15px; margin:0px; background-color:#efefef; font-weight:bold;}
#HFSNavi ul                   {list-style:none; margin:0px; padding:0px;}
#HFSNavi ul li                {margin:0px; padding:0px;}
* html #HFSNavi ul li         {border:1px solid #fff;}
#HFSNavi li.sub a             {padding:5px 10px 0px 20px; font-weight:normal;}
#HFSNavi li.active a          {color:#333;}
#HFSNavi a img                {vertical-align:bottom;}
#HFSNavi .separator           {background-color:#fff; color:#333; border-top:1px solid #999; border-bottom:1px solid #999; font-weight: bold; padding: 1px 3px 1px 3px; margin:20px 10px 10px 0px;}

/* styles HAFAS navigation top - content slider */
#HFSNaviTop                   {margin:0; padding:0;}
#sliderContainer                        {float:left;width:100%;background:#fff;line-height:normal;border-bottom:1px solid #ccc;}
#sliderContainer ul                     {margin:0;padding:0;list-style:none;}
#sliderContainer li                     {float:left;margin:0 5px -1px 0;padding:0;}
#sliderContainer a                      {display:block;padding:3px 10px;border:1px solid #ccc;color:#333;}
#sliderContainer a:link,
#sliderContainer a:visited,
#sliderContainer a:focus                {color:#333;}
#sliderContainer a:hover                {color:#333; background-color:#c2dfff;}
#sliderContainer li.active a            {background-color:#c2dfff; border-bottom:1px solid #c2dfff;}
#sliderContainer li.active a:link,
#sliderContainer li.active a:visited,
#sliderContainer li.active a:focus,
#sliderContainer li.active a:hover      {color:#333;}

/* styles HAFAS content */
#HFSContent                             {min-height:200px; margin:0; padding:0; background-color:#fff;}
#HFSContent.navLeft                     {margin-left:160px; padding:10px 10px 0px 20px; border-left:1px solid #999;}
* html #HFSContent.navLeft              {margin-left:0px;float:left;display:inline; margin-right:10px; padding:10px 10px 0px 20px; background-color:#fff; border-left:1px solid #999;}

#HFSContent h2.separator                {margin:20px 0px 10px; padding:8px 10px; font-size: 18px; color:#333; background-color:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#HFSContent h2.separator span           {float:right; font-weight:normal; padding-left:10px; padding-right:1px; font-size:12px;}
#HFSContent h2.textroute                {border-bottom: 2px solid #C2DFFF;}
#HFSContent h2.top                      {border-top:0px;}

#HFSContent p.title                     {margin:30px 0px;}
#HFSContent p.hafasHint                 {border: 1px solid #1260a5; padding: 4px; margin-bottom:0px;}
#HFSContent p.home                      {margin-top:0px;}

#HFSContent div.separatingLine          {height:1px; margin:0px; background-color:#ccc;}
#HFSContent div.separatingLineRealtime  {height:5px; background-color:#c00;}

/* style for fieldsets as well as div (like querysummary) */
#HFSContent .greyBox                    {margin:0; padding:2px 0 2px 10px; background-color:#fff;}
#HFSContent .greyBoxTop                 {padding:10px 0px 10px 0px; margin-top:15px; background-color:#f9f9f9; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#HFSContent .leftMargin                 {margin-left:105px;}
#HFS.usermail .leftMargin,
#HFS.feedback .leftMargin               {margin-left:176px;}

/* style for (query)summary */
#HFSContent .summary                    {padding:10px; background-color:#e7e7e7; border:0;margin-top:10px;}
#HFSContent .summary div.block          {float:left; width:auto; margin-right:30px;}
#HFSContent .summary div.block div      {line-height:20px;}
#HFSContent .summary span.label         {display:block; float:left; width:70px; padding:0px; margin:0px; font-weight:bold; color:#666;}
#HFSContent .summary span.output        {margin-right:0px;}

#HFS.sq_near .summary span.label,
#HFS.sq_results .summary span.label     {display:block; float:left; width:90px; padding:0px; font-weight:bold; color:#666;}
#HFS.sq_results .summary span.output    {margin-right:20px;}

#HFS.ts_trainsearch .summary span.label {width:100px;}
#HFS.ts_trainsearch .summary .output    {margin-right:20px;}

#HFS.tq_trainroute .summary span.label      {width:auto; margin-right:20px; font-weight:bold; color:#666;}
#HFS.tq_trainroute .summary span.label img  {vertical-align:top;}

#HFS.tq_trainroute td                   {padding:3px;}


/* styles for fieldsets */
#HFSContent fieldset                    {border:0px; padding:0px; margin:0px; line-height:22px;}
#HFSContent fieldset legend             {padding:10px 0px;}
#HFSContent fieldset.greyBox legend     {display:none;}
#HFSContent fieldset.greyBox .advProducts     {font-weight:bold; color:#333;}
#HFSContent fieldset.greyBox br         {clear:left;}
#HFSContent label.front                 {float:left; display:block; width:100px; padding:1px 5px 0px 0px; font-weight:bold; color: #333;}
#HFSContent label.frontSmall            {float:left; display:block; width: 55px; padding:1px 5px 0px 0px; font-weight:bold; color: #333;}
#HFS.usermail label.front,
#HFS.feedback label.front               {width:170px;}
#HFSContent label.inline                {float:none; display:inline; padding:2px; color: #000; font-weight: normal;}
#HFSContent label.large                 {display:block; float:left; width:135px;}
#HFSContent fieldset.greyBox div.text   {padding:5px 0px;}
#HFSContent fieldset.greyBox ul         {margin-top:0px; margin-bottom:0px; padding-left:0px; list-style-type:none;}
#HFSContent fieldset.greyBox ul li      {margin-top:3px;margin-bottom:3px;}
#HFSContent fieldset.greyBox ul ul li   {margin-top:2px;margin-bottom:2px;}
#HFSContent fieldset.greyBox ul ul      {margin-top:0px; padding-left:15px; list-style-type:none;}
#HFSContent fieldset.greyBox ul ul.main {margin-top:0px; padding-left:0px; list-style-type:none;}

/* styles for calendar links */
#callink0, #callink1                    {position:relative;}
#callink0 img, #callink1 img            {vertical-align: middle;}
#HFSCalSooner                           {}
#HFSCalLater                            {}

/* image select page p2w */
#HFSContent fieldset.p2w                    {margin-bottom:20px;}
#HFSContent fieldset.p2w legend             {color: #666666;}
#HFSContent fieldset.p2w div.format         {float:left; width:50%}
#HFSContent fieldset.p2w div.format span    {float:left;}
#HFSContent fieldset.p2w div.format div     {float:left; margin:20px 10px 0px 10px;}
#HFSContent fieldset.p2w div.format div div {float:none; margin:0px 0px 5px 0px;}
#HFSContent .p2w br                         {clear:none;}


/* HAFAS Query - specific styles query page */
#HFSQuery                               {width:100%;}
#HFSContent .greyBox div.type           {float:left; width:130px;}
#HFSQuery .buttons                      {margin-top:30px;}

/* table styles used for products, multi/intermodal, weekdays... */
#HFSQuery table                         {width:auto; line-height:18px;}
#HFSQuery table th.label                {width:100px;}
#HFSQuery table .spaceLeft              {padding-left: 20px;}
#HFSQuery th                            {text-align:left; color:#666;}
#HFSQuery td                            {padding: 1px 3px;}
#HFSQuery tr.zebracol-1 td              {background-color:#f9f9f9;}
#HFSQuery tr.zebracol-2 td              {background-color:#f9f9f9;}
#HFSQuery .seplineTop                   {border-top:1px solid #999;}
#HFSQuery .sepline                      {border-bottom:1px solid #999;}
#HFSQuery .borderright                  {border-right:1px solid #999;}
#HFSContent label.hidden                {display:none;}

/* HAFAS Result - specific styles result page */
#HFSResult table                        {width:auto; border-spacing:0px;}
#HFSResult table.resultTable            {width:100%;}
#HFSResult table.resultTable td         {padding:3px;}
#HFSResult table.resultTable th         {border-bottom: 1px solid #999; background-color:#c2dfff; color:#333; font-weight: bold; padding:3px; white-space: nowrap;}
#HFSResult td.separatorSmall            {background-color:#f9f9f9; border-bottom:1px solid #1260a5; padding-top:5px; font-size:11px; font-weight:bold;}
#HFSResult td.errormessage              {color:#c00; font-weight:bold;}
#HFSResult td.small                     {font-size: 11px;}
#HFSResult td.prognosis                 {color:#c00; font-weight:bold;}
#HFSResult td.linklistFirst             {width:200px; overflow:auto;}
#HFSResult td.linklistLink              {padding-right:15px;}
#HFSResult td span.pre                  {font-family: courier;}
#HFSResult td span.small                {font-size: 11px;}
#HFSResult td span.prognosis            {color:#c00; font-weight:bold;}
#HFSResult td span.resultTextual        {color:#1260a5;}
#HFSResult td span.resultTextualEmphasize   {color:#c00;}
#HFSResult td div.tpDtl_altDep          {border-top:dotted 1px #999; font-size:10px;}

#HFSResult tr.tpOverview th             {border-bottom: 1px solid #999;text-align:left;}
#HFSResult tr.tpOverview th.first       {width:30px;}
#HFSResult tr.tpOverview th.station     {}
#HFSResult tr.tpOverview td             {padding:3px; background-color:#f9f9f9; white-space:nowrap; border-bottom: 1px solid #ccc; text-align:left; vertical-align:middle;}
#HFSResult tr.tpOverview td.station     {min-width:200px;white-space:normal;}
#HFSResult tr.tpOverview td.duration    {text-align:center;}
#HFSResult tr.tpOverview td.changes     {text-align:center;}
#HFSResult tr.tpOverview td.time        {width:100px;}
#HFSResult tr.tpOverview td.time div    {margin:0; width:100%; overflow:visible; white-space:nowrap;}
#HFSResult tr.tpOverview td.time div span    {float:left; display: block; margin:auto; width:30px; overflow:visible; white-space:nowrap;}
#HFSResult tr.tpOverview td.time div.planed       {float:left; text-align:right; width:60px;}
#HFSResult tr.tpOverview td.time div.prognosis    {float:left; width:10px; overflow:visible;}
#HFSResult tr.tpOverview td.products    {white-space:normal;}
#HFSResult tr.tpSeparator td            {background-color:#1260a5; color:#fff; font-weight:bold; padding:1px 3px;}
#HFSResult tr.tpSeparatorLight td       {background-color:#C2DFFF; color:#fff; font-weight:bold; padding:1px 3px;}
#HFSResult tr.navi td.first             {text-align:left;}
#HFSResult tr.navi td.last              {text-align:right;}
#HFSResult tr.navi a                    {font-weight:bold;}
#HFSResult tr.selected td               {padding:3px; background-color:#e9e9e9;}
#HFSResult tr.tpOverview th.diagram     {padding: 0px;}
#HFSResult tr.tpOverview th.diagram table    {width:480px;}
#HFSResult tr.tpOverview th.diagram th       {border: 0px;}
#HFSResult tr.tpOverview td.diagram table    {width:auto;}
#HFSResult tr.tpOverview td.diagram table table   {width:100%;}
#HFSResult table.resultTable td.diagram {padding: 0px; background-color:transparent; text-align:left;}
#HFSResult table.resultTable td.right        {text-align:right;}
#HFSResult table.resultTable td.diagram td   {border:0px;}

#HFSResult tr.tpDetails td              {padding:3px; background-color:#f9f9f9; white-space:nowrap; padding-right:5px;}
#HFSResult tr.tpDetails td.last         {padding-right:0px;}
#HFSResult tr.tpDetails td.remarks      {white-space:normal;}
#HFSResult tr.tpDetails th              {text-align: left; padding-right:5px;}
#HFSResult tr.tpDetails th.last         {padding-right:0px;}
#HFSResult tr.first td.lastRow          {border-bottom: 1px solid #ccc; vertical-align:top;}
#HFSResult tr.last td                   {border-bottom: 1px solid #ccc;}
#HFSResult td.product                   {white-space:nowrap;}

#HFSResult tr.tpTextroute div.section,
#HFSResult tr.tpTextroute div.furtherInfo  {padding:3px; border-top:1px solid #ccc; background-color:#f9f9f9;}
#HFSResult tr.tpTextroute div.niceTrip  {padding:10px 3px 5px 3px; border-top:1px solid #ccc; background-color:#f9f9f9;}

#HFSResult .buttons                     {margin:20px 0px 30px 0px;}
#HFSContent  .linkGroup                 {padding-bottom:20px; line-height:30px;}
#HFSContent  .linkGroup a               {margin-right:10px;}
#HFSContent  .linkGroup .topLink        {float:right;}
#HFSContent  .linkGroup .topLink a      {margin-right:0px;}

/* sq */
#HFS.sq_results td.time                 {white-space:nowrap;}
#HFSResult tr.arrboard-dark td          {background-color:#e9e9e9;}
#HFSResult tr.arrboard-light td         {background-color:#f9f9f9;}
#HFSResult tr.depboard-dark td          {background-color:#ff9;}
#HFSResult tr.depboard-light td         {background-color:#ffc;}

/* ts */
#HFSResult td.first                     {background-color:#e9e9e9;}
#HFSResult td.second                    {background-color:#d9d9d9;}
#HFSResult td.third                     {background-color:#c9c9c9;}

#HFSResult td.fcell                     {white-space:nowrap; padding-right:15px;}
#HFSResult td.mcell                     {padding-right:15px;}
#HFSResult td.lcell                     {}

#HFSResult tr.zebracol-1 td             {background-color:#f9f9f9; border-bottom: 1px solid #ccc;}
#HFSResult tr.zebracol-2 td             {background-color:#e9e9e9; border-bottom: 1px solid #ccc;}
#HFSResult tr.zebracol-3 td             {background-color:#c5dce5;}
#HFSResult tr.zebracol-4 td             {background-color:#fff;}

/* help */
body.popup .hafasHeader                 {width:100%; margin:0;}
.popupLogo                              {background-color:#0c4c94; height:40px;}
.popupPageTitle                         {background-color:#0c4c94; color:#fff; font-weight:bold; padding:3px 5px 10px;}
#HFSHelp                                {border:1px solid #0c4c94;}
#HFSHelp h2.separator                   {background-color:#c6dbff; color:#10519C; font-weight:bold; margin:10px; padding:3px; vertical-align:middle;}
#HFSHelp div.septa_help                 {color:#082c5a; font-size:14px; line-height:150%; margin:20px;}
#HFSHelp .buttons                       {margin: 0 20px 20px; border-top: 1px solid #ef5d39; padding:7px 0 0;}
#HFSHelp .buttons  a                    {color:#1260a5; text-decoration: none;}
#HFSHelp .buttons  a:link               {color:#1260a5; text-decoration: none;}
#HFSHelp .buttons  a:active             {color:#333; text-decoration: none;}
#HFSHelp .buttons  a:hover              {color:#333; text-decoration: none;}

/* input field generator */
#HFS .hafasQuery                        {}
#HFS .hafasQuery th,
#HFS .hafasQuery td                     {padding: 5px 7px;}
#HFS .hafasQuery th.front               {width:100px; text-align:left;}
#HFS .hafasQuery th.sepline,
#HFS .hafasQuery td.sepline             {border-bottom: 1px solid #ccc;}
#HFS .hafasQuery th.sepline,
#HFS .hafasQuery td.borderright         {border-right: 1px solid #ccc;}
#HFS .hafasQuery th.input               {width:100px; text-align:left;padding:1px 5px 0 0;}
#HFS .hafasQuery td.first               {padding:1px 5px 0 0;}
#HFS .hafasQuery td.second              {padding:1px 5px 0 0;}


/* FOOTER styles */
#HFSFooter                              {margin:25px 0 15px; font-size:11px; border-top:1px solid #ccc; padding-top:7px;}
#HFSFooter.navLeft                      {clear:both; margin:0px 10px 0px 160px; border-left:1px solid #999; padding:50px 0px 20px 20px;}

/* MAP styles */
#HFSResult td.mapinput                  {background-color:#fff;}
#HFSResult td.legend                    {background-color:#fff;}
#HFSResult #mapTable                    {float:left; margin-right:20px;}
#HFSResult #mapLegend                   {float:left;}
#HFSResult #mapLegend h2.map            {margin-top:0; padding-top:0; border-top:0;}
#HFSResult #overviewMap                 {margin-top:10px;}
#mapSliderContainer                     {float:left;width:100%;background:#fff;line-height:normal;border-bottom:1px solid #ccc;}
#mapSliderContainer ul                  {margin:0;padding:0;list-style:none;}
#mapSliderContainer li                  {float:left;margin:0 5px -1px 0;padding:0;}
#mapSliderContainer a                   {display:block;padding:3px 10px;border:1px solid #ccc;color:#333;}
#mapSliderContainer a:link,
#mapSliderContainer a:visited,
#mapSliderContainer a:focus             {color:#333;}
#mapSliderContainer a:hover             {color:#333; background-color:#c2dfff;}
#mapSliderContainer li.active a         {background-color:#c2dfff; border-bottom:1px solid #c2dfff;}
#mapSliderContainer li.active a:link,
#mapSliderContainer li.active a:visited,
#mapSliderContainer li.active a:focus,
#mapSliderContainer li.active a:hover   {color:#333;}
table.mainmap                           {border:1px solid #1260a5;}
table.mainmap td                        {padding:1px; vertical-align: middle; text-align: center; cursor:crosshair;}
table.mapzoom                           {margin-top:10px;}
table.mapzoom td                        {padding:0px; background-color:#f9f9f9;}
.mapzoom                                {border-collapse:collapse;}
.mapzoom td.zoomin a                    {background-color: #f9f9f9;}
.mapzoom td.zoomout                     {padding-right:3px;}
.mapzoom td.zoomout a                   {background-color: #f9f9f9;}
.mapzoom td.level                       {border:1px solid #333; 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; opacity:0.5; filter:Alpha(opacity=50, finishopacity=50, style=2);}
#popUpClickAction                       {position:absolute; background-color:#fff; z-index:100; border: 1px solid #1260a5;}
img.mainmap                             {cursor:crosshair;}

/* HIM styles */
#HFSQuery td input.himMainInfo          {width:270px;}
#HFSQuery td textarea.himMainInfo       {width:270px; height:40px;}

#HFS .messageBlockHIM                   {padding:5px; border:solid 1px #666; background-color: #e6e6e6}
#HFS .messageBlockHIM img               {clear:left; float:left; margin-right:10px;}
#HFS .messageBlockHIM span              {float:left;}
#HFS .journeyMessageHIM                 {background-color:#fee; border: 1px solid #e00;}

/* Logo and bullet of global_design_parameters, if required */
#HFS span.customerLogo1                 {color:#1260a5; font-size:24px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
#HFS span.customerLogoPopup             {color:#1260a5; 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;}

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


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

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


/* styles for look applications */
div.look_maptitle                   {background-color:#C2DFFF; 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:#C2DFFF;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:#C2DFFF;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;width:200px;position:absolute;border-width:1px;border-style:ridge;text-align:left;}
div.look_popup_title                {background-color:#C2DFFF;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:#C2DFFF;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:#C2DFFF;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;}


.clearfix:after {
content:  ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
overflow: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */