/* ----------------------------------------------------------------------------
	Transportation 
---------------------------------------------------------------------------- */

.scrollDiv
{
	max-height: 300px;	
	overflow: auto;
	margin: 10px;
	border: 1px solid #cccccc;
	empty-cells:show;	
	
}

.TableLabel
{
}
	
	
/* ----------------------------------------------------------------------------
	Landing page
---------------------------------------------------------------------------- */
.headline 
{
	color:#005EAA;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	text-decoration:none;
}

.more_info 
{
	color:#005EAA;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	text-decoration:none;
}

.news 
{
	border-color:silver;
	border-top:1px solid silver;
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:10px;
	vertical-align:top;
}

.highlight
{
	background-color:#4870A1;
	padding:5px;
	color: #ffffff;
	font-weight: bold;
	width:100%;
}
.usermessage
{
	color: #ff0000;
	font-weight: 400;
}

/* ----------------------------------------------------------------------------
	Ajax TabContainer (Common for all pages)
---------------------------------------------------------------------------- */

.ajax__tab_active
{
	font-weight: 600 !important;
}

.TabDescriptionLabel   /*ajax tab header description*/
{
	background-color: #4870A1;
	color: #ffffff;		
	/*font-weight:bold;*/
	padding: 5px;
	text-align:left;
	border-right : none !important;
}

.ajax__tab_panel /* body of tab panel*/
{
	background-color:#D8E4E7;
	padding-bottom: 15px;
	border-right: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;	
}

  ajax__tab_active
{		
	color: #ffffff;	
	/*font-weight:bold;*/	
}

.ajax__tab_tab
{
	background-color:#D7E6E8;	
	padding: 5px 10px;
	/*font-weight:bold;*/	
}

.ajax__tab_header
{
	padding: 0 10px;
}

.ajax__tab_default .ajax__tab_tab
{
	background-color:#D7E6E8;
	margin-left: -10px;	
}

.ajax__tab_outer
{
	background-color:#ffffff;
	margin-right: 10px; /*Important for space between tabs*/
}

.ajax__tab_active .ajax__tab_tab
{
	background-color:#4870A1;
	color: #ffffff;	
}

/* ----------------------------------------------------------------------------
	ScheduleInfo page
---------------------------------------------------------------------------- */

#ScheduleInfo /*  page specific css*/
{
}

#ScheduleInfo .TripSelectionWrapper /*changes width of the selector box*/
{	
	font-family: Arial;
	border:0;
	margin: 15px 0 ;
	width: 200px;			
	empty-cells:hide;		
}

.TripSelectionHeader
{
	background-color: #4870A1;	
	color:#ffffff;	
	font-weight: bold;
	padding: 5px 0 5px 10px;
	width: auto;
}

.TripSelectionContent
{
	padding: 15px 0 25px 5px;
	border-bottom:solid 1px #c0c0c0;
	border-right:solid 1px #c0c0c0;
	background-color: #D8E4E7;	
}

.SchedulesDisplayWrapper
{
	margin: 15px 10px;
	font-family: Arial;
}

.SchedulesListView
{	
	border: solid 1px #c0c0c0;
}

.LinkButtons 
{
	padding: 10px 5px;
	text-align:right;
	
}

.LinkButtons a
{
	padding: 0 10px;	
}

.IndicatorMessage
{
	font-size: 11px;	
	margin: 10px 0 0 10px;	
}

#Carriers td
{
	padding: 3px 5px;
}

/*ScheduleDetail Popup*/
#DetailHeader th
{
	background-color: #4870A1;
	color: #ffffff;	
	font-weight:bold;
	padding: 3px 5px;
	text-align:left;
}

#ScheduleDetail .ArrivesColumnCell, #ScheduleDetail .LeavesColumnCell, 
#ScheduleDetail .TimeColumnCell
{
	text-align: right;
}

/* ----------------------------------------------------------------------------
	ViewSchedules
---------------------------------------------------------------------------- */

#ViewSchedulesWrapper
{
	
}

#ViewSchedulesTable
{
	padding: 10px 0;
}

#ViewSchedulesTable select
{
	border: solid 1px #4870A1;	
	font-family:arial,sans-serif;
	font-size:12px;
	width: 150px;
}

