body                      {margin:0px;}
body.popup                {background-color:#fff;}
#HFSQuery                 {padding:4px;}
table                     {border:none;}
th,td,ul,ol,li,p,div,span,input,textarea,select,label
{font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;  font-size: 10px; text-decoration: 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              {}
.slider_active            {float:left;margin-right:2px;background-color:#003D7B;text-align:center;width:100px;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
.slider_inactive          {float:left;color:#333;background-color:white;text-align:center;width:100px;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
.slider_active a,.slider_active a:link,.slider_active a:active          { color:white;text-decoration:none;}
.slider_inactive a,.slider_inactive a:link,.slider_inactive a:active        { color:#333;text-decoration:none;}
label                     {color:#333;font-weight:bold;}
input,select              { padding:2px;font-size:11px;}
input.error, select.error {border: inset 2px #c00; background-color:#fdd;}
input:focus, select:focus {background-color:#e9e9e9;border:1px solid #333;}
input.button              {cursor: pointer; color:black; padding: 2px; margin-right:3px; vertical-align: middle;text-decoration: none;}
input.button:hover        {color:#333; }
input.buttonEmphasized    {cursor: pointer; font-size:11px;  color:black; padding: 2px; margin-right: 3px; font-weight: bold; vertical-align: middle;  text-decoration: none;}
input.buttonEmphasized:hover{}
a                         {font-size:12px;color:#F78139; text-decoration: underline;}
a:link                    {font-size:12px;color:#F78139; text-decoration: underline;}
a:active                  {font-size:12px;color:#F78139; text-decoration: underline;}
a:hover                   {font-size:12px;color:#F78139; text-decoration: underline;}
a.button                  {padding: 2px 5px; background-color:#003D7B; color: #fff; text-decoration: none;}
a.button:link             {padding: 2px 5px; background-color:#003D7B; color: #fff; text-decoration: none;}
a.button:active           {padding: 2px 5px; background-color:#003D7B; color: #fff; text-decoration: none;}
a.button:hover            {padding: 2px 5px; background-color:#003D7B; color: #fff; text-decoration: none;}
.bold                     {font-weight: bold;font-size:13px;}
.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;background-color:white;}
.hint                     {color:#006994; background-color:#eaf2f6; text-decoration:none;}
.small                    {font-size: 11px;}
#hafas                    {width:760px; background-color:#e8f6f6; 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:#e8f6f6;}
table.hafasHeader         {width: 100%;}
#logo                     {text-align:left;}
.hafasHeader td                     {padding: 1px 20px 1px 20px;}
.hafasHeader td.logo                {height:88px; background-color:#e8f6f6;border:0px;}
.hafasHeader td.popupLogo           {height:40px; background-color:#fff;}
.hafasSlider td.changeLanguage      {height:25px; color:#fff; width: 100%; padding: 3px 0px 3px 10px; text-align: right;}
.hafasSlider td.changeLanguage a    {font-weight: bold; padding-left:10px;}
.hafasSlider td.changeLanguage a.language               {color:#abcdcd;}
.hafasSlider td.changeLanguage a.language:hover         {color:#fff;}
.hafasSlider td.changeLanguage a.activelanguage         {color:#fff;}
.hafasSlider td.changeLanguage a.activelanguage:hover   {color:#abcdcd;}
.hafasHeader td.help a              {font-weight: bold; color:#abcdcd;}
.hafasHeader td.help a:hover        {color:#fff;}
.hafasHeader td a                   {}
.hafasHeader td a.language          {color:#006994;}
.hafasHeader td a.language:hover    {color:#c00;}
.hafasHeader td a.activelanguage    {font-weight: bold; color:#006994;}
.hafasHeader td a.activelanguage:hover        {font-weight: bold; color:#c00;}
.hafasHeader td.pagetitle           {font-size: 12px; border-left:1px solid #003D7B; border-top:1px solid #003D7B; background-color:#fff; line-height:30px; padding-top:20px; color:#003D7B; font-weight: bold;}
.hafasHeader td.popupPageTitle      {line-height:30px; color:#fff; font-size:14px; font-weight: bold;}
.hafasHeader td.right               {text-align: right; border-left: 0px; border-right:1px solid #003D7B;}
.hafasHeader td.bottom              {vertical-align: bottom;}
.hafasHeader td.nopadding           {padding: 0px;}
.hafasHeader td.borderbottom        {border-bottom:1px solid #7b7b46;}
table.hafasSlider                   {/*width:100%;*/width:auto;}
.hafasSlider td                     {white-space: nowrap; font-weight: bold; padding: 0px;}
.hafasSlider td a                   {white-space: nowrap; font-weight: bold; text-decoration: underline;}
.hafasSlider td.slider              {color:#666; font-size:10px;}
.hafasSlider td.slider a            {color:#666;}
.hafasSlider td.slider a:hover      {color:#666;}
.hafasSlider td.activeslider        {font-size: 12px; color:#003D7B;}
.hafasSlider td.activeslider a      {color:#003D7B;}
.hafasSlider td.activeslider a:hover  {color:#003D7B;}
table.hafasSliderLeft               {background-color:#e2e0cb; width:100%;}
.hafasSliderLeft td                 {white-space: nowrap; font-weight: bold; padding: 0px;}
.hafasSliderLeft td a               {white-space: nowrap; font-weight: bold; padding: 3px 5px 3px 5px; display:block;}
.hafasSliderLeft td.borderbottom    {border-bottom: 1px solid #006994}
.hafasSliderLeft td.slider          {background-color:#7bc7dd; color:#001f2f;}
.hafasSliderLeft td.slider a        {background-color:#7bc7dd; color:#001f2f;}
.hafasSliderLeft td.slider a:hover  {background-color:#c00; color:#fff;}
.hafasSliderLeft td.activeslider    {background-color:#006994; color:#fff;}
.hafasSliderLeft td.activeslider a  {background-color:#006994; color:#fff;}
.hafasSliderLeft td.activeslider a:hover      {background-color:#c00; color:#fff;}
.hafasSliderLeft td.standardpadding {padding: 1px 3px 1px 3px;}
table.hafasQuickFormLeft                      {background-color:#fff; width:100%; margin-top:10px;}
.hafasQuickFormLeft th                        {background-color:#7bc7dd; color:#001f2f; font-weight: bold; padding:3px 3px 1px 3px; text-align: left; width:60px;}
.hafasQuickFormLeft td                        {background-color:#7bc7dd; color:#001f2f; padding:3px;}
.hafasQuickFormLeft td.separator              {background-color:#006994; color:#fff; font-weight: bold; padding: 1px 3px 1px 3px; padding-top:3px; padding-bottom:3px;}
.hafasQuickFormLeft td input                  {width:70px;}
.hafasQuickFormLeft td a                      {white-space: nowrap; background-color:#7bc7dd; color:#001f2f;}
.hafasQuickFormLeft td a:hover                {white-space: nowrap; color:#c00;}
table.hafasContentTable             {width:100%;}
td.hafasContentTable                {padding:10px; padding-top:0px;}
td.hafasContentTable p              {padding: 1px 3px 1px 3px;}
div.hafasHint                       {border:1px solid #003D7B; border-bottom:0px; border-top:0px; background-color:#fff;padding:10px 20px; padding-bottom:0px;}
div.hafasHint div                   {border: 1px solid #003D7B; padding: 4px;}
table.separator1                    {background-color:#fff; }
table.separator1 td                 {font-size: 10px; font-weight: bold; vertical-align: middle; color:#003D7B; white-space: nowrap; padding: 1px 3px 1px 3px; background-color:#fff;}
.separator1 td.right                {text-align: right;}
.separator1 td a                    {color:#003D7B; text-decoration: none;}
.separator1 td a:hover              {color:#003D7B; text-decoration: none;}
div.separator                       {font-size: 10px; line-height:18px; background-color:#fff; display:block; font-weight: bold; vertical-align: middle; color:#003D7B; white-space: nowrap; padding: 1px 3px 1px 3px;}
div.separator a                     {color:#003D7B; text-decoration: none;}
div.separator a:hover               {color:#003D7B; text-decoration: none;}
div.separatingLine                  {height:1px; background-color:#003D7B;}
div.separatingLineRealtime          {height:5px; background-color:#c00;}
table.hafasButtons                  {margin-bottom:0px;}
.hafasButtons th.profile            {padding-left:25px; padding-right:8px;}
table.hafasButtons td               {padding: 2px 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                  {color:#333333;
font-weight:bold;
margin-left:3px;
margin-right:0;
padding:2px;
text-decoration:none;}
.hafasButtons td.right a            {background-color:#003D7B;
color:white;
margin-left:3px;
margin-right:0;
padding:2px;
text-decoration:none;}
th                                  {text-align:left;}
table.hafasQuery                    {background-color:#fff;}
.hafasQuery th                      {font-size: 10px; background-color:#fff; color:#697188; padding: 1px 3px 1px 3px; font-weight: bold; text-align: left; 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:#fff; color:#000; padding: 1px 3px 1px 3px;}
/*.hafasQuery td.first                {width:140px;}   */
.hafasQuery td.second               {overflow:auto;}
.hafasQuery td.radio                {width:15px; text-align: center;}
.hafasQuery td.errormessage         {/*color:#c00;*/ font-weight:bold;}
.errormsg                           {margin-top:30px;border:1px solid #D8000C;background-color:#FFBABA;padding:3px;}
.hafasQuery td.hint                 {color:#006994; background-color:#fff; text-decoration:none;}
.hafasQuery td.nopadding            {padding: 0px;}
.hafasQuery td.seplineTop           {border-top: 1px solid #999;}
.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:20px;}
.hafasQuery tr.zebracol-1 td        {background-color: #fff;}
.hafasQuery tr.zebracol-2 td        {background-color: #eaf2f6;}
table.hafasResult                   {width: 100%; background-color:#fff;}
.hafasResult tr.button              {}
.hafasResult tr.zebracol-1 td       {background-color: #fff;}
.hafasResult tr.zebracol-2 td       {background-color: #e8f6f6;}
.hafasResult tr.zebracol-3 td       {background-color: #c5dce5;}
.hafasResult tr.zebracol-4 td       {background-color: #eaf2f6;}
.hafasResult tr.arrboard-dark td    {background-color: #e8f6f6;}
.hafasResult tr.arrboard-light td   {background-color: #f3f4f5;}
.hafasResult tr.depboard-dark td    {background-color: #e8f6f6;}
.hafasResult tr.depboard-light td   {background-color: #eaf2f6;}
.hafasResult tr.selected td, .hafasResult tr.selected td a
{/*background-color: #C7E9F4;*/}
.hafasResult tr.selected td.diagram {background-color: transparent;}
.hafasResult tr.tpOverview td       {/*background-color: #c7e9f4;*/}
.hafasResult tr.tpDetails td        {/*background-color: #c7e9f4;*/}
.hafasResult tr.tpDetails td a      {text-decoration: underline; padding: 1px;}
.hafasResult th                     {/*background-color:#ff5f00; */color: #003D7B;text-align:left;font-weight: bold; padding: 1px 3px 1px 3px; white-space: nowrap;}
.hafasResult th.querysummary        {text-align: left; vertical-align: top;  color:#697188; padding-right:5px;}
.hafasResult th.borderright         {/*border-right: 2px solid #fff;*/}
.hafasResult th.borderleft          {border-left: 1px solid #eaf2f6;}
.hafasResult th.sepline             {border-bottom: 1px dotted #333333;}
.hafasResult tr.tpOverview td.emphasize           {background-color: #003D7B; color: #fff;}
.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.querysummary        {padding-right:15px;}
.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           { font-weight:bold;}
.hafasResult tr.tpDetails td.emphasize a          { color: #333;}
.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.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.italic              {font-style: italic;}
.hafasResult td.left                {text-align: left;}
.hafasResult td.center              {text-align: left;}
.hafasResult td.right               {text-align: left;}
.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:#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;}
table.hafasFooter                   {margin-bottom: 15px; border: 1px solid #003D7B; border-top: 0px; background-color:#fff; width: 100%;}
.hafasFooter tr                     {}
.hafasFooter td                     {color:#003D7B; padding: 1px 20px 20px 20px;}
.hafasFooter td a                   {color:#003D7B;}
.hafasFooter td a:hover             {color:#003D7B;}
.hafasFooter div                    {color:#003D7B; background-color:#eef7f9; padding: 5px; font-size: 10px;}
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 : #001f2f;background-color: #7bc7dd; 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;}
div.calendar td.active:hover        {background-color: #c00;}
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;}
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;-moz-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; width: 250px !important; overflow: auto; overflow-x: hidden; overflow-y: auto; padding: 0px; background-color: #FFF; border: 1px solid black;}
#suggestion div {font-size:11px; padding-left:14px; text-align: left; white-space: nowrap; cursor:pointer;}
#suggestion .selected { background-color: #003D7B; color: #fff; }

#hafasTTBox                         {position: absolute; height: auto; width: 350px; padding: 5px; text-align: left; background-color: #fff; border: 1px solid #000;}
#u40                                { display:none; }

table#overviewTable th{
   background-color:#FF5F00;
   font-weight:bold;
   color:white;
   padding:2px;
}
table#overviewTable{
   background-color:white;
   width:100%;
}
table#overviewTable td{
   background-color:#e9e9e9;
   color:#697188;
   padding:2px;
}
.buttonEmphasized{
   padding:0px;
}
.hafasResult td span.prognosis{
    color:#CC0000;
}

.menuHighlight{
    background-color:#D1DDDF;
    color: #333;
    cursor:pointer;
     
}

* html table.hafasButtons a{
   width:40px;
}

ul.menuList{
    list-style-type:none;padding:0;margin:0;
}
ul.menuList li{
    padding:7px;-moz-box-sizing:border-box;
    background-color:#e9e9e9;
    color:black;font-weight:bold;
    border-left:4px solid #BEBDBD;
    border-right:1px solid #F37224;
    font-size:11px;cursor:hand;cursor:pointer;
}
ul.menuList li.selected{
    background-color:#FAA66B;color:white;
    border-left:4px solid #F37224;
    border-right:1px solid #F37224;
}

input.stbButton{
    border:none;
    background-color:#E9E9E9;
    color:#333;
    border:1px solid #333;
    cursor:hand;cursor:pointer;
}
input.stbButton.selected{
    background-color:#BEBDBD;
    border-right:1px solid #333;
}
h2.separator,h3{
    font-size:14px;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
    color:#F78139;border-bottom:1px solid #F78139;
}
table.resultTable th{
    background-color:#606060;color:white;padding:3px;
}
table.resultTable td{
    background-color:#e9e9e9;
}
table.resultTable td.changes{
    text-align:center;
}
table.resultTable tr.tpMapLink td{
    border-bottom:6px solid white;
}
label.fixedLabel              {font-size:12px !important;}

