body                      {margin:0px; background-color:#fff; text-align:center;}
body.popup                {background-color:#fff;}
table                     {border:none;}
div.hint                  {padding: 1px 3px 1px 3px; color:#006994; background-color:#eaf2f6; text-decoration:none;}
div.bold                  {font-weight: bold;}
div.standardpadding       {padding: 1px 3px 1px 3px;}
div.errormessage          {color:#c00; 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                  {}
img.language              {}
input.error, select.error {border: inset 2px #c00; background-color:#fdd;}
input:focus, select:focus {background-color:#ffa;}
input.button              {cursor: pointer;  background-color:#eb690a; color:#fff; padding: 0px 3px 0px 3px; margin-left:5px;}
input.buttonEmphasized    {cursor: pointer;  background-color:#eb690a; color:#fff; padding: 0px 3px 0px 3px; }
input.buttonEmphasized:hover        {}
a                         {color:#0067C5;}
a:link                    {color:#0067C5;}
a:active                  {color:#0067C5;}
a:hover                   {color:#eb690a;}
.bold                     {font-weight: bold;}
.italic                   {font-style: italic;}
.underline                {text-decoration: underline;}
.pre                      {font-family: courier;}
.red                      {color: #f00;}
.nopadding                {padding: 0px;}
.standardpadding          {padding: 1px 3px 1px 3px;}
.errormessage             {color:#c00; font-weight:bold;}
.hint                     {color:#006994; background-color:#eaf2f6; text-decoration:none;}
.small                    {font-size: 11px;}
#hafas                    {width: 80em; background-color:#fff; text-align:left; margin: 0px auto;}
#hafasLeft                {background-color:#fff; position:absolute; top:10px; left: 10px; width:150px; vertical-align:top;}
#hafasRight               {background-color:#fff; position:absolute; top:10px; left:170px; width:830px; vertical-align:top; padding-right: 10px;}
#customerHeader           {background-color:#fff;}
.separator1                    { position:relative;width: 100%;}
.separator1 .right                {position:absolute; right:0; }
.separator1 a                    {color:#0067c5; text-decoration: none;}
.separator1 a:hover              {color:#eb690a; text-decoration: none;}
div.separator , h3.separator        { display:block; font-weight: bold; vertical-align: middle; color:#0067c5; white-space: nowrap; padding: 1px 3px 1px 3px;}
div.separator a ,h3.separator a     {color:#eb690a; text-decoration: none;}
div.separator a:hover,h3.separator a:hover               {color:#eb690a; text-decoration: none;}
div.separatingLine                  {height:1px; background-color:#eb690a;}
div.separatingLineRealtime          {height:5px; background-color:#c00;}
div.calendar                        {width: 200px;}
div.calendar table.header,
div.calendar table.buttons,
div.calendar table                  {width: 100%;cursor: default;border:none;color:#000;}
div.calendar td                     {height: 22px;border: 1px solid #ccc;text-align: center;cursor: default;}
div.calendar th                     {color : #fff;background-color: #eb690a; text-align: center;font-weight: bold;}
div.calendar th.enabled:hover       {background-color: #999;}
div.calendar td.enabled:hover       {background-color: #999;}
table.calendarLegend                {width:100%;border-collapse:collapse;margin-top:20px;margin-bottom:20px;}
table.calendarLegend td.disabled    {background-color:#fff;border: 1px solid #999;}
table.calendarLegend td.working     {background-color: #9ccf9c;border: 1px solid #999;}
table.calendarLegend td.nonworking  {background-color: #ce9a9c;border: 1px solid #999;}
div.calendar td.disabled            {background-color:#fff;}
div.calendar td.active              {background-color: #c00;color:#fff;}
div.calendar td.active:hover        {background-color: #c00;color:#fff;}
div.calendar td.working             {background-color: #9ccf9c;}
div.calendar td.notworking          {background-color: #ce9a9c;}
.hafasResult td.mapinput            {background-color:#fff;}
.hafasResult td.legend              {background-color:#fff;}
table.mainmap                       {border:1px solid #006994; width:450px; height:450px;}
table.mainmap td                    {padding:1px; vertical-align: middle; text-align: center; cursor:crosshair;}
table.mapzoom                       {}
table.mapzoom td                    {padding:1px 0px 0px 0px; background-color:#fff;}
.mapzoom td.zoomin                  {}
.mapzoom td.zoomout                 {padding:0px;}
.mapzoom td div                     {padding: 0px;}
.mapzoom td div a                   {padding-left:3px; display:block; background-color:#949494; color:#fff;}
.mapzoom td div a:hover             {background-color:#c00; color:#fff;}
.mapzoom td div.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 #006994;}
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:#001f2f; 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:#006994; font-size:24px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
span.customerLogoPopup              {color:#006994; font-size:24px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
span.stressTHInputField             {font-size:16px; color:#006994; 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; }

#hafasTTBox                         {position: absolute; height: auto; width: 350px; padding: 5px; text-align: left; background-color: #fff; border: 1px solid #000;}
input.profileButtonAddActive {background-color:#eb690a;color:#fff}
input.profileButtonAddInactive {background-color:#2C2C2C;color:#fff}
input.profileButtonAddInactive:hover {background-color:#eb690a;color:#fff}
/*
22b2
*/
#typefrom {z-index:1;}
.hafasSlider                   { margin-bottom:1em;}
.hafasSlider li                     {color:#666; white-space: nowrap; font-weight: bold; padding: 3px 10px 3px 0px;display:inline;}
.hafasSlider li a                   {color:#666; white-space: nowrap; font-weight: bold;}
.hafasSlider li.slider              {color:#666; font-size:1.1em;}
.hafasSlider li.activeslider        {font-size: 1.2em; color:#eb690a;}
.hafasSlider li.activeslider a      { color:#eb690a; }
.hafasSlider li.activeslider a:hover  {color:#eb690a;}
.hafasHeader   { }


form				   { line-height:1.4em;}
form label		           {  width: 2.5em; text-align: right;  padding-right: 0.9em;}
form label.nopush 	           {  float: none; display: inline; padding: 0 }
form label.long                    {  width: 10em; }
form label.long2 		   {  width: 13em; }
form select, form input[type=text] {  border: 1px solid #0067c5;}
form input.date 		   {  width: 5.1em;}
form option                        { padding-left: 0.2em;padding-right: 0.4em;}

#hafasFooter,
.hafasContentTable  { margin:1em; margin-top:2em; font-size:1.2em;}
#hafascontent       {line-height:1.4em;font-size:100%;background-color:#fff;position:relative;border:1px solid #eb690a;}
.hafasHeader .pagetitle { background-color:#fff;background-position: right bottom;left:-1px; position:absolute;	top:-1px; font-size:1.2em; font-weight:bold; padding:0.2em 1.8em 0.3em 0.7em; color:#EB690A;background-image:url(../img/titre-mobility.png);}
.hafasHeader .right { position:absolute;left:auto; right:0px;top:1px;background-image:none;}
.nrvia label
{
  display:inline;
}
.nr label,
.nrvia .headvia label
{
 width:15em;
 font-weight:bold;
 text-align:right;

  padding-right: 0.9em;
}
.tablelabel
{
padding-right: 0.9em;
width:15em;
 text-align:right;
}
*html .tablelabel,*+html .tablelabel,
{
padding-right: 0.1em;
}

.nr label,
.nrvia .headvia label
{

position:relative;
  clear:both;
 display:inline-block;
}
.nr secondlabel
{
width:5em;
}
.hafasButtons               {position:relative;padding: 2px 5px 5px 0px;}
.hafasButtons .links              {padding: 0px 5px 0px 0px;}
.hafasButtons  a                  {margin-right:10px; white-space: nowrap;}
p
{
 clear:both;
}
.errormessage {
color:#7f0f0f;
font-weight:bold;
margin-left:15em;
}
#hafasFooter
{
  background-color:#E3EAED;
  padding:1em;
  line-height:1.4em;
  font-size:1.2em;
}
.nr,.nrvia
{
padding-top:0.5em;
padding-bottom:0.5em;
}
.hafasButtons li
{
  float:left;
  position:relative;
  padding-right:0.4em;
  margin-bottom:0.4em;
}
.hafasButtons li.right              
{
  float:right;
}
.links li
{
 clear:left;
}

.hafasResult .title
{
 font-weight:bold;
}
.hafasResult .querysummary.title
{
 display:inline-block;
 width: 90px;
 text-align:right;
}
.separator1
{
 margin-bottom:0.4em;
 clear:both;
}
.footer
{
margin-top:1em;
font-size:0.9em;
text-align:center;
}
.nr .filter
{
 float:none;
 display:inline;
 font-weight:none;
}
.rounderbutton
{
padding-left:2em;
padding-right:2em;
padding-top:0.8em;
background-repeat: no-repeat;
    background-position:top;
 margin-left:2px;
color:  #fff;
}
.hafasResultLeft  { width:49%;display:inline-block;vertical-align:top; }
.hafasResultRight { width:49%;display:inline-block;vertical-align:top; }
.clear
{
 clear: both;
}
.querysummary {  padding-right : 1em;}
.querysummary a { margin-left:2em;}
.hafasButtons
{
text-align:right;
}
.separatingLine
{
clear:both;
}
.rounderbutton
{
  padding-bottom:2px;
}
table                {width: 100%; }
input.button
{
  border:1px solid #EB690A;
}
.hafasResult tr.button              {}
.hafasResult tr.zebracol-1 td       {}
.hafasResult tr.zebracol-2 td       {}
.hafasResult tr.zebracol-3 td       {background-color: #c5dce5;}
.hafasResult tr.zebracol-4 td       {background-color: #eaf2f6;}
.hafasResult tr.arrboard-dark td    {}
.hafasResult tr.arrboard-light td   {background-color: #f3f4f5;}
.hafasResult tr.zebracol-1 td       {background-color: #f3f4f5;}
.hafasResult tr.depboard-dark td    {}
.hafasResult tr.depboard-light td   {background-color: #eaf2f6;}
.hafasResult tr.selected td, .hafasResult tr.selected td a
{background-color: #c9c9c9; color: #000;}
.hafasResult tr.selected td.diagram {background-color: transparent;}
.hafasResult tr.tpOverview td       {background-color: #E5EBEE;}
.hafasResult tr.tpDetails td        {background-color: #E5EBEE;}
.hafasResult tr.tpDetails td a      {text-decoration: underline; padding: 1px;}
.hafasResult th                     {background-color:#EB690A; color: #fff; line-height:18px; font-weight: bold; padding: 1px 3px 1px 3px; white-space: nowrap;}
.hafasResult th.borderright         {border-right: 2px solid #fff;}
.hafasResult th.borderleft          {border-left: 1px solid #eaf2f6;}
.hafasResult th.sepline             {border-bottom: 2px solid #fff;}
.hafasResult tr.tpOverview td.emphasize           {background-color: #C9C9C9; color: #000;}
.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                     {padding: 1px 3px 1px 3px;}
.hafasResult td.borderright         {border-right: 2px solid #fff}
.hafasResult td.light               {background-color: #fff;}
.hafasResult td.dark                {background-color: #eaf2f6;}
.hafasResult tr.tpDetails td.emphasize           {background-color: #C9C9C9; color: #000; font-weight:bold;}
.hafasResult tr.tpDetails td.emphasize a          {background-color: #C9C9C9; color: #000;}
.hafasResult td.sepline             {border-bottom: 2px solid #fff;}
.hafasResult td.nopadding           {padding: 0px;}
.hafasResult td.waipadding          {padding: 3px 3px 3px 3px;}
.hafasResult td.errormessage        {color:#c00; font-weight:bold;}
.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.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        {}
.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:#006994;}
.hafasResult td span.resultTextualEmphasize   {color:#c00;}
.hafasResult td div.tpDtl_altDep    {border-top:dotted 1px #999; font-size:10px;}


.linkfooter li                     {position:relative;float : left;}
.hafasButtons li
{
  float : left;
  margin-right:1.5em;
}
.hafasButtons
{
  height : 35px;
}
.linkfooter a, .linkfooter a:hover
{
  line-height:1.4em;
  font-size:1.2em;
  text-decoration:none;
  background-color:#EB690A;
  color:#fff;
  padding:3px 10px;
  margin-left:5px;
}
.alignright 
{
line-height:20px;
text-align:right;
margin-bottom:5px;
}
.alignright a 
{
margin-left:5px;
}
.alignright a span
{
padding:3px 10px;
background-color:#eb690a;
color:#fff; 
}
.producttable td,
.weekdays td
{
 width:10px;
}
.producttable,
.weekdays
{
margin-left:0px;
width:44%;
}
.bigMap
{
margin:15px;
float:left;
}
.nextMap
{
float:left;
}
.mainmap
{
width:450px;
position:relative;
}
.nr
{
text-align:left;
}
.nr table
{
}
.nr .filter
{
width:auto;
}
.infotext
{

display:inline-block;
line-height:1em;
width:570px;
padding-top:-5px;
}
label.top
{
vertical-align:top;
}
#popUpClickAction label
{
 display:inline-block;
 width:80%;
text-align:left;
}
#popUpClickAction input
{
 vertical-align:top;
}
#mainmap
{
 height:450px;
 width:450px;
}
#globalmainmap
{
 height:500px;
 width:500px;

 display:inline-block;
}

.mapoptions
{
position:absolute;
 top:150px;
 right:15px;
width:200px;
}
#cal2
{
width:100% !important;
text-align:center;
}
#cal2 div
{
  margin-top:10px;
}
.service span
{
margin:0px 15px;
}
.hafasHeader .right a
{
 margin-left:20px;
}
.hafasButtons .back
{
float:left;
}
.tpOverview .hafasOVProducts a
{
 cursor : default;
}
.hafasResult td
{
vertical-align:middle;
}