.CarrierDescription
{
	background-color: #4870A1;
	color: #ffffff;	
	font-weight:bold;
	padding: 5px;
	
}

#CarrierSummary, #CarrierDetail
{
	padding: 10px 0px 10px 5px;	
	font-family: Courier New, Helvetica, sans-serif;
	font-size: 12px;	
}

#ViewSchedules
{
	padding:10px 0;
}

.CarrierSummaryGridView, .CarrierDetailGridView
{
	background-color: #ffffff;
}

.CarrierSummaryGridView td, .CarrierDetailGridView td
{
	padding: 3px 5px;
	border-bottom: 1px solid #cccccc;
}

#CarrierSummary th, #CarrierDetail th
{
	background-color: #4870A1;
	color: #ffffff;
	font-family: Arial, Tahoma;
	font-weight:bold;
	padding: 3px 5px;		
}

div.scroll_schedules 
{
	height: 375px;	
	overflow: auto;
	margin: 10px;
	border: 1px solid #cccccc;
	empty-cells:show;	
	font-size: 11.5px;
}


.CarrierMessage
{
	font-size: 9px;
	
}

#CarrierSummary .StopsColumnCell
{
	text-align:center;
	width: 40px;
}

#CarrierSummary .LeavesColumnCell, #CarrierDetail .LeavesColumnCell , #CarrierSummary .ArrivesColumnCell, #CarrierSummary .ArrivesColumnCell
{
	text-align:right;
	width: 60px;
}

/* ----------------------------------------------------------------------------
	Schedule Details for Carriers (Ajax Popup page)
---------------------------------------------------------------------------- */

#ScheduleDetail table
{
	
}

#ScheduleDetailBody
{
	background-color:#D8E4E7;
	border: solid 1px #c0c0c0;
	padding: 0 0 10px 10px;
}

#ScheduleDetailHeader table
{
	width: 100%;
	/*margin: 0;
	padding: 0;
	border: 0;
*/
}

#ScheduleDetailTable
{
}

#ItineraryTable, #DetailTable
{
	background-color: #ffffff;
	margin: 5px;
	border: dotted 1px #000000;	
}

#ItineraryTable td, #DetailTable td
{
	padding: 5px;
}

.BackToTrip
{
	padding: 10px;
	text-align: right;
	float:right;
}

.CloseButton 
{
	background: transparent url(/webstore/images/GTS/close-button.jpg) scroll center;
	height: 22px;
	width: 27px;
	margin-right: -10px;
	margin-top: -10px;
}
/* ----------------------------------------------------------------------------
	ETickets page
---------------------------------------------------------------------------- */

#ETicketsSelectorTable 
{	
	border-right:solid 1px #c0c0c0;	
	border-bottom:solid 1px #c0c0c0;	
	margin: 15px 0 ;
	background-color: #D8E4E7;/* important*/	
	empty-cells:hide;	
}

#TripModeSelection
{
	padding: 15px 0;
}

#ETickets .TripSelectionContent
{
	width: 200px;
	height: 160px;
	border: none !important;
}

#ETicketsSelectorTable 
{
	height: 250px; /*important*/
}

/* ----------------------------------------------------------------------------
	Calender and Month Tab
---------------------------------------------------------------------------- */

.TripDropdownList /*common css for all DropdownList*/
{
	border: solid 1px #4870A1;
	width: 150px;
	font-family:Arial, Tahoma, MS Sans Serif;
	font-size: 12px;
}

/*Calendar Control */

.CalendarContainer
{
	margin-top: 10px;	
}

.CalendarPanel
{
	width:200px ;/*sets width of calender*/	
}

.Calendar
{
	width:190px !important;
	height: 160px;
	margin: 0px;
	font-size: 12px;
	padding:0;
	border: solid 0px #407241;
	background-color: #ffffff !important;
	margin-top: -3px;
	margin-left: 3px;
}

.Calendar a:hover
{	
	display:block;	
	text-decoration: none;
}

.CalendarDayHeader
{
	font-weight:normal;
	font-size: 11px;
	background-color:#E3EAEB;
	color: #000000;
	padding: 0;
}

