.blueheadertxt
{
	font-family: "Arial";
	color: blue;
	font-weight: bold;
	font-size: 17px; 
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.redheadertxt
{
	font-family: "Arial";
	color: red;
	font-size: 16px; 
	font-weight: bold;
	padding-left: 240px;
	padding-top: 05px;
	padding-bottom: 05px;
	}


.yellownormaltxt
{
	font-family: "Arial";
	color: #fbf9d6;
	font-weight: normal;
}


.selectField {
	BORDER-RIGHT: #BABABA 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #BABABA 1px solid; 
	PADDING-LEFT: 1px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #BABABA 1px solid; 
	WIDTH: 180px; COLOR: #666666; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #BABABA 1px solid; 
	FONT-FAMILY: "Arial"; 
	HEIGHT: 24px; 
	BACKGROUND-COLOR: #ffffff
}

.selectFieldBig {
	BORDER-RIGHT: #BABABA 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #BABABA 1px solid; 
	PADDING-LEFT: 1px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #BABABA 1px solid; 
	WIDTH: 270px; COLOR: #666666; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #BABABA 1px solid; 
	FONT-FAMILY: "Arial"; 
	HEIGHT: 24px; 
	BACKGROUND-COLOR: #ffffff
}

.lastupdatetext
{
	font-family: "Arial";
	color: red;
	font-size: 14px;
	font-weight: bold;

}

.stationtxt
{
	FONT-WEIGHT: bolder; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: "Arial"; 
	COLOR : #666666;
}


.passengertxt
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: "Arial"; 
	COLOR : #3632f8;
}

.expresstxt
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: "Arial"; 
	COLOR : #fb121e;
}

.superfasttxt
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: "Arial"; 
	COLOR : #17812d;
}

.rajdhanitxt
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: "Arial"; 
	COLOR : #ff8d30;
}

.shatabditxt
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: "Arial"; 
	COLOR : #d92cf2;
}


.rorotxt
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: "Arial"; 
	COLOR : #000000;
}




.exampleborderradius
{
	background-color: #eee;
	padding: 20px;
	margin-top: 10px;
	margin-right: 20px;
	text-align: center;
	border-radius: 15px;
	-moz-border-radius: 15px;
}







a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color: #fbf9d6;
    text-decoration:none;
    }

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left: -2em;
    padding-left: 10px;
    padding-right: 10px;
    border:1px solid #97248d;
    background-color:#fbf9d6; 
    color:#97248d;
    font-family: "Arial";
    font-size: small; 
    text-align: center}
    
    
    
a.express
{
    position:relative; /*this is the key*/
    z-index:24;
    color: #fbf9d6;
    text-decoration:none
}

a.express:hover
{
	z-index:25;
}

a.express span
{
	display: none;
}

a.express:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:2em;
    right: auto;
    left: -75px; 
    padding-left: 5px;
    padding-right: 5px;
    width: 150px;
    border:1px solid #fb121e;
    background-color:#fbf9d6; color:#fb121e;
    font-family: "Arial";
    font-size: small; 
    text-align: center
}



a.expressexpress
{
    position:relative; /*this is the key*/
    z-index:24;
    color: #fbf9d6;
    text-decoration:none
}

a.expressexpress:hover
{
	z-index:25;
}

a.expressexpress span
{
	display: none;
}

a.expressexpress:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 35px;
    right: auto;
    left: -75px; 
    padding-left: 5px;
    padding-right: 5px;
    width: 150px;
    border:1px solid #fb121e;
    background-color:#fbf9d6; color:#fb121e;
    font-family: "Arial";
    font-size: small; 
    text-align: center
}

  
    
a.superfast
{
    position:relative; /*this is the key*/
    z-index:24;
    color: #fbf9d6;
    outline:none;
    text-decoration:none
}

a.superfast:hover
{
	z-index:25;
	outline:none;
}

a.superfast span
{
	display: none;
	outline:none;
}

a.superfast:hover span
{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    bottom: 25px;
    right: auto;
    left: -75px; 
    padding-left: 5px;
    padding-right: 5px;
    width: 150px;
    border:1px solid #17812d;
    background-color:#fbf9d6; color:#17812d;
    font-family: "Arial";
    font-size: small; 
    outline:none;
    text-align: center;
}


a.superfastsuperfast
{
    position:relative; /*this is the key*/
    z-index:24;
    color: #fbf9d6;
    outline:none;
    text-decoration:none
}

a.superfastsuperfast:hover
{
	z-index:25;
	outline:none;
}

a.superfastsuperfast span
{
	display: none;
	outline:none;
}

a.superfastsuperfast:hover span
{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 35px;
    right: auto;
    left: -75px; 
    padding-left: 5px;
    padding-right: 5px;
    width: 150px;
    border:1px solid #17812d;
    background-color:#fbf9d6; color:#17812d;
    font-family: "Arial";
    font-size: small; 
    outline:none;
    text-align: center;
}
  
  
  
      
a.passenger
{
    position:relative; /*this is the key*/
    z-index:24;
    color: #fbf9d6;
    text-decoration:none
}

a.passenger:hover
{
	z-index:25;
}

a.passenger span
{
	display: none;
}

a.passenger:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:2em;
    right: auto;
    left: -75px; 
    padding-left: 5px;
    padding-right: 5px;
    width: 150px;
    border:1px solid #3632f8;
    background-color:#fbf9d6; color:#3632f8;
    font-family: "Arial";
    font-size: small; 
    text-align: center
}


a.passengerpassenger
{
    position:relative; /*this is the key*/
    z-index:24;
    color: #fbf9d6;
    text-decoration:none
}

a.passengerpassenger:hover
{
	z-index:25;
}

a.passengerpassenger span
{
	display: none;
}

