/* hafas_rp_print.css */
/* ================== */


/* ##################### */
/* # basic definitions # */
/* ##################### */

/*** TAGS ***/
    html                      {margin:0px; padding:0px;}
    body                      {margin:0; padding:0; min-width:640px;}
    div,td,p,span,input,textarea,select,ul,th,li,a
                              {font-family:verdana, arial, helvetica; font-size:11px; color:#000; text-decoration:none;}
    table                     {border:none;}
    form                      {display:inline; margin:0;}
    img                       {border:none; vertical-align:middle;}

/*** PSEUDO CLASSES ***/

    a:link,
    a:visited                 {color:#666;}
    a:hover,
    a:active,
    a:focus                   {color:#666;}

/*** PHYSICAL CLASSES ***/

    .bold                     {font-weight:bold;}
    .italic                   {font-style:italic;}
    .underline                {text-decoration:underline;}
    .pre                      {font-family:courier;}
    .red                      {color:#666;}

    .top                      {vertical-align:top;}
    .middle                   {vertical-align:middle;}
    .bottom                   {vertical-align:bottom;}
    .left                     {text-align:left;}
    .center                   {text-align:center;}
    .right                    {text-align:right;}
    .fullwidth                {width:100%;}

    .clearboth                {clear:both;}

/*** COMMON LOGICAL CLASSES ***/

    img.productIcon           {border:1px solid #c0c0c0;}

    span.prognosis            {color:#9f002a !important; font-weight:bold !important;}
    span.rtGreen              {color:#0f0 !important; font-weight:bold !important;}
    .rtLine                   {background-color:#9f002a !important;}

    .onlyForScreenReaders     {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}


/* ###################### */
/* # structure elements # */
/* ###################### */

    .separatingLine           {height:1px; background-color:#999;}
    .separatingLine hr        {display:none;}

    .separator                {background-color:#ccc; display:block; font-weight:bold; vertical-align:middle; color:#000; white-space:nowrap; padding:1px 3px;}


/* ########## */
/* # header # */
/* ########## */

    #hafasHeader              {margin:0px; padding:0; background:#ccc;}

/*** ELEMENTS OF HEADER AREA ***/

    /* A */
    #logo                     {margin:0 10px; width:96px; height:40px; float:left;}

    /* G */
    #closeWindow              {float:right; margin:10px 10px 0 5px; width:auto;}
    #closeWindow a            {text-decoration:none;}
    #closeWindow a span       {text-decoration:underline;}


/* ###################### */
/* # HAFAS content area # */
/* ###################### */

/*** HAFAS CONTENT - RESULT PAGES ***/

    /* print options */
    .printSelf                          {margin:5px 0; padding:0 10px; text-align:left;}
    .printSelf a                        {text-decoration:none;}
    .printSelf a span                   {text-decoration:underline; color: #039;}
    .printSelf a:hover span             {color: #fa9e13;}

    /* Querysummary */
    #hafasQuerySummaryFrame             {margin-bottom:10px; border:0px solid #c0c0c0; padding:0 0px; background:#efefef;}
    table.hafasQuerySummary             {width:100%; background-color:#efefef; margin-bottom:7px;}
    .hafasQuerySummary th               {padding:1px 3px; font-weight:bold; text-align:left; white-space:nowrap; width:60px;}
    .hafasQuerySummary td               {padding:1px 3px;}

    /* HAFAS results */
    #hafasResultsCommon,
    #hafasResultsOutwardFrame,
    #hafasResultsReturnFrame            {margin:0; border:0px solid #c0c0c0; padding:0; background:#fff;}
    table.hafasResult                   {background-color:#fff; margin-bottom:7px;}
    .hafasResult th                     {padding:3px 5px; font-weight:bold; white-space:nowrap;}
    .hafasResult th.sq,
    .hafasResult th.tq,
    .hafasResult th.ts                  {background:#fff; color:#000; text-align:center; border-top:1px solid #c0c0c0;}
    .hafasResult th.sqFirst,
    .hafasResult th.tqFirst,
    .hafasResult th.tsFirst             {padding-left:10px; text-align:left;}
    .hafasResult td                     {padding:3px 7px; vertical-align:top; line-height:16px;}
    .hafasResult td.first               {padding-left:10px;}
    .hafasResult td.nowrap              {}
    .hafasResult td span.errormessage   {color:#c33; font-weight:bold;}

/*** TP BOOKING/TICKETS ***/
    div.ticketOrderErrorBoxOn           {}
    div.ticketOrderErrorBoxOn p.ticketOrderErrorContentOn   {display:none;}
    div.ticketOrderErrorBoxOff          {}
    div.ticketOrderErrorBoxOff p.ticketOrderErrorContentOff {display:none;}

/*** TP OVERVIEW - BROWSE CONNECTIONS ***/
    div.browseConnections               {width:100%; vertical-align:middle; height:36px;}
    .browseConnections .caption         {float:left; display:block; width:33%; font-size:20px; font-weight:bold; padding:5px;}
    .browseConnections .browse          {float:left; display:block; width:34%; text-align:center; padding:9px 0 0;}
    .browseConnections .clear           {clear:both; display:block;}

    div.tpPrintSelf                     {text-align:right; margin:0 10px 10px;}
    .tpPrintSelf a                      {text-decoration:none;}
    .tpPrintSelf a span                 {text-decoration:underline; color: #039;}
    .tpPrintSelf a:hover span           {color: #fa9e13;}

/*** TP OVERVIEW - CONTENT TABLE ***/

    /* TABLE and HEADER */
    table.hafasOverview                 {background-color:#fff; margin-bottom:7px; width:100%;}
    table.hafasOverview th              {padding:3px 7px; font-weight:bold; white-space:nowrap; background:#f6f6f6; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
    .hafasOverview th.ovSelect          {width:1px; padding:0; empty-cells:show;}
    .hafasOverview th.ovLocation        {text-align:left;}
    .hafasOverview th.ovLocation span   {}
    .hafasOverview th.ovTime            {text-align:left;}
    .hafasOverview th.ovPrognosis       {}
    .hafasOverview th.ovDate            {}
    .hafasOverview th.ovDuration        {}
    .hafasOverview th.ovChanges         {}
    .hafasOverview th.ovProducts        {text-align:left; width:180px;}

    /* CONTENT ROWS */

    .hafasOverview tr.ovConFirstRow td  {border-top:1px solid #c0c0c0;}
    .hafasOverview tr.details td        {padding:0;}

    .hafasOverview td                   {padding:3px 7px; vertical-align:top; line-height:16px;}
    .hafasOverview td.ovSelect          {width:1px; padding:0; empty-cells:show;}
    .hafasOverview td.ovLocation        {width:220px;}
    .hafasOverview td.ovLocation span   {width:40px; display:block; float:left; padding-left:0; white-space:nowrap; height:20px;}
    .hafasOverview td.ovComodal         {font-weight: bold;}
    .hafasOverview td.ovTime            {white-space:nowrap; width:75px;}
    .hafasOverview td.ovTime span       {padding-left:0; width:30px; display:block; float:left; white-space:nowrap;}
    .hafasOverview td.ovPrognosis       {width:30px;}
    .hafasOverview td.ovDate            {text-align:center;}
    .hafasOverview td.ovDuration        {text-align:center;}
    .hafasOverview td.ovChanges         {text-align:center;}
    .hafasOverview td.ovMOT             {}
    .hafasOverview td.ovMOT a           {font-size:9px;}
    .hafasOverview td.ovMOT span        {white-space:nowrap; display:block; width:auto; float:left; margin:4px 3px 0 0; padding: 0 0 3px 0;}
    .hafasOverview td.ovMOT span a.ovProduct:link,
    .hafasOverview td.ovMOT span a.ovProduct:visited,
    .hafasOverview td.ovMOT span a.ovProduct:focus,
    .hafasOverview td.ovMOT span a.ovProduct:hover,
    .hafasOverview td.ovMOT span a.ovProduct:active         {font-size:11px; vertical-align:bottom; text-decoration:none; color:#000; border:1px solid #c0c0c0; padding:2px; background:#fff;}

    /* DETAIL CONTAINER inside overview Table */
    .hafasOverview .detailContainer     {margin:0 10px 10px 7px; padding:10px; border:1px solid #999; background:#fff;}

/*** DETAILED VIEW / JOURNEY GUIDE inside DETAIL CONTAINER ***/

    .detailContainer table.hafasDtlView {margin-bottom:7px; width:100%;}

    table.hafasDtlView th               {padding-left:2px; background:#fff; border:none;}
    .hafasDtlView th.dtlProducts        {}
    .hafasDtlView th.dtlLocation        {text-align:left;}
    .hafasDtlView th.dtlLocation span.dtlTitle    {font-size:13px;}
    .hafasDtlView th.dtlLocation span   {position:relative; left:-25px; font-size:12px;}
    .hafasDtlView th.dtlTime            {text-align:left;}
    .hafasDtlView th.dtlTime p          {width:75px; margin:0; padding:0;}
    .hafasDtlView th.dtlDate            {text-align:left;}
    .hafasDtlView th.dtlPlatform        {}
    .hafasDtlView th.dtlMOTDetailed     {text-align:left;}
    .hafasDtlView th.dtlBracket         {padding:0; width:17px;}
    .hafasDtlView th.dtlRemarks         {text-align:left;}

    .hafasDtlView tr.sepLineTop td      {border-top: 1px solid #c0c0c0;}

    tr.details .hafasDtlView td                   {padding:3px 7px 3px 2px; background:#fff;}
    tr.details .hafasDtlView td.IScol1,
    .hafasDtlView td.IScol1 span                  {background:#eee;}
    tr.details .hafasDtlView td.IScol2,
    .hafasDtlView td.IScol2 span                  {background:#ddd;}
    tr.details .hafasDtlView td.dtlComments       {padding-top:10px; padding-bottom:10px;}
    tr.details .hafasDtlView td.dtlButtons        {padding:15px 0 3px;}
    .hafasDtlView td.dtlProducts                  {width:16px;}
    .hafasDtlView td.dtlLocation                  {min-width:240px;}
    .hafasDtlView td.dtlLocation span.icon        {position:relative; left:-18px;}
    .hafasDtlView td.dtlTime                      {white-space:nowrap;}
    .hafasDtlView td.dtlTime span                 {padding-left:0; width:30px; display:block; float:left; white-space:nowrap;}
    .hafasDtlView td.dtlTime span.prognosis       {width:auto;}
    .hafasDtlView td.dtlDate                      {}
    .hafasDtlView td.dtlPlatform                  {text-align:center;}
    .hafasDtlView td.dtlMOTDetailed               {}
    .hafasDtlView td.dtlMOTDetailed td            {border:none;}
    .hafasDtlView td.dtlRemarks                   {width:90px;}
    .hafasDtlView td.dtlComments .duration        {font-weight:bold; color:#000;}
    .hafasDtlView td.dtlButtons .buttons          {width:auto; float:left;}
    .hafasDtlView td.dtlButtons .platform         {width:auto; float:right;}

/*** MAPS inside DETAIL CONTAINER ***/
    #printViewMap                                 {margin: 10px; padding:10px; border: 1px solid #c0c0c0;}
    #locref                                       {border: 1px solid #c0c0c0;}
    .mapHeader                                    {margin:0; padding:0; border-bottom:1px solid #c0c0c0;}
    .mapHeader .mapCaption                        {float:left; margin:0 0 5px; font-weight:bold;}
    .mapHeader .showPrintMode                     {float:right; margin:0 0 5px;}
    .mapHeader .showPrintMode a                   {text-decoration:none; color:#000;}
    .mapHeader .showPrintMode a span              {text-decoration:underline; color:#039;}
    .mapHeader .showPrintMode a:hover span        {color:#000;}
    .mapHeader .showPrintMode a img               {margin-right:3px;}

    .mapLegend                                    {margin:7px 0 5px; padding-bottom:5px; border-bottom:1px solid #c0c0c0;}
    .mapLegend img                                {position:relative; left:-10px;}
    .mapLegend span                               {font-weight:bold; margin-right:25px;}

    #mapLayout td                                 {}

    #mapDirections                                {width:auto;}
    #mapDirections *                              {text-align:left;}
    #mapDirections table                          {width:100%; margin:10px 0;}
    #mapDirections table.summary                  {border: solid 1px #c0c0c0;}
    #mapDirections table.summary td               {padding:3px 5px; vertical-align:middle;}
    #mapDirections table.summary td.icon          {width:35px; text-align:center;}
    #mapDirections table.summary td.caption       {width:80px; font-weight:bold;}
    #mapDirections table.summary td.content       {}
    #mapDirections table.directions td            {padding:3px 7px; vertical-align:top; line-height:16px;}
    #mapDirections table.directions td span       {padding-left:0; width:30px; display:block; float:left; white-space:nowrap; text-align:right; margin-right:3px;}

    /* TQ results */
    .hafasResult tr.tqHeader th         {text-align:left;}
    .hafasResult tr.tqCol1 td           {background:#ddd; border-bottom:1px solid #ccc;}
    .hafasResult tr.tqCol2 td           {background:#fff; border-bottom:1px solid #ccc;}
    .hafasResult tr.tqCol1 td.time,
    .hafasResult tr.tqCol2 td.time      {white-space:nowrap;}
    .hafasResult tr.tqCol1 td.tqFirst,
    .hafasResult tr.tqCol2 td.tqFirst   {padding-left:10px;}
    div.tqHead,
    div.tqInfo                          {margin:10px 0 0;padding:3px 10px; line-height:16px; width:auto;}
    div.tqHead                          {margin-bottom:5px;}
    div.tqCaption                       {float:left; width:auto;}
    div.tqPrintSelf                     {float:right; width:auto;}
    .tqPrintSelf a                      {text-decoration:none;}
    .tqPrintSelf a span                 {text-decoration:underline; color: #039;}
    .tqPrintSelf a:hover span           {color: #fa9e13;}

/*** BUTTONS IN PRINTMODE ***/

    a.closeWin                          {color:#000;padding:1px 4px; margin-right:3px; vertical-align:middle; font-size:11px; font-weight:bold; text-decoration:none;}
    a.closeWin:link span,
    a.closeWin:visited span             {color:#000;text-decoration:underline;}
    a.closeWin:hover span,
    a.closeWin:active span,
    a.closeWin:focus span               {color:#666;text-decoration:underline;}

    a.printPage                         {color:#039; padding:1px 4px; margin-right:3px; vertical-align:middle; font-size:11px; font-weight:bold; text-decoration:none;}
    a.printPage:link span,
    a.printPage:visited span            {color:#039;text-decoration:underline;}
    a.printPage:hover span,
    a.printPage:active span,
    a.printPage:focus span              {color:#fa9e13; text-decoration:underline;}

    .printSelf                          {margin:5px 0; padding:0 10px; text-align:left;}
    .printSelf a                        {text-decoration:none;}
    .printSelf a span                   {text-decoration:underline; color: #039;}
    .printSelf a:hover span             {color: #fa9e13;}

/*** HIM MESSAGES ***/

    /* customer hints placed between HAFAS content and footer on tp-pages */
    #hafasHimMessages                   {margin:0 10px; border:2px solid #c0c0c0; padding:0px; background:#fff;}
    #hafasHimMessages div.icon          {float:left; margin:0 0 3px 200px;}
    #hafasHimMessages div.text          {float:left; margin:0 0 15px;}

/*** POPUP WINDOWS ***/
    div.popupHeader                     {margin:0 0 10px; padding:5px 0 5px; width:auto;}
    div.popupLogo                       {padding:0 10px 0 18px; width:auto;}
    div.popupCloseWin                   {float:right; padding:5px; margin:5px; width:auto;}
    div.popupTitle                      {font-size:20px; font-family:arial; font-weight:bold; padding:0 10px; margin:0 0 10px;}


/* ########## */
/* # footer # */
/* ########## */

    #hafasFooter                        {margin:0; text-align:center;}
    #hafasFooter div.data               {color:#474747; padding:10px;}
    #hafasFooter div.copyright          {color:#474747; background:#fff; margin:10px 0 0; padding:5px 10px; text-align:left; font-size:9px;}


/* ########################### */
/* # CUSTOMER's content area # */
/* ########################### */

    /* customer header placed above HAFAS header */
    #customerHeader                     {margin:0; padding:0;}

    /* customer content pages (about RP, feedback, etc.) */
    #customerContent                    {margin:10px; border:2px solid #999; padding:0 10px 10px; background:#fff;}
    #customerContent p                  {background-color:#fff; margin:10px 0;}
    #customerContent p.head             {font-weight:bold;}
    #customerContent li                 {line-height:16px; margin-bottom:7px;}

    /* customer hints placed between HAFAS content and footer on tp-pages */
    #customerHints                      {margin:0 10px; border:2px solid #c0c0c0; padding:10px; background:#fff;}
    #customerHints div                  {font-weight:bold; margin:0 0 3px;}
    #customerHints p                    {margin:0 0 15px;}

    /* customer footer placed below HAFAS footer */
    #customerFooter                     {margin:0; padding:0;}

    /* customer fares */
    .detailContainer table.hafasFares     {margin-bottom:7px;background-color:#fff;}
    .detailContainer table.hafasFares td  {padding-right:25px;background-color:#fff;}

    /* customer fares print popup */
    .printViewPrice                                 {margin: 10px; padding:10px; border: 1px solid #c0c0c0;line-height:16px;}
    .priceHeader                                    {margin:0px 0px 10px 0px; padding:0; border-bottom:1px solid #c0c0c0;}
    .priceHeader .priceCaption                      {float:left; margin:0 0 5px; font-weight:bold;}
    .priceHeader .showPrintMode                     {float:right; margin:0 0 5px;}
    .priceHeader .showPrintMode a                   {text-decoration:none; color:#000;}
    .priceHeader .showPrintMode a span              {text-decoration:underline; color:#039;}
    .priceHeader .showPrintMode a:hover span        {color:#ecbd00;}
    .priceHeader .showPrintMode a img               {margin-right:3px;}