.CalendarTitle
{
	background-color: #4870A1;
	color: #ffffff;
	font-weight:normal;
	padding: 5px;
	margin-bottom: -5px; /*important*/
	height: 20px;	
}

.CalendarContainer table tr
{
	border: none;
	margin: 0;
	padding: 0;
}

.CalendarDayStyle
{
	vertical-align: middle !important;
	text-align: center !important;
}

.CalendarTodayDay
{
	color: #3333CC;
	border: solid 1px #000000;
	vertical-align: middle;
	text-align: center;
}

.CalendarSelectedDay
{
	
	background-color: #F7CB82 !important;/*overrides the default color bug*/
	color: black !important;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #333333;
}	

.CalendarSelectedDay td
{
	color: black !important;
	background-color: #F7CB82 !important;
}

.CalendarSelectedDay a
{
	color: black !important;
}

.CalendarOtherMonthHeader
{
	color: #c0c0c0;
	visibility:hidden;
}

.Tab
{
	background-color: #ECF5F7;
	color: #222222;
	font-weight:normal;	
	margin-bottom: 0px; /*important to fix tab*/	
	text-align: center;	
	width:35px;
	height:16px;
}

.Tab a:hover
{
	background-color:transparent;
	color: #ffffff;
}

.TabSelected
{
	background-color:#4870A1;
	color: #ffffff;
	font-weight:normal;	
	border: none;
	width:35px;
	height:16px;
}

.TabHover
{
	background-color:#4870A1;	
}

.CalendarMenu
{
	margin-left: 0px;
	
}

/* ----------------------------------------------------------------------------
	 Common CSS for gridview and repeater CSS
---------------------------------------------------------------------------- */

.Row 
{
	background-color: #ffffff;
	
	border-bottom: solid 1px #ccc;
	color:#222222;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

.AltRow
{
	background-color: #e7f2f5;
		
	border-bottom: solid 1px #ccc;
	color:#222222;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;		
}

.SelectedRow
{
	background-color: #f7cb82;
	padding: 4px 3px !important;
}

.SelectedRow a
{
	color: #000000;	
}

.SelectedRow td
{
	padding: 4px 3px;
}

.Row td, .AltRow td, th
{
	padding: 4px 3px;
	border-bottom: solid 1px #ccc;
}

.SelectScheduleColumnCell
{
   width: 10px;
}

.SchedulesColumnCell
{
  	width: 60px;  	
}

.ScheduleColumnCell a, .ScheduleColumnCell a:hover, .ScheduleColumnCell a:visited
{
	color: #000000;	
}

.DepartsColumnCell, .ArrivesColumnCell
{
	width: 30px;
}

.OrigColumnCell, .DestColumnCell, .LayoverColumnCell, .DepartsColumnCell, .ArrivesColumnCell, .CarrierColumnCell, .SchedColumnCell
{	
	text-align:left;
	padding: 3px 3px;	
}

.LayoverColumnCell, .TimeColumnCell
{
	width: 0px;
	text-align: right;
}

.DepartsColumnCell, .ArrivesColumnCell
{
	width:60px;
	text-align:right;
}

.OrigColumnCell, .DestColumnCell
{
	
}

.TimeColumnCell
{
	text-align:center;
	padding: 4px 3px;	
}

.ConnectionsColumnCell
{
	width: 80px;
}

.FareDisabled
{
	color: #CCCCCC;
}


/* ----------------------------------------------------------------------------
	Carriers Display
---------------------------------------------------------------------------- */
.Carriers .Row, .Carriers .AltRow
{
	background-color: transparent;
	padding: 3px 3px;
	border-bottom: none !important;
}

.Carriers
{
	font-size:11px;
	padding-left:10px;
}

.Carriers hr
{
	width: 100%;
	height: 50%;
	float: left;
	color:#407241;
	margin-top:10px;	
}

.Carriers table
{
	width: 60%;
}

#CarriersTitle
{
	font-weight:bold;	
}

#CarrierDetail .LayoverColumnCell
{
	width: 0px;
}

/* ----------------------------------------------------------------------------
	 Schedule detail
---------------------------------------------------------------------------- */

.ScheduleListDisplay
{
	padding: 20px 0 10px 10px;
	font-family:Arial, MS Sans Serif;
}


#ETickets .SchedulesListView th 
{
	padding: 3px 6px;
}

.AdultColumnCell, .ChildColumnCell, .StudentColumnCell, .SeniorColumnCell 
{
	background-color: #FFFFCC !important;
	padding: 3px 6px !important;
	color: #222222 !important;
	text-align: right;
}

.AdultColumnCell
{
	border-left: solid 1px #008000;
}

#DetailScheduleList
{
	max-height: 100px;
	width: auto;
	overflow:scroll;
}

/* ----------------------------------------------------------------------------
	FareOptions 
---------------------------------------------------------------------------- */

/* Cart Items*/

#TemplateDetailsHeader
{
	border-bottom:solid 1px #666666;	
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 10px;
}

.FaresTableLeftColumn 
{
	width: 260px;
	padding: 15px 10px 15px 20px;
}

.FaresTableLeftColumn input[type=submit]
{
	float:right;
	margin-top: 10px;
}

.FaresTableLeftColumn input[type=text]
{
	width: 30px;	
}

.TemplateDetailsTable td
{
	margin-top: 15px;
	padding: 3px 6px;
}

/* Fare options Selection*/

.FaresTableRightColumn
{
	padding:10px 10px 10px 20px;
}

.FaresTableRightColumn .Row
{
	background-color: transparent;
}

.FaresTableRightColumn td  a
{
	padding: 3px 1px;
}

.FaresTableRightColumn td
{
	padding: 3px 6px;
}

.WebFaresSelection
{
	border: 1px solid #cccccc !important;
}

/* Itinerary Display*/

.Itinerary 
{
	width: 80%;
	padding: 10px 0 10px 20px;
}

#ItinerarySummaryHeader
{
	font-weight:bold;
}

#ItineraryHeader th
{
	white-space:nowrap;
	background-color: #e7f2f5;
}

#ItineraryDisplayTable
{	
	border: solid 1px #008000;
	margin: 10px 5px 10px 10px;	
	white-space:nowrap;	
	font-family:Arial, Tahoma;
	font-size: 12px;
	background-color: #ffffff;	
}

#ItineraryDisplayTable tr
{
	padding: 2px 0 2px 3px;
	white-space:nowrap;	
}

#ItinerarySeperator, #ItineraryDisplayTable th
{
	border-bottom: solid 1px #c0c0c0;
}

/* ----------------------------------------------------------------------------
	AjaxPopup CSS
---------------------------------------------------------------------------- */
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);			
	opacity: 0.7;			
}	
			
