﻿* { margin: 0px; padding: 0px; text-decoration: none; list-style: none; font-family: Lato; font-size: 14px; }

.left { float: left }
.right { float: right }



.ribbon { display: block; overflow: hidden; background-color: #000; padding: 5px 7px; }
    .appTitle { color: yellow; }
    .head_Container { display: block; overflow: hidden; background-color: #f7f7f7; padding: 10px 7px; border-bottom: solid 2px #ccc; }
        .railLogo { height: 100px; width: 100px; }
        .pageTitle { font-weight: bold; font-size: 40px; }
        .pageSubTitle { font-weight: bold; font-size: 32px; color: navy; }
        .digitalIndia { height: 100px; width: 147px; margin: 0 auto; }
        .emblemIndia { height: 100px; width: 60px; margin: 0 auto; }


.main_Container { background: url(images/bgImage.png) center no-repeat; }
    .main_Container h1 { font-size: 46px; display: block; overflow: hidden; text-align: center; font-weight: bold; color: #0f0080; text-shadow: 4px 3px 6px #bb9090; padding: 0px 0px; }
    .main_Container .btn_Table { border-collapse: collapse; border: none; width: 90%; margin: 0 auto; }
    .main_Container .btn_Table  td { padding: 1%; width: 48%; }
    .main_Container .btn_Table img {float: left; margin-left: 17px; margin-right: 17px; } 
        .main_Container .btn_Table a { background-color: #ffa500; font-size: 25px; display: block; width: 80%; overflow: hidden; /*text-align: center;*/ font-weight: bold; color: #fff; text-shadow: 4px 3px 6px #000; padding: 15px 0px;  
  box-shadow: 6px 6px 8px #766D6D;
  margin: 0 auto;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #ab7a20;
  background: #63B8EE;
  background: linear-gradient(top,  #FFA500,  #FFA500);
  background: -ms-linear-gradient(top,  #FFA500,  #FFA500);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#FFA500));
  background: -moz-linear-gradient(top,  #FFA500,  #FFA500); }
    .main_Container .btn_Action { border-collapse: collapse; border: none; width: 95%; margin: 0 auto; }


     .main_Container .opt_Table { border-collapse: collapse; border: none; width: 60%; margin: 0 auto; }
     .main_Container .opt_Table td { vertical-align: middle; }
     .main_Container .opt_Table td a { color: #000; font-size: 24px; font-weight: bold; vertical-align: middle; width: 80%; margin: 10px auto;  text-indent: 70px; display: block; padding: 9px 0px;  }
     .main_Container .opt_Table td a span { text-indent: 70px; display: block; }
     .main_Container .opt_Table td a:active,.main_Container .opt_Table td a:hover{ background-color: #fff !important;  border-radius: 35px; }

     .main_Container .opt_Table td a.water {background: url(images/Convenience/water.png) center left no-repeat; }
     .main_Container .opt_Table td a.paidwater {background: url(images/Convenience/paidwater.png) center left no-repeat; }
     .main_Container .opt_Table td a.ATM {background: url(images/Convenience/ATM.png) center left no-repeat; }
     .main_Container .opt_Table td a.books {background: url(images/Convenience/books.png) center left no-repeat; }
     /*.main_Container .opt_Table td a.chemist {background: url(images/Convenience/chemist.png) center left no-repeat; }*/
     .main_Container .opt_Table td a.telephone {background: url(images/Convenience/telephone.png) center left no-repeat; }
     .main_Container .opt_Table td a.food {background: url(images/Convenience/food.png) center left no-repeat; }
     .main_Container .opt_Table td a.McDonals {background: url(images/Convenience/mcdonalds.png) center left no-repeat; }
     .main_Container .opt_Table td a.juice {background: url(images/Convenience/juice.png) center left no-repeat; }
     .main_Container .opt_Table td a.toilet {background: url(images/Convenience/toilet.png) center left no-repeat; }
     
     .main_Container .opt_Table td a.stationMaster {background: url(images/RailwayOfficers/stationMaster.png) center left no-repeat; }
     .main_Container .opt_Table td a.RPF {background: url(images/RailwayOfficers/RPF.png) center left no-repeat; }
     .main_Container .opt_Table td a.GRP {background: url(images/RailwayOfficers/GRP.png) center left no-repeat; }
     .main_Container .opt_Table td a.chemist {background: url(images/RailwayOfficers/chemist.png) center left no-repeat; }
     .main_Container .opt_Table td a.TCOffice {background: url(images/RailwayOfficers/TCOffice.png) center left no-repeat; }

     .main_Container .opt_Table td a.cloakRoom {background: url(images/passengerAssistance/cloakRoom.png) center left no-repeat; }
     .main_Container .opt_Table td a.wheelChair {background: url(images/passengerAssistance/wheelChair.png) center left no-repeat; }
     .main_Container .opt_Table td a.waitingRoom {background: url(images/passengerAssistance/waitingRoom.png) center left no-repeat; }
     .main_Container .opt_Table td a.delhiMetro {background: url(images/passengerAssistance/DMRC.png) center left no-repeat; }
     .main_Container .opt_Table td a.enquiry {background: url(images/passengerAssistance/enquiry.png) center left no-repeat; }
     .main_Container .opt_Table td a.retiringRoom {background: url(images/passengerAssistance/retiringRoom.png) center left no-repeat; }
     .main_Container .opt_Table td a.ticketCounters {background: url(images/passengerAssistance/ticketCounters.png) center left no-repeat; }
     .main_Container .opt_Table td a.ResCounter {background: url(images/passengerAssistance/resticketCounters.png) center left no-repeat; }
     .main_Container .opt_Table td a.CurCounter {background: url(images/passengerAssistance/curticketCounters.png) center left no-repeat; }
     .main_Container .opt_Table td a.taxiStand {background: url(images/passengerAssistance/taxiStand.png) center left no-repeat; }
     .main_Container .opt_Table td a.parking {background: url(images/passengerAssistance/parking.png) center left no-repeat; }
     .main_Container .opt_Table td a.busStand {background: url(images/passengerAssistance/busStop.png) center left no-repeat; }


     .main_Container .opt_Table td a.waitRoomAC {background: url(images/passengerAssistance/waitRoomAC.png) center left no-repeat; }
     .main_Container .opt_Table td a.waitRoomGEN {background: url(images/passengerAssistance/waitRoomGEN.png) center left no-repeat; }
     .main_Container .opt_Table td a.waitLadies {background: url(images/passengerAssistance/waitLadies.png) center left no-repeat; }
     .main_Container .opt_Table td a.childCare {background: url(images/passengerAssistance/childCare.png) center left no-repeat; }
     
     
     .main_Container .btn_TrainForm { border-collapse: collapse; border: none; margin: 0 auto; }
     .main_Container .btn_TrainForm td { width: 50px; }
     .main_Container .btn_TrainForm td input[type=text] { width: 90%; text-align: center; margin:0 auto; font-size: 40px; font-weight: bold;  display: block; padding: 6px 2%; }


footer { border-top: solid 1px #ccc; border-bottom: solid 2px #ccc; background-color: #e8eced; padding: 5px 7px; display: block; overflow: hidden; position: relative; }




.formS { width : 32%; margin: 0 auto; float: left;} 
.formS #txt_train {width: 56.7%; padding: 10px; font-size: 35px; }
.formS #txt_PnrNumber {width: 56.7%; padding: 10px; font-size: 35px; }
.formS .btn_send {width: 30%; padding: 10px; font-size: 35px; }
.formS input[type=button].btn_touch { padding: 20px 30px; font-size: 35px; width: 30%; border-radius: 10px; border: solid 1px #000; margin: 0px;}



#Home .btn_Table { margin-top: 50px; }


table.infoContainer { background-color: #d6fffc; width: 98%; margin: 0 auto; padding: 1%;}
table.infoContainer h3 {font-size: 25px;}
table.infoContainer p {font-size: 18px;}


.tourContainer img {width: 94%; margin: 0 auto; border: solid 5px #000; border-radius: 10px; display: block; }

.tourContainer span { background-color: #000; opacity:0.6; clear: both; display: block; position: relative; bottom: 48px; color: #fff; text-align: center; font-size: 20px; padding:10px 0px; width: 94%; margin: 0 auto;}
table.tourContainer h3 {font-size: 25px;}
table.tourContainer p,table.tourContainer strong {font-size: 18px; margin-bottom: 10px;}





.container table.formTable { width: auto; border-collapse: collapse; font-size: 24px; border: none; }
	.container table.formTable th {font-size: 22px; border-bottom: solid 2px maroon !important; text-align: center; padding: 7px 5px; border: none; background-color: maroon; color: #fff; }
	.container table.formTable td {font-size: 22px; font-weight: bold; border-bottom: solid 1px #dce8f6 !important; text-align: left; padding: 7px 5px; border: none;}
.container table.formTable span {font-size: 22px;  font-weight: normal;}