a.passengerpassenger:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 35px;
    right: auto;
    left: -75px; 
    padding-left: 5px;
    padding-right: 5px;
    width: 150px;
    border:1px solid #3632f8;
    background-color:#fbf9d6; color:#3632f8;
    font-family: "Arial";
    font-size: small; 
    text-align: center
}
  
  
  
      
a.rajdhani
{
    position: relative; /*this is the key*/
    z-index:24;
    color: #fbf9d6;
    text-decoration:none
}

a.rajdhani:hover
{
	z-index:25;
}

a.rajdhani span
{
	display: none;
}

a.rajdhani:hover span
{ /*the span will display just on :hover state*/
    display: block;
    position:absolute;
    bottom:2em;
    right: auto;
    left: -75px; 
    padding-left: 5px;
    padding-right: 5px;
    width: 150px;
    border:1px solid #ff8d30;
    background-color:#fbf9d6; color:#ff8d30;
    font-family: "Arial";
    font-size: small; 
    text-align: center
}

a.rajdhanirajdhani
{
    position:relative; /*this is the key*/
    z-index:24;
    color: #fbf9d6;
    text-decoration:none
}

a.rajdhanirajdhani:hover
{
	z-index:25;
}

a.rajdhanirajdhani span
{
	display: none;
}

a.rajdhanirajdhani:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 35px;
    right: auto;
    left: -75px; 
    padding-left: 5px;
    padding-right: 5px;
    width: 150px;
    border:1px solid #ff8d30;
    background-color:#fbf9d6; color:#ff8d30;
    font-family: "Arial";
    font-size: small; 
    text-align: center
}
  
  
      
a.shatabdi
{
    position:relative; /*this is the key*/
    z-index:24;
    color: #fbf9d6;
    outline:none;
    text-decoration:none
}

a.shatabdi:hover
{
	z-index:25;
	outline:none;
}

a.shatabdi span
{
	display: none;
	outline:none;
}

a.shatabdi:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:2em;
    right: auto;
    left: -75px; 
    padding-left: 5px;
    padding-right: 5px;
    width: 150px;
    border:1px solid #d92cf2;
    background-color:#fbf9d6; color:#d92cf2;
    font-family: "Arial";
    font-size: small; 
    outline:none;
    text-align: center
}

a.shatabdishatabdi
{
    position:relative; /*this is the key*/
    z-index:24;
    color: #fbf9d6;
    outline:none;
    text-decoration:none
}

a.shatabdishatabdi:hover
{
	z-index:25;
	outline:none;
}

a.shatabdishatabdi span
{
	display: none;
	outline:none;
}

a.shatabdishatabdi:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 35px;
    right: auto;
    left: -75px; 
    padding-left: 5px;
    padding-right: 5px;
    width: 150px;
    border:1px solid #d92cf2;
    background-color:#fbf9d6; color:#d92cf2;
    font-family: "Arial";
    font-size: small; 
    outline:none;
    text-align: center
}



/******CSS for RORO service added by Sagar ******/

a.roro
{
    position:relative; /*this is the key*/
    z-index:24;
    color: #fbf9d6;
    outline:none;
    text-decoration:none
}

a.roro:hover
{
	z-index:25;
	outline:none;
}

a.roro span
{
	display: none;
	outline:none;
}

a.roro:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:2em;
    right: auto;
    left: -75px; 
    padding-left: 5px;
    padding-right: 5px;
    width: 150px;
    border:1px solid #000000;
    background-color:#fbf9d6; color:#000000;
    font-family: "Arial";
    font-size: small; 
    outline:none;
    text-align: center
}


a.rorororo
{
    position:relative; /*this is the key*/
    z-index:24;
    color: #fbf9d6;
    text-decoration:none
}

a.rorororo:hover
{
	z-index:25;
}

a.rorororo span
{
	display: none;
}

a.rorororo:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 35px;
    right: auto;
    left: -75px; 
    padding-left: 5px;
    padding-right: 5px;
    width: 150px;
    border:1px solid #000000;
    background-color:#fbf9d6; color:#000000;
    font-family: "Arial";
    font-size: small; 
    text-align: center
}


















.statetxt
{
	font-family: "Arial";
	color: black;
	font-weight: bold;
	font-size: 11px; 
	
}

a:active {
  outline:none;
}
  
  :focus {
  -moz-outline-style:none;
}



/*************TOOLTIP CSS********************************/

.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		
		.classic { padding: 0.8em 1em; }
		
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		
		* html a:hover { background: transparent; }
		
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		
		
	/******Button css added by AMIT******/
	
	.btn {
	height :26px; 
  background: #115af4;
  background-image: -webkit-linear-gradient(top, #115af4, #2e8cc7);
  background-image: -moz-linear-gradient(top, #115af4, #2e8cc7);
  background-image: -ms-linear-gradient(top, #115af4, #2e8cc7);
  background-image: -o-linear-gradient(top, #115af4, #2e8cc7);
  background-image: linear-gradient(to bottom, #115af4, #2e8cc7);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 1px 20px 10px 20px;
  text-decoration: none;
  cursor: pointer;
}

.btn:hover {
  background: #3d77f4;
  background-image: -webkit-linear-gradient(top, #3d77f4, #78c3f5);
  background-image: -moz-linear-gradient(top, #3d77f4, #78c3f5);
  background-image: -ms-linear-gradient(top, #3d77f4, #78c3f5);
  background-image: -o-linear-gradient(top, #3d77f4, #78c3f5);
  background-image: linear-gradient(to bottom, #3d77f4, #78c3f5);
  text-decoration: none;
}

.pic
{ 
	 opacity: 1; filter: alpha(opacity=100);
	 position: absolute;
	 right: 175px;
	top: 160px;
}


.pic:hover { opacity: 0.7; filter: alpha(opacity=50); }