.modalPopup		
{		
	background-color: #ffffff;		
	border-width: 3px;		
	border-style: solid;		
	border-color: Gray;		
	padding: 3px;		
	width: 600px;		
}	

div.updateprogress 
{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	z-index: 1000;
	background-color: Gray;
	filter: alpha(opacity=40); 
	-moz-opacity: .40; 
}	

div.updateProgressImage
{
	text-align: center;
}	

/* ----------------------------------------------------------------------------
	MultiRide page
---------------------------------------------------------------------------- */

#MultiRide .TripSelectionContent 
{
	border:medium none !important;
	height:160px;
	width:200px;
}

#MultiRide .SchedulesListView
{
	margin: 15px 5px 10px 10px;
}

.MultiRideFaresTable
{
	margin: 15px 5px 10px 20px;
}

.MultiRideFaresTable td
{
	padding: 3px 6px;
}

.MultiRideFaresTable th
{
	border-bottom: solid 1px #222222;
	background-color:#4870A1;
	color: #ffffff;
}

.MultiRideFaresTable input[type=text]
{
	width: 30px;
	float: right;	
}

.AddToCartButtonCell input[type=submit]
{
	float: right;
	margin-top: 10px;
}

/*********************Verified CSS upto this point**************/

.TripDescription, #ScheduleDetailHeader
{
	background-color:#4870A1;
	color: #ffffff;
	font-weight: bold;	
	padding: 5px  ;
}

#ScheduleHeader th
{
	background-color: #4870A1;		
	
}
.SchedulesListView
{
	border: solid 1px #cccccc;
}

.SchedulesListView th
{
	background-color: #4870A1;
	color: #ffffff;
	border-bottom: solid 1px #cccccc;